Creative Apps 201602 (Work in progress)

1. Planning

• 

• Week 1: Installation Processing with Android Mode, initial programming for Android
• Week 2: Sensors, user interfaces
• Week 3: Database access / networking??
• Week 4: Hybrid Apps (Hello World and UI)
• Week 5: Hybrid Apps (Working with sensors)
• Week 6: Hybrid Apps (Working with web services)

2. Week 1

• Presentations

  • DG241-Processing-part1.pdf

• Code

  • Code-week1.zip

• Homework and deliverables

  • If you have no experience with Processing, you are advised to follow GetStartedWithProcessing.pdf to learn the basics (password protected PDF. if you need the password, send p.j.f.peters(at)tue.nl an email);

  • Try out some examples from the Processing programming environment, to see how these examples would behave on the emulator or on your Android phone.

  • Create full screen visual art on Android, using Processing. See below some examples. (To get inspired, you may want to have a look at http://openprocessing.org)

  • Create an Android app, display "Hello Eindhoven" in the center of the screen.
  • What to be delivered (as one single ZIP file)
    • working source code
    • screen copy of the output

  • 

3. Week 2

• Presentations

  • DG241-Processing-part2.pdf

• Code

  • week2.zip

• Homework and deliverables
  • Try out some examples using the Ketai library on the emulator or on your Android phone.
  • Android phone owners: Create an interactive app using one (or more) sensors.
  • Emulator only: Create an interactive app using touch (=mouse) input
  • What to be delivered (as one single ZIP file)
    • source code
    • screen copy of the output

4. Week 3

• Presentations

  • DG241-Processing-part3.pdf

• Code

  • week3.zip

• Homework and deliverables
  • Create an interactive app with GUI and database/network access.
  • What to be delivered (as one single ZIP file)
    • source code
    • screen copy of the output

5. Week 4

• Preparation:

  • Install Intel XDK: https://software.intel.com/en-us/intel-xdk

  • Go through the “Getting started tutorial” of Intel XDK: https://software.intel.com/en-us/xdk/docs/intel-xdk-guided-tutorial & https://software.intel.com/en-us/videos/develop-apps-in-html5-using-the-intel-xdk

    • Develop an interactive prototype of an app you would like to develop with: https://marvelapp.com/

• Presentations:
  • Introducing the development environment and system architecture
  • Developing the UI with HTML5 and frameworks
• Homework deliverables (for week 5):
  • Actually develop the UI of the interactive prototype you prepared in HTML5. Try it on the emulator or on your phone.
  • What to be delivered (as one ZIP file)
    • source code
    • screen copy of the output

6. Week 5

• Preparation:

  • Go through a Javascript tutorial: https://www.codecademy.com/learn/javascript

  • Go through a jQuery tutorial: http://www.w3schools.com/jquery/default.asp

  • Go through the APIs supported in Cordova: http://cordova.apache.org/docs/en/latest/cordova/plugins/pluginapis.html

• Presentations:
  • Working with sensors in Cordova
• Homework deliverables (for week 6):
  • Add sensor functionality in your app
  • What to be delivered (as one ZIP file):
    • source code
    • screen copy of the output

7. Week 6

• Preparation:

  • Go through an introduction to AJAX & APIs: https://www.codecademy.com/en/tracks/youtube

  • Go through an introduction to jQuery & AJAX: http://www.w3schools.com/jquery/jquery_ajax_intro.asp

  • Go through the Web Services videos: http://cordova.apache.org/docs/en/latest/cordova/plugins/pluginapis.html

• Presentations:
  • Working with Web Services
• Homework deliverables (for week 7):
  • Add Web Service functionality in your app
  • What to be delivered (as one ZIP file):
    • source code
    • screen copy of the output

8. Week 7

• Help & questions

9. Deliverables

• Every week you will get homework.

• Work of weeks 1,2,4 and 5 should be delivered before the next lecture.

• Work of weeks 3 and 6 have to be delivered before 27-03-2016, 23:59:59.

• Deliver your work to Feedback.Camp to the assignor assigned to you, so not to ALL assignors (see Students-feedback.pdf).

10. Installation

10.1. Processing installation

• Download and unpack processing from https://processing.org/download/

10.2. Intel XDK Installation

• Download the Intel XDK from https://software.intel.com/en-us/intel-xdk and install.

10.3. An alternative emulator

• If you are fed up by the slow emulator, you may want to try this one:

  • http://www.softpedia.com/get/Mobile-Phone-Tools/Others/Genymotion.shtml

11. Rubrics