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/

• Presentation:

  • Slides: week4.pdf

  • 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:

  • Slides: week5-hybrid-sensors.pdf

  • 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: https://software.intel.com/en-us/videos/ajax-requests-rest-based-web-services-in-the-intel-xdk-part-1

• Presentations:

  • Working with Web Services and Databases: week6-webServices.pptx.pdf

  • Code NyTimes App: nytimesNews.zip

  • Code iQuantifyMe App (including server-side): iQuantifyMe.zip

• 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, as well as the reflection have to be delivered before 27-03-2016, 23:59:59.
• Deliver your work to Feedback.Camp to the assignor that gave the lecture.

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

12. Retake

• In case you are doing the retake, You have to submit all the deliverables using Feedback.Camp. You can resubmit the deliverables you already submitted before. In any case mention whether the deliverable is old or new. All deliverables have to be submitted 'before' June 2, 2016.