•  
  • Apr 3, 2020

How to create the User Guide

Tips on how to improve and simplify the documentation creation

According to our statistics, products with a better  or complete user guide  get more sales. To show the users a more transparent experience of what to expect regarding a product, the user guide is downloadable by all our users.

It gives the buyers a glance at how well organized and professional your product is.  The documentation is essential because it allows you to transfer the  why  behind code.

Much in the same way code comments explain the why, and not the how, documentation serves the same purpose.

The buyers need to understand why your product might be useful for them before they decide to buy it.  The User Guide tells people that your product is for them.

Download our UserGuide Template

Our products require to submit a UserGuide as a minimum requirement. Please provide step by step User Guide with instructions on installation, customization, and use and formatted as a .pdf or .docx or .doc. You can create your own or use our sample User Guide as a template.      


Download the Template 

Best practices for writing documentation:

 

Include A README file 

Add the following:

  • A brief description of the project
  • Installation instructions
  • A short example/tutorial

API Documentation

Document your code, classes, and functions. Describe what the function does, the parameters and what the function returns

 

Code Optimization

Apply coding conventions, such as file organization, comments, naming conventions, programming practices, etc.n.


There are different ways to automate the documentation process. If your code is well documented with the programming code documentation standards, you can just use a tool to automatically document the code for you.

An example of these tools are:

PHP and Javascript tutorial

 

To give you a better understanding on how these tools work, we will show you a quick tutorial for the 2 most common programming languages in our platform: PHP and Javascript. 

We will use PHPDox and JSDoc for this example, but feel free to explore your options and follow the installation and tutorials from the tool’s Github pages. 

 

PHP (PhpDox)

Please notice that all the automatic documentation from the tools are based on your code documentation. If you documented (commented) well enough your code, the documentation can be automated. Follow the standards in code documentation so the tools know how to parse your code. 

 

Code documentation 

For example for the function login, use the comment to give a description of what the function do. Use the keyword “@param” to define which parameters are used and “@return” for the description of what the function returns (if applicable).   For each parameter include the type as well.  

/** * Login via email and password

* * @param Request $request Request

* * @return Response

* * @throws BadRequestHttpException

* @throws UnauthorizedHttpException

* * @Rest\Post("/login") */

public function login(Request $request ) { }

Installation and execution

You can install this tool via composer:

composer require --dev theseer/phpdox 

Then use the  command line:

vendor/bin/phpdox --version

As of version 0.4 phpDox requires an xml configuration file. In case a project you want to generate documentation for does not come with one, you can create it by calling

vendor/bin/phpdox --skel > phpdox.xml.dist 

Create the documentation using the following command:

vendor/bin/phpdox 

This will create the folder docs. Inside the folder, you will find the htmlx Documentation.

 Sample of the result for classes: 

Screen-Shot-2020-04-03-at-16.05.51.png

 

Javascript (jsdoc)

Code documentation

For JsDoc to generate a documentation, your code needs to be properly documented. See the following example of a well documented code:

/** * [someFunction Here write a description of what the code does]

* @param {[type]} arg1 [description of the parameter]

* @param {[type]} arg2 [description ]

* @return {[type]} [description]

*/ var someFunction = function (arg1, arg2) { // Do something... };

Installation and execution

To install the latest version on npm globally 

npm install -g jsdoc

The above command will tell you which path to use, change the path if the default was not “./node_modules/.bin/jsdoc“.

 To generate documentation for the file  yourJavaScriptFile.js :

./node_modules/.bin/jsdoc yourJavaScriptFile.js

By default, the generated documentation is saved in a directory named out.

Screen-Shot-2020-04-03-at-16.17.45.png

Now that you know how to make a better and more professional User Guide, what are you waiting for? Upload your products and start earning money from your source code. 

 

Documento Relacionado

Baixar

Link Relacionado (Blog de Referência)

Comentários

Adicione seu comentário

Fique em contato

  • Obtenha dicas práticas para empresas e desenvolvedores.
  • Saiba mais sobre as necessidades da comunidade PieceX para projetos de código-fonte.
  • Seja o primeiro a conhecer os mais novos projetos de código gratuito da comunidade PieceX.
PieceX Logo