4885
Comment:
|
5376
|
Deletions are marked like this. | Additions are marked like this. |
Line 54: | Line 54: |
* Slides: TBD | * Slides: [[attachment:DBB130-HybridApps-part1.pdf]] or: [[attachment:DBB130-HybridApps-part1.ppsx]] |
Line 58: | Line 58: |
* Presentation: [[attachment:practice1.pdf]] * Preparation: * For Exercise 1: [[attachment: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 |
|
Line 59: | Line 64: |
* Solutions: [[attachment:XDKblankTemplate-Exercise2Solution.zip]], [[attachment:XDKapp.js-solution2B.pdf]], [[attachment:XDKappDesignerToDoList-Exercise3Solution.zip]] | |
Line 62: | Line 68: |
* Go through a Javascript tutorial: https://www.codecademy.com/learn/javascript * Go through a jQuery tutorial: http://www.w3schools.com/jquery/default.asp |
* For Local Storage: http://www.w3schools.com/html/html5_webstorage.asp * For Firebase: https://firebase.google.com/docs/web/setup * Presentations: * Slides: TBD * Persistent Data: LocalStorage and Firebase * Practice: * Persistent Data: LocalStorage and Firebase == Session 6 == * Preparation: |
Line 72: | Line 87: |
== Session 6 == | == Session 7 == |
Line 78: | Line 93: |
* Working with Web Services and Databases: [[attachment:week6-webServices.pptx.pdf|T]]BD * Code NyTimes App: [[attachment:nytimesNews.zip]] * Code iQuantifyMe App (including server-side): [[attachment:iQuantifyMe.zip]] |
* TBD |
Line 85: | Line 98: |
* In session 3 and 6 an assignmnt will be given to be delivered. Expected deliverables are: source code and link to screen cast of output in a .zip file. | * 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. |
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: TBD
Persistent Data: LocalStorage and Firebase
- Practice:
Persistent Data: LocalStorage and Firebase
7. Session 6
- Preparation:
Go through the APIs supported in Cordova: http://cordova.apache.org/docs/en/latest/cordova/plugins/pluginapis.html
- Presentations:
- Slides: TBD
- Working with sensors in Cordova
- Practice:
- Add sensor functionality in your app
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).
.