|
Demos
|
The Demo apps illustrate the power, range, and simplicity of using HTML5 to create hybrid apps. HTML5 supports access to a variety of on-device and web-based systems, including:
- HTML5 built-in functions
- Native device features
- Web and cloud-based services
|
|
The Demos are organized by category, include full source code, and are cross-platform unless listed otherwise.
|
|
The Appception IDE 'File->Import' command can be used to directly add most Demos. See the README file in each Demo for more information. Source code is typically added to the 'assets/www' folder.
|
| |
|
Audio
|
|
Multi-track Audio
(download)
- play multiple audio sources
|
| |
|
Database (local)
|
|
SQL
(download)
- read/write client-side SQL database; uses HTML5 built-in openDatabase functions [deprecated]
|
| |
|
Database (server)
|
|
Mongo
(download)
- read/write web database; uses MongoHQ, a Mongo-based database
|
|
OpenKeyval
(download)
- read/write web database; uses OpenKeyval, a web-based database
|
| |
|
Graphics
|
|
Snowflakes
(download)
- softly falling snowflakes; uses Processing.js library
|
|
Ball
(download)
- ball bouncing; uses Processing.js library
|
|
Shapes
(download)
- create shapes that move with gravity; uses box2dweb
|
| |
|
Maps
|
|
Google Maps
(download)
- show a Google map and display directions
|
| |
|
Notification
|
|
Push Notifications
(download)
- send Push Notification messages; uses Parse [Android-only]
|
| |
|
Real-time
|
|
Real-time Chat
(download)
- engage in real-time chat; uses PubNub
|
| |
|
Social Networks
|
|
Twitter Lookup
(download)
- show information about a user [API 1 - deprecated by Twitter]
|
|
Twitter Trends
(download)
- show information about current trends [API 1 - deprecated by Twitter]
|
| |
|
Storage
|
|
localStorage
(download)
- read/write local device storage; uses HTML5 built-in localStorage functions
|
|
SD Card
(download)
- access files on an external SD card
|
| |
|
UI
|
|
FastClick
(download)
- show highly responsive touch events
|
| |
|
WebSockets
|
|
Chat
(download)
- converse live with a simple chat-like WebSocket server
|
| |
|
Demo Installation:
|
|
There are 2 ways to install Demos:
|
A) Drag-and-drop method:
- Download and save the .zip from the download link
- Login to the Appception IDE
- Drag-and-drop the .zip onto the Projects folder
- Click 'Import'
- Follow the instructions in the Demo README file
|
B) File->Import method:
- Download and save the .zip from the download link
- Login to Appception IDE
- Select File->Import
- Click Browse and choose the .zip file
- Click 'Import'
- Follow the instructions in the Demo README file
|
|
For more information, see Getting Started with Appception IDE
|
|
|
|
|
|
|