Example of Contacts Manager built with Apache Cordova following Human Computer Interaction principles.
See How it's done for details on the architecture.
See installation guide for installation and dependencies.
See Demo hosted on Altervista for test the web application.
See Demo with dummy contacts for a version with some dummy contacts (created with https://www.mockaroo.com/).
| Visualization of all contacts | The interface shows all the contacts in your phone. You can order them by some filter |  |
| Single-contact visualization | You can see the single contact's details |  |
| Here you can delete the user |  | |
| Insertion of new contact | From the top bar, you can add a contact to your phone |  |
| Contact persistence | You can save (in the cookies) the current session (manteining th contact list) by clicking in the floppy icon in the top bar |  |
| Then you can restore the session when you refresh the page. You can also reconnect the device (see Notes) |  | |
| Contact tagging and tag search | You can add tags to your contacts, linking them to the current session. You can also looking for contact with a certaing tag in the search box |  |
| Full-text search | You can search a contact writing a string contained in any of his fields, including TAGs. |  |
| Dynamic persistence | You can make an operation in the contacts database (creating, editing, deleting..) even if your device is disconnected. When you re-connect the device, the operation will done. |  |
| Sending SMS | You can also send a sms to a contact! |  |
- You can connect the device simply scanning the QR Code appairing when you open the web site
- Direct CRUD operations of a contacts needs the device to be connected
- You can re-connect a device (restoring a session) by insert the number of the session (the number on top-right of the page) in the app ("Insert the session id").
- If you close the app not clicking the android back button, the website will continue to think that app is connected!