Wiki page

Welcome to the ZnetDK 4 Mobile wiki!

Getting Started
Tutorial
Online Documentation
Code Snippets

---

Getting Started

REQUIREMENTS

• A WAMP or LAMP server installed on your Host system or Desktop computer (for example XAMPP).
• A text editor or an IDE.

See Getting Started - Prerequisite (official website) for more information.

QUICK INSTALLATION

1. Download the latest ZIP archive file (from the Files folder),
2. Unzip the downloaded archive into your web directory,
3. Open your web browser and enter in the bar address the URL corresponding to the directory where ZnetDK 4 Mobile is installed (for example http://localhost/znetdk4m).

See Getting Started - Installation (official website) for more information.

CUSTOMIZING THE STARTER APPLICATION

Customize the starter app shipped with ZnetDK 4 Mobile by:

• Changing the titles of the application,
• Setting the text displayed on the footer,
• Setting the theme colors,
• Setting the theme font,
• Setting custom logos (menu and favicon logos).

See Getting Started - Customizing the Starter Application (official website) for more information.

ADDING NEW VIEWS AND MENU ENTRIES

Add additional views to your Starter App and display them when clicking on new navigation menu items.
See Getting Started - Adding new views and menu entries (official website) for more information.

CONNECTING TO A DATABASE

Configure the Starter App for connecting it to a local or remote MySQL database.
See Getting Started - Connecting to a Database (official website) for more information.

ENABLING USER AUTHENTICATION

Install the Security SQL Tables, declare the users and then enable the login form for authenticating them.
See Getting Started - Enabling user authentication (official website) for more information.

---

Tutorial

Learn how to add a list of contacts to your Starter Application (CRUD operations).

• Display within a PHP view, a list of contacts stored in a MySQL database.
• Add new contacts to the list,
• Edit existing contacts,
• Search for contacts
• Delete a contact.

Please, visit the Tutorial (official website) page.

---

Online documentation

Here are other ZnetDK 4 Mobile documentation pages available on the official website:

• App UI
• Settings
• ZnetDK PHP API
• ZnetDK JS API
• Progressive Web App (PWA)
• Debugging
• FAQ

---

Code Snippets

Use code snippets for extending the capabilities of your Starter App. For example:

• Displaying meetings with FullCalendar (see code snippets and live Web App),
• Displaying a bar chart with ChartJS (see code snippets and live Web App),
• Reading barcodes with QuaggaJS (see code snippets and live Web App),
• Adding an Autocomplete field to a form (see code snippets and live Web App).
• Editing HTML content with CKEditor (see code snippets and live Web App).
• Server-side form data validation (see code snippets and live Web App).
• Displaying Dashboard boxes (see code snippets and live Web App).
• Multilingual Application (see code snippets and live Web App).
• Sending email with PHPMailer (see code snippets and live Web App).
• Showing your geolocation with OpenStreetMap (see code snippets and live Web App).
• Uploading files from your Application (see code snippets and live Web App).
• Multiple selection in a web form (see code snippets and live Web App).

---

Project Members:

• Pascal MARTINEZ (admin)