Course on mobile application development.

See the slides directory.

• Repo to develop the Citizen Engagement mobile application
• Repo with the completed skeleton application for the Citizen Engagement mobile application

If you want to use the reference implementation of the Citizen Engagement API rather than your own:

• Documentation for the reference implementation of the Citizen Engagement API
• Repo of the Express reference implementation
• Repo of the API documentation for the reference implementation

• Ionic Installation

• Ionic Documentation

• AngularJS

• AngularJS Developer Guide

• AngularJS API Reference

• Angular UI Router

• Angular UI Router Guide

• Angular UI Router API Reference

• Mapbox

• Angular Leaflet Directive for Mapbox

• Mapbox Javascript Library

• Cordova Camera Plugin

• qimg

• qimg API Reference

Delivery date: April 18th at noon.

You are asked to provide:

• The Citizen Engagement mobile application, with the following requirements:
  • It must use geolocation.
  • It must use Mapbox.
  • It must use the camera (works only on physical devices).
• The appropriate configuration to run your application in both development and production mode.
• A user guide or presentation page for the application. You can choose from the following options (one is enough):
  • You can present the application in the README of the GitHub repository for the application (if you forked the starting repository, get rid of the original setup instructions and replace them with your presentation).
  • You can upload your application to a store (e.g. Google Play), and write the presentation page as you would for a real application.
  • You can use any other presentation tool but your presentation page must be available online.
• Optional: A webcast demonstrating usage of the mobile application. This is not mandatory but may improve your grade if you did not fulfill all the other requirements.

How to Deliver

Each group must send an e-mail to simon.oulevay [at] heig-vd.ch with the following information:

• Who is in your group.
• The link to the GitHub repository of your Citizen Engagement mobile application.
• The link to the user guide or presentation page for the application (if it's not in the README of the repository).
• The link to the webcast for the application (if you made one).
• The configuration files (e.g. config/development.json and config/production.json) used to develop and deploy your application.

• Ionic View App Issue #10: Upload doesn't seem to be updating JS or CSS files

  If you are using the Ionic View App to develop your mobile application on iOS, be aware that sometimes uploading is not enough to refresh your code on the device. You might need to stop your app (swipe down with three fingers), clear app data, and restart the Ionic View App (double tap on home button and close Ionic View App). Then you can re-download your app and it should be the latest version.

• Sass compilation issues

  If gulp-sass fails to install with compilation issues when you run npm install, and you do not plan on writing CSS with Sass, you can remove this dependency by commenting the following line in gulpfile.js:

  //var sass = require('gulp-sass');
  

  Also remove the gulp-sass dependency from your package.json file (you cannot use comments in JSON):

  "gulp-sass": "^2.0.4"
  

  Then re-run npm install.