5593
Comment:
|
5808
|
Deletions are marked like this. | Additions are marked like this. |
Line 81: | Line 81: |
* Slides: TBD * Working with sensors in Cordova |
* Slides: [[attachment:deviceDataAndSensors.pdf]] * Working with device data and sensors in Cordova |
Line 85: | Line 85: |
* Add sensor functionality in your app | * Add device data and sensor functionality in your app, slides with solutions to exercises: [[attachment:deviceDataAndSensors-withSolutions.pdf]], solution for exercise 3b: [[attachment:contacts.zip]] |
Creative Apps 201611 (Work in progress)
Contents
1. Planning
- Session 1: Installation Processing with Android Mode, initial programming for Android, sensors.
- Session 2: Networking, API use.
- Session 3: IoT.
- Session 4: Hybrid Apps (Hello World and UI)
- Session 5: Hybrid Apps (Working with sensors)
- Session 6: Hybrid Apps (Working with web services)
2. Session 1
- Presentations
- Code
- Practice
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)
- Try out some examples using the Ketai library on the emulator or on your Android phone.
- Create an Android app, display "Hello Eindhoven" in the center of the screen.
3. Session 2
- Presentations
- Code
- Practice
- Choose an interesting API and find out how to use that in Procesing for Android.
4. Session 3
- Presentations
- Code
- Homework and deliverables
- Create an interactive app with some GUI and API and/or database access.
- What to be delivered (as one single ZIP file)
- source code
- screen copy of the output
- video on youtube
5. Session 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: DBB130-HybridApps-part1.pdf or: DBB130-HybridApps-part1.ppsx
- Introducing the development environment and system architecture
- Developing the UI with HTML5 and frameworks
- Practice:
Presentation: practice1.pdf
- Preparation:
For Exercise 1: XDKblankTemplate.zip
Go through a Javascript tutorial: https://www.codecademy.com/learn/javascript
Go through a jQuery tutorial: http://www.w3schools.com/jquery/default.asp
- Actually develop the UI of the interactive prototype you prepared in HTML5. Try it on the emulator or on your phone.
Solutions: XDKblankTemplate-Exercise2Solution.zip, XDKapp.js-solution2B.pdf, XDKappDesignerToDoList-Exercise3Solution.zip
6. Session 5
- Preparation:
For Local Storage: http://www.w3schools.com/html/html5_webstorage.asp
For Firebase: https://firebase.google.com/docs/web/setup
- Presentations:
Slides: practice2-data.pdf
- Persistent Data: Local Storage and Firebase
- Practice:
- Persistent Data: Local Storage and Firebase
Solutions: Exercise 2: simpleLocalStorage.zip, ToDo List app: todo-CompleteWithLocalStorage.zip, Exercise 3 - Firebase: XDK_firebase.zip
7. Session 6
- Preparation:
Go through the APIs supported in Cordova: http://cordova.apache.org/docs/en/latest/cordova/plugins/pluginapis.html
- Presentations:
Slides: deviceDataAndSensors.pdf
- Working with device data and sensors in Cordova
- Practice:
Add device data and sensor functionality in your app, slides with solutions to exercises: deviceDataAndSensors-withSolutions.pdf, solution for exercise 3b: contacts.zip
8. Session 7
- 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:
- TBD
- Practice:
- Add Web Service functionality in your app
9. Deliverables
- In session 3 and 7 an assignment will be given to be delivered. Expected deliverables are: source code and link to screen cast of output in a .zip file.
.zip file name: CA_Deliverable_<deliverable number>_<Your Name>.zip (so e.g. CA_Deliverable_1_John_Doe.zip for deliverable 1)
- Deadline for deliverable 1 is January 9
- Deadline for deliverable 2 is January 27
Each deliverable to be submitted to CreativeAppsDeliverables@gmail.com
10. Installation
10.1. Processing installation
- See sheets of week 1
10.2. Intel XDK Installation
Download the Intel XDK from https://software.intel.com/en-us/intel-xdk and install.
11. Rubrics
12. Retake
In case you are doing the retake, you have to submit both deliverables named: CA_Retake_Deliverables_<Your Name>.zip.
You can resubmit the deliverables you already submitted before.
In any case mention in the mail whether the deliverable is a resubmission or if it is a new one.
All deliverables have to be submitted before (to be defined).
.