Ionic - App Builder

Mobile App Development


For more information read online Knowledgebase

Modules/Plugin

Trouble with your hosting, we can not help. This Ionic App Builder (not output project) must be able to create a file, edit and put through the process of zip, as well as upload download. Not recommended to use for the public (online web), because of security risks. So do not use this tool of public services.

1). Create a New Project
2). Create a Menu App
3). Change Page Index

In before step you should have been able to see a preview of your work. If you have not see a preview, go to the page, and change the index page.

4). Create Popover Menu
5). Create Tables

Rules column as follow:

Auto Templates Page

You can use the templates automatically by adjusting the data type with the required element templates. To better understand look at the picture below:

Tables from JSON

To create a table sourced from a json existing data, you can adjust the column names in the project tables.

We offer several ways to storage media, such as the following:

Local JSON data is useful when we want to create offline applications. The file format we use is JSON, do not worry we can make the JSON file using JSON menu, in addition we also edit JSON files using Microsoft Excel.

Create JSON Data

Push to project use for sending your data to current project.

  1. Go to Ionic App Builder, in Tables Change data online and URL List Item then Save
  2. For get URL List Item go to Extra Tools, then click WordPress Plugin and also click Download for get wordpress plugin, fill URL List Item in your tables then save.
  3. Now, Go to your WordPress Darhboard
  4. Then click Plugins->Add New
  5. In search form, type "rest-api".
  6. Then install "WordPress REST API (Version 2)" and active it
  7. Then Install your wordpress plugin
    • Unzip and Upload `your-wp-plugin.zip` to the `/wp-content/plugins/your-wp-plugin` directory
    • Activate the plugin through the 'plugins' menu in WordPress
    • hit "save setting" button.

You should have Ionic Framework installed on your computer. Detailed steps can found here: http://ionicframework.com/getting-started/

  1. Back to Dashboard, then click Help Tab

  2. Then Connect your internet and read instructions be carefully, or read instructions next step

  3. Start your project and run the following command:

    $ ionic start anistream_id blank
  4. Browse to the newly created folder:

    $ cd anistream_id
  5. Add platform do you need, example: android

    $ ionic platform add android
  6. Install plugin cordova-plugin-inappbrowser:

    $ cordova plugin add cordova-plugin-inappbrowser
  7. Install plugin cordova-plugin-admobpro :

    $ cordova plugin add cordova-plugin-admobpro
  8. Copy the output of this project file to current folder and override the files and folders when prompted.

    $ xcopy /Y /S "D:\xampp\htdocs\wwwroot\ionic.co.id\public_html\output\anistream_id\www" "www"
  9. Build your project

    $ ionic build android
Name License Author Website
Ionic MIT License Drifty Co http://ionicframework.com/
Ionic Material MIT License Rai Butera and Zach Fitzgerald https://github.com/zachsoft/Ionic-Material/
Ionic LazyLoad MIT License Vincius Zilli Pavei, Michel Vidailhet https://github.com/paveisistemas/ionic-image-lazy-load
Ionic Rating MIT License xvfeng https://github.com/fraserxu/ionic-rating
CodeMirror MIT License Marijn Haverbeke and others http://codemirror.net
KCFinder GPL-3/LGPL-3 License sunHater http://kcfinder.sunhater.com
Tabledit MIT License Celso Marques https://github.com/markcell/jQuery-Tabledit
jQuery Sortable BSD License Jonas von Andrian http://johnny.github.io/jquery-sortable/
TinyMCE LGPL-2.1 License TinyMCE http://tinymce.com
Bootstrap MIT License Twitter, Inc. http://getbootstrap.com
FontAwesome OFL-1.1 AND MIT License Dave Gandy http://fontawesome.io