{"id":3838,"date":"2018-05-18T12:00:52","date_gmt":"2018-05-18T12:00:52","guid":{"rendered":"https:\/\/www.gtechbooster.com\/?p=3838"},"modified":"2022-11-30T22:02:05","modified_gmt":"2022-11-30T22:02:05","slug":"how-to-create-effective-documentation-for-web-applications","status":"publish","type":"post","link":"https:\/\/gtechbooster.com\/how-to-create-effective-documentation-for-web-applications\/","title":{"rendered":"How to Create Effective Documentation for Web Applications"},"content":{"rendered":"\n

Most of us know that documentation is a fundamental part of any software project, but we\u2019ve also learned through experience that producing too much documentation of the wrong kind can be a waste of time. <\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>

The aim of rapid development is to minimize waste and achieve lean, elegant processes as well as software. The key to effective documentation is knowing how to record organisational memory without limiting the creative process during development or imposing excessive cost on the organisation.<\/p>\n\n\n\n

This blog post will explore several types of documentation and their relative effectiveness for application development throughout the project life cycle: pre-development, during development, and post-development.<\/p>\n\n\n\n

\u201cThe key to effective documentation is knowing how to record organizational memory without limiting the creative process.\u201d<\/em><\/p><\/blockquote>\n\n\n\n

Pre-development Documentation<\/h3>\n\n\n\n

Pre-development documentation primarily identifies requirements and defines high-level software architecture, and may include functional specifications<\/strong>, user stories<\/strong>, or entity relationship diagrams<\/strong>.<\/p>\n\n\n\n

Functional specifications<\/strong> are presented as a text-only list of requirements of the software and clients usually incorporate that list into a Request for Quotation. Often the specification include both the functional requirements and the technical ones, which can potentially limit the effectiveness of the developers, as they are better at determining the best technical solutions for clients\u2019 needs.<\/p>\n\n\n\n

User stories<\/strong> are an effective tool to identify and describe the functionality needed from the user\u2019s perspective, and can be used as acceptance criteria. Developers can also use the same domain language as in user stories to develop nomenclature in the software, so taking care to name objects clearly and logically helps ensure that the code correlates with the requirements.<\/p>\n\n\n\n

Entity relationship diagrams<\/strong> present users and objects (entities), relationships, and attributes in graphical format. They can be particularly useful for complex projects with large development teams, and help ensure that everyone understands the relationships between the different objects before development begins.<\/p>\n\n\n\n

While it\u2019s important to document functional requirements at a high level before moving into the development phase, excessive or overly detailed pre-development documentation can potentially restrict the project team\u2019s options for developing appropriate solutions; it may also become obsolete later in the project life cycle as new requirements, problems, and details emerge during the project.<\/p>\n\n\n\n

Extensive documentation is also time-consuming to maintain, so it\u2019s best to create more detailed documentation later in the project life cycle.<\/p>\n\n\n\n

Documentation During Development<\/h3>\n\n\n\n

It\u2019s important during the development phase to clearly represent the high-level architecture and note any deviations from typical practice<\/strong> as the project progresses. Development documentation at this stage is typically automated through good programming practices rather than manually written into documents. <\/p>\n\n\n\n

This can be facilitated by the use of frameworks, choice of programming language<\/strong>, and in the messages in your version control\/code repositories<\/strong>.
Frameworks<\/strong> are specific software libraries that serve as a filing system in a standard format to store code and procedures. <\/p>

\"\"<\/a><\/div><\/div>\n\n\n\n

Ruby on Rails was the first framework designed specifically to meet the needs of web application development, and is considered to be the gold standard that other frameworks are modeled upon. Each framework is designed to be used with a particular programming language \u2013 e.g., Ruby on Rails with Ruby, Django with Python and Cake with PHP.<\/p>\n\n\n\n

Programming languages<\/strong> have various forms of syntax requiring various levels of comments\/remarks to be clearly documented and understood. Languages using syntax close to natural English clearly show the intent without the need of excessive documentation or comments. <\/p>\n\n\n\n

We chose to work in Ruby because it has a very clear syntax and therefore can be described as a self-documenting language (Python is another such language).<\/p>\n\n\n\n

Version control\/code repositories<\/strong> can also be considered to be part of documentation. To make repositories useful in that way, developers should insert an explanation of what is being \u201ccommitted\u201d (describing how the updated source code affects the project).<\/p>\n\n\n\n

Most of the tools mentioned above support project teams in creating effective documentation easily \u201cas they go,\u201d requiring minimum time and effort, which also means that it is very cost effective for the client.<\/p>\n\n\n\n

Post-development Documentation<\/h3>\n\n\n\n

Post-development documentation is typically produced in order to support the team of developers responsible for maintaining the software or to teach end-users how to use the software.<\/p>\n\n\n\n

Proficient use of some of the tools discussed previously can eliminate the need to pull divergent results and ideas together at the end of a project with additional documentation. However, at the very minimum it is good software project etiquette to document the procedure describing how to set up and run the application<\/strong>, helping future developers to get up and running quickly.<\/p>\n\n\n\n

The need for extensive end-user documentation<\/strong> is largely disappearing as software becomes increasingly intuitive, with particular emphasis on User Experience and User Interface design. Moreover, screencasts are now preferred over traditional user manuals.<\/p>\n\n\n\n

With the goal of remaining as lean and productive as possible while adequately documenting our work, we favor user stories for pre-development and use frameworks, intuitive programming languages, integration testing, and code repositories during the development phase. <\/p>\n\n\n\n

Our primary goal in producing any documentation is ease of use for the next person who maintains or builds upon the software. <\/p>\n\n\n\n

Matthew Ford, Technical Director Bizesty Aug 2011 <\/p>\n

\"\"<\/a><\/div><\/div>","protected":false},"excerpt":{"rendered":"

Most of us know that documentation is a fundamental part of any software project, but we\u2019ve also learned through experience that producing too much documentation of the wrong kind can be a waste of time. The aim of rapid development is to minimize waste and achieve lean, elegant processes as well as software. The key […]<\/p>\n","protected":false},"author":7,"featured_media":4042,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[250,249,268,6,871],"class_list":["post-3838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features","tag-developers","tag-dev-ops","tag-documentation","tag-programming","tag-web-development"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/posts\/3838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/comments?post=3838"}],"version-history":[{"count":0,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/posts\/3838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/media\/4042"}],"wp:attachment":[{"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/media?parent=3838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/categories?post=3838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechbooster.com\/api-json\/wp\/v2\/tags?post=3838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}