Overview
Fully – All in One App iOS & Android builds included.
We want to let you know that this app need to be treated as a starter / framework and you need to be familiar (or to be willing to learn) with PhoneGap, AngularJS, Ionic, HTML, CSS if you want to develop your own apps using this template.
Video for the App Overview: http://youtu.be/JpER90VWT10
Video for Parse Config Overview: http://youtu.be/N8UeEXJKpCY
Fully is the all in one app for you to get started or to have a full app in a few minutes.
There are 4 main categories:
Business Area
Wordpress Based Blog
Shop Template
Google Map (GPS location and pins with information)
Business Area
Business area consists in 4 main screens:
About
Services
Portfolio
Contact
About screen presents the information about the company. The picture, Fully (in Who is Fully), Description are displayed from Parse database dynamically. We will learn more about Parse later on.
Services screen presents a list of different services, you can customize it with your own.
Once you tap on a service, the single service screen will be displayed, with information about the service and a sliding photo gallery.
Portfolio screen displays a sliding picture gallery.
Contact screen shows information about the business, general contact details, Google Map Position with location pin and information window and a contact form, fully functional, the contact form details being stored in Parse.
2. WordPress Based Blog
For the blog part, first you need to install a plugin in your WordPress site, called WP-API. You can read more here: http://wp-api.org/ .
First screen list all categories and pages. Selecting one of the categories you will see a list of all the posts in that category. Tap on a post and open the post page with the featured picture, author name / avatar, date posted and post description.
3. Shop Template
The shop is more like a starter, for you to have a starting point when developing a shop. Although we included Category Screen, Product Listing Screen and the Single Product Display Screen, PayPal Mobile SDK is integrated and it takes the product’s price dynamically.
4. Google Maps
For the Map part, we included full screen Google Maps centered on the user actual location (GPS) and we added a few dynamic location pins with info window when you tap on each.
5.Other Features
User Management
Again, we used Parse, to store user details and to log in the user. In the registration process we added a location field, with GPS coordinates location together with the area info (Country name, state).
You can set up Parse email verification feature – navigate to your Parse account, under settings and emails, and switch on the Email Verification button.
Icons and Splash Screens
PSD Photoshop files for app icon and splash screen (ugly, but just to have a starting point, with guides and safe zone included) – easy to edit and to integrate. In your terminal type ‘ionic resources—icon’ and ‘ionic resources—splash’ after editing icon.psd and splash.psd inside projectFolder/resources. Is that easy. Read more http://ionicframework.com/docs/cli/icon-splashscreen.html
Of course don’t forget about the floating navigation button. We made it draggable, so that only with a tap and drag you can move it all around the screen.
Features and Requirements
First of all you need to be used to work with Phonegap – xCode – Eclipse.
Please address to the following links to learn more about each of these:
PhoneGap: http://docs.phonegap.com/en/edge/guideplatformsindex.md.html
xCode: https://developer.apple.com/xcode/
Eclipse: https://eclipse.org/
You will need to be familiar with Ionic too: http://ionicframework.com and AngularJS https://angularjs.org/
How to Setup and Reskin
Everything is included in the documentation file you will receive after the purchase.
To reskin you need to be familiar with CSS and HTML.
A Big Thank You
Ionic Framework http://ionicframework.com/
AngularJS https://angularjs.org/
Phonegap http://phonegap.com/
Parse https://parse.com/
Ionicons http://ionicons.com/
Social Sharing Plugin by EddyVerbruggen https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin
Google for Maps and Geolocation
GoogleMap AngularJS Directive plugin https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/docs/index.html
PayPal Mobile SDK plugin https://github.com/paypal/PayPal-Cordova-Plugin
Zappos.com for the sample pictures. http://www.zappos.com/
Fully - All in One App iOS & Android (Mobile)
No comments:
Post a Comment