{"id":884,"date":"2025-01-04T03:49:22","date_gmt":"2025-01-03T20:49:22","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=884"},"modified":"2024-12-30T08:37:47","modified_gmt":"2024-12-30T01:37:47","slug":"chronology-of-web-application-development","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/","title":{"rendered":"Chronology of Web Application Development"},"content":{"rendered":"

Based on the perception of some software developers and experts in the field of software engineering (software engineering professional), Web Application Development is not the same with software engineering although both involve programming and software development.<\/span> Although many adopted the principles of software engineering, Web Application Development has many approaches, methods, tools, techniques and guidelines that meet the requirements of making a web-based system.<\/span><\/p>\n

Development of a web-based system is different from conventional software development, where the development of a web-based system is more challenge.<\/span> Web Application Development is a combination of print publishing and software floating, between marketing and calculations and between art and technology.<\/span><\/p>\n

a.<\/strong><\/span> Formulations<\/strong><\/span>
\n Activity that serves to define the purpose and size of web-based applications and set the limits of the system.<\/span> The objectives can be divided into two categories, namely:<\/span>
\n 1. Purpose informative<\/strong><\/span>
\n Providing certain information to users, such as text, graphics, audio, and video.<\/span>
\n 2. The purpose of the functional<\/strong><\/span>
\n<\/strong> The ability to perform a function that takes the user, eg by using the application of a teacher can obtain the final value and the statistical value of data teacher exams, assignments, quizzes which she inputs into the application.<\/span><\/p>\n

b.<\/strong><\/span> Plan<\/strong><\/span>
\n Activities that used to calculate the estimated cost of the project is a web-based application creation, the estimated number of developers, the estimated development time, risk evaluation project development, and defines the development schedule for the next version (if needed).<\/span><\/p>\n

c.<\/strong><\/span> Analysis<\/strong><\/span>
\n<\/strong> Activity to determine the technical requirements and identifying the information to be displayed on web-based applications.<\/span> The analysis used in web engineering done on the four sides, namely:<\/span>
\n 1. Analysis of information content<\/strong><\/span>
\n Identify the content to be displayed on this web-based application.<\/span> The information content can be text, graphics, audio, and video.<\/span>
\n 2. Analysis of interaction<\/strong><\/span>
\n The analysis shows the relationship between the web by the user.<\/span>
\n 3. Functional analysis<\/strong><\/span>
\n Analysis on the process of how this web-based application will display information to the user.<\/span>
\n 4. Analysis of configuration<\/strong><\/span>
\n Configuration used in web-based applications, Internet, intranet, or extranet.<\/span> Moreover, this analysis also includes a relational database with a web if necessary.<\/span><\/p>\n

d.<\/strong><\/span> Engineering<\/strong><\/span>
\n There are two work performed in parallel, the design of information content and web architecture design.<\/span> At the time the design phase, there are some things that need to be done:<\/span>
\n \uf0b7 Diagramming Wireframe (Photo Frame), the goal of a wireframe diagram is to show how to lay out the web page and show where the functions and content such as navigation, the search box, form elements and so on, without any graphic design.<\/span> Here’s an example:<\/span>
\n\"image\"<\/a>
\n Pictures.<\/span> Diagram 2.1 Wireframe a web page.<\/span><\/p>\n

\uf0b7 Diagram Site, a site diagram shows the overall structure of the site and how the individual pages relate to one another.<\/span> Figure 2.2 shows the diagram of a very simple site<\/span>
\n\"image\"<\/a>
\n Figure 2.2.<\/span> Diagram Site<\/span><\/p>\n

\uf0b7 Storyboard and user flow diagrams, Storyboard aims to demonstrate the steps necessary to complete the tasks, possible options, and also introduce some kind of standard pages.<\/span> Figure 1-3 shows a simple storyboard.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Based on the perception of some software developers and experts in the field of software engineering (software engineering professional), Web<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1238],"tags":[941,949,946,943,942,945,950,947,948,944],"class_list":["post-884","post","type-post","status-publish","format-standard","hentry","category-english","tag-application-development","tag-application-development-and-maintenance","tag-application-development-framework","tag-application-development-initiative","tag-application-development-life-cycle","tag-application-development-manager","tag-application-development-manager-job-description","tag-application-development-manager-salary","tag-application-development-tools","tag-application-development-trends"],"yoast_head":"\nChronology of Web Application Development - TN Mikro<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Chronology of Web Application Development - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"Based on the perception of some software developers and experts in the field of software engineering (software engineering professional), Web\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png\" \/>\n<meta name=\"twitter:creator\" content=\"@t_neutron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taufiqullah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"Chronology of Web Application Development\",\"datePublished\":\"2025-01-03T20:49:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/\"},\"wordCount\":501,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb6.png\",\"keywords\":[\"Application Development\",\"application development and maintenance\",\"application development framework\",\"application development initiative\",\"application development life cycle\",\"application development manager\",\"application development manager job description\",\"application development manager salary\",\"application development tools\",\"application development trends\"],\"articleSection\":[\"English\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/\",\"name\":\"Chronology of Web Application Development - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb6.png\",\"datePublished\":\"2025-01-03T20:49:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb6.png\",\"contentUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb6.png\",\"width\":444,\"height\":346},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/chronology-of-web-application-development\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chronology of Web Application Development\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\",\"name\":\"TN Mikro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\",\"name\":\"Taufiqullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"caption\":\"Taufiqullah\"},\"description\":\"Taufiqullah\",\"sameAs\":[\"http:\\\/\\\/www.tneutron.net\",\"https:\\\/\\\/x.com\\\/t_neutron\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chronology of Web Application Development - TN Mikro","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/","twitter_card":"summary_large_image","twitter_title":"Chronology of Web Application Development - TN Mikro","twitter_description":"Based on the perception of some software developers and experts in the field of software engineering (software engineering professional), Web","twitter_image":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png","twitter_creator":"@t_neutron","twitter_misc":{"Written by":"Taufiqullah","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"Chronology of Web Application Development","datePublished":"2025-01-03T20:49:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/"},"wordCount":501,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png","keywords":["Application Development","application development and maintenance","application development framework","application development initiative","application development life cycle","application development manager","application development manager job description","application development manager salary","application development tools","application development trends"],"articleSection":["English"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/","url":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/","name":"Chronology of Web Application Development - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png","datePublished":"2025-01-03T20:49:22+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#primaryimage","url":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png","contentUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb6.png","width":444,"height":346},{"@type":"BreadcrumbList","@id":"https:\/\/www.tneutron.net\/mikro\/chronology-of-web-application-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"Chronology of Web Application Development"}]},{"@type":"WebSite","@id":"https:\/\/www.tneutron.net\/mikro\/#website","url":"https:\/\/www.tneutron.net\/mikro\/","name":"TN Mikro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tneutron.net\/mikro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375","name":"Taufiqullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","caption":"Taufiqullah"},"description":"Taufiqullah","sameAs":["http:\/\/www.tneutron.net","https:\/\/x.com\/t_neutron"]}]}},"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"predecessor-version":[{"id":2965,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/884\/revisions\/2965"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}