Creative Apps 201602 (Work in progress)
Contents
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
- Code
- 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
- Code
- 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
- Code
- 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: 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: