Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
start [2019/01/15 19:04]
aducomadmin
start [2019/03/21 13:13] (current)
aducomadmin
Line 16: Line 16:
 |{{:​agile:​design-min.png?​nolink&​200x112 ​ }}If you create a GUI application then designing your form is one of the first steps in creating your application. Usually, you will need a database containing your tables and fields. To maintain your database, PHsPeed has PHPMyAdmin for MySQL/​MariaDB and Adminer as a general database management tool integrated (if you are using the embedded Xampp package). Next, you can generate a fully working PHP application,​ including a form design by using the embedded application generator in a few minutes. Another approach is designing the form yourself by using the forms designer. A bit slower, but you are in full control. A third option is to combine both steps. In general, the first step is used for fast prototyping,​ the second to make the application more smooth and functional. \\   \\ It is important that during your design phase you design your database well. PHsPeed can generate forms and (crud) applications on the fly, but making changes can be very time consuming if you have already made a lot of modifications in the predefined modules. \\ {{  :​agile:​sc_xampp-min.png?​nolink&​270x217 ​ }}| |{{:​agile:​design-min.png?​nolink&​200x112 ​ }}If you create a GUI application then designing your form is one of the first steps in creating your application. Usually, you will need a database containing your tables and fields. To maintain your database, PHsPeed has PHPMyAdmin for MySQL/​MariaDB and Adminer as a general database management tool integrated (if you are using the embedded Xampp package). Next, you can generate a fully working PHP application,​ including a form design by using the embedded application generator in a few minutes. Another approach is designing the form yourself by using the forms designer. A bit slower, but you are in full control. A third option is to combine both steps. In general, the first step is used for fast prototyping,​ the second to make the application more smooth and functional. \\   \\ It is important that during your design phase you design your database well. PHsPeed can generate forms and (crud) applications on the fly, but making changes can be very time consuming if you have already made a lot of modifications in the predefined modules. \\ {{  :​agile:​sc_xampp-min.png?​nolink&​270x217 ​ }}|
 |{{:​agile:​develop-min.png?​nolink&​200x112 ​ }}Based upon your form, you can add PHP and JavaScript code to events. PHsPeed contains different syntax-aware code editors. Within the PHP editor, you can verify your PHP syntax to avoid errors during runtime. There are several ways to enter the code editors. To add an event you need to click on the component of which you want to apply the code to, select the server event tab for PHP events, click on the event and the … box and the editor will open with the generated function. All events will appear in the same code file. So if you need to change the code and you know that the function already exists, then you can use function key F12 to go directly to your PHP code. Applying a JavaScript event is similar, just select the Client Events tab. Some events are **automatically **applied if needed. So a form component will automatically apply the onDocumentReady event as it contains necessary code to make your form work. \\   \\ {{  :​agile:​sc_event-min.png?​nolink&​767x240 ​ }}| |{{:​agile:​develop-min.png?​nolink&​200x112 ​ }}Based upon your form, you can add PHP and JavaScript code to events. PHsPeed contains different syntax-aware code editors. Within the PHP editor, you can verify your PHP syntax to avoid errors during runtime. There are several ways to enter the code editors. To add an event you need to click on the component of which you want to apply the code to, select the server event tab for PHP events, click on the event and the … box and the editor will open with the generated function. All events will appear in the same code file. So if you need to change the code and you know that the function already exists, then you can use function key F12 to go directly to your PHP code. Applying a JavaScript event is similar, just select the Client Events tab. Some events are **automatically **applied if needed. So a form component will automatically apply the onDocumentReady event as it contains necessary code to make your form work. \\   \\ {{  :​agile:​sc_event-min.png?​nolink&​767x240 ​ }}|
-  ​\\  {{:​agile:​test-min.png?​nolink&​200x112 ​ }}Once you have generated your applications,​ you will need to test. Within web applications,​ there are a lot of components that can generate errors. You could have PHP issues, javascript issues, and CSS issues. Within PHsPeed you have a lot of utilities that help you trace and fix issues. First of all, PHsPeed has an XDebug client built-in. You're able to create breakpoints in your PHP code, step through the code to see it's flow, request detail information about variables objects, etc. Secondly, PHsPeed has Chromium debugger build in. You get, the same functionality as hitting F12 in your browser. Investigate javascript, CSS and trace your JavaScript code. It is also possible to have PHsPeed insert 'enter and leave' code on procedures to see the full flow. You can trace the communication between your application and the web server, parameters that are sent in a post/get structure, and even JSON objects as well. \\  \\ {{  :​agile:​sc_debug-min.png?​nolink&​766x344 ​ }}| +| \\  {{:​agile:​test-min.png?​nolink&​200x112 ​ }}Once you have generated your applications,​ you will need to test. Within web applications,​ there are a lot of components that can generate errors. You could have PHP issues, javascript issues, and CSS issues. Within PHsPeed you have a lot of utilities that help you trace and fix issues. First of all, PHsPeed has an XDebug client built-in. You're able to create breakpoints in your PHP code, step through the code to see it's flow, request detail information about variables objects, etc. Secondly, PHsPeed has Chromium debugger build in. You get, the same functionality as hitting F12 in your browser. Investigate javascript, CSS and trace your JavaScript code. It is also possible to have PHsPeed insert 'enter and leave' code on procedures to see the full flow. You can trace the communication between your application and the web server, parameters that are sent in a post/get structure, and even JSON objects as well. \\  \\ {{  :​agile:​sc_debug-min.png?​nolink&​766x344 ​ }}  
-  ​\\  {{:​agile:​review-min.png?​nolink&​200x112 ​ }}Within PHspeed you deploy your application including libraries to a full working Xampp environment (or your own configured web server). Your users can look at this to review your application. You can create a full Development/​Test/​Acceptance and Production environment and use one of the deploy options to set your application in your desired environment. The internal logging facilities will create log files for you to see if the application performs well as expected. \\  \\ {{:​agile:​sc_review-min.png?​nolink&​819x273}}| +| \\  {{:​agile:​review-min.png?​nolink&​200x112 ​ }}Within PHspeed you deploy your application including libraries to a full working Xampp environment (or your own configured web server). Your users can look at this to review your application. You can create a full Development/​Test/​Acceptance and Production environment and use one of the deploy options to set your application in your desired environment. The internal logging facilities will create log files for you to see if the application performs well as expected. \\  \\ {{:​agile:​sc_review-min.png?​nolink&​819x273}} ​ 
-  ​\\  {{:​agile:​release-min.png?​nolink&​200x112 ​ }}If your development process is done you want to deploy your application in your production environment. Before you do that you must '​promote'​ your code for production. This process will remove all debugging code, comments, and database/​email properties from your application. Within the released project you have access to a configuration utility to set up the required database connection and email server. All preferences are saved in a encrypted form for enhanced security. \\  \\ {{  :​agile:​sc_deploy-min.png?​nolink&​305x246 ​ }}|+| \\  {{:​agile:​release-min.png?​nolink&​200x112 ​ }}If your development process is done you want to deploy your application in your production environment. Before you do that you must '​promote'​ your code for production. This process will remove all debugging code, comments, and database/​email properties from your application. Within the released project you have access to a configuration utility to set up the required database connection and email server. All preferences are saved in a encrypted form for enhanced security. \\  \\ {{  :​agile:​sc_deploy-min.png?​nolink&​305x246 ​ }}  |
 |[[:​createlayout|Layout your forms with bootstrap]]| |[[:​createlayout|Layout your forms with bootstrap]]|
 |[[:​theide|The IDE]]| |[[:​theide|The IDE]]|