Deciding on a framework for mobile development¶
- Rapid development.
- Trying to get a quick prototype up and running to test out the feasability of the project
- Web initially
- Create the equivalent of a mobile web site that can be packaged as a native app later. Can be a combination of both web and native.
- IOS first
- Focused on developing an IOS app. Will port to Android. Maybe to Windows based on the framework.
- Web framework
- Apache Cordova - underlying tool for the hybrid platform.
- Ionic - Angular and typescript. Has an infrastructure around it. Can generate components with command line.
- Framework7 - Seems to have a variety of templates.
- OnsenUI - just not enough for me to bite.
- Starting with Framework7 template tool. See how far we can get. Goal is to create a web site that will suffice as a prototype for mobile site.
- Not going to use Framework7. Uses less for css.
- Going to try and use ionic framework.
Progressive Web Apps¶
Mobile Prototyping Tools¶
- Marvel - Prototyping tool. Has a free tier.
- Axure - Has a free educational version.
- Aquro - Has free tier.
- Vectr - Free. Includes for web.
- Invision - Web and mobile prototype
- Zeplin - Free for single project.
Mobile Web UI Kits¶
- Angular - Library that seems to be the underlying framework for most hybrid apps.
- Zepto - replacement for jquery.
UI Kit Templates¶
- UpLabs - UI kit market.
Online App Template Building Tools¶
- App Press - Code free app development
- EachScape - Drag and drop interfaces
- iBuildApp - Online app creator
- ViziApps - Create mobile apps
- AppGyver - App gyver
Mobile Device Development Notes¶
- Google Tools
- Problem: Launching Android SDK Manager without going through Atom Studio
- For AVD ~/Library/Android/sdk/tools/android avd
IOS Development Notes¶
- Actual issue: I’m in South Africa and it was taking forever to do the initial repo specs checkout. Doing git clone git:/github.com/CocoaPods/Specs.git master into ~/.cocoapods/repos resolved the problem. Going forward, only has to update the repos, not completely download it.
Ionic Development Notes¶
Trying to figure out Ionic while building a prototype to demo via the web.
- Pushing site to gh-pages.
- Ref: Deploying an Angular App to Github Pages
- Ionic starter template includes the manifest and worker file by default.
- Use the ionic build scripts to create the web version of your app.
- Install angular-cli-ghpages globally
npm install --global angular-cli-ghpages
- Build ionic app with base-href to github gh-url for your username
npm run ionic:build --prod --base-href "https://<username>.github.io/<repository>/"
- Push to gh-pages.
ngh --dir www- have to use www because the script looks for the dist folder by default.
Last update: April 13, 2020 16:50:19