5050
Comment:
|
4908
|
Deletions are marked like this. | Additions are marked like this. |
Line 17: | Line 17: |
* [[attachment:DG241-Processing-part1.pdf]] | * [[attachment:DBB130-Processing-part1.pdf]] |
Line 30: | Line 30: |
* [[attachment:DG241-Processing-part2.pdf]] | * [[attachment:DBB130-Processing-part2.pdf]] |
Line 38: | Line 38: |
* [[attachment:DG241-Processing-part3.pdf]] | * [[attachment:DBB130-Processing-part3.pdf]] |
Line 58: | Line 58: |
* Preparation: * Go through a Javascript tutorial: https://www.codecademy.com/learn/javascript * Go through a jQuery tutorial: http://www.w3schools.com/jquery/default.asp |
|
Line 62: | Line 65: |
* Go through a Javascript tutorial: https://www.codecademy.com/learn/javascript * Go through a jQuery tutorial: http://www.w3schools.com/jquery/default.asp |
|
Line 85: | Line 86: |
* In session 3 and 6 an assignmnt will be given to be delivered. Expected deliverables are: source code and screen copy of output in a .zip file. | * In session 3 and 6 an assignment will be given to be delivered. Expected deliverables are: source code and link to screen cast of output in a .zip file. |
Line 87: | Line 88: |
* Deadline for delivarable 1 is January 9 | * Deadline for deliverable 1 is January 9 |
Line 90: | Line 91: |
* Screen copy of the output * A short screencast (video of the phone's screen) of the app showing off its functionality -video on YouTube or similar video sharing website |
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: TBD
- Introducing the development environment and system architecture
- Developing the UI with HTML5 and frameworks
- Practice:
- Preparation:
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.
- Preparation:
6. Session 5
- 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
7. Session 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: TBD
Code NyTimes App: nytimesNews.zip
Code iQuantifyMe App (including server-side): iQuantifyMe.zip
- Practice:
- Add Web Service functionality in your app
8. Deliverables
- In session 3 and 6 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
9. Installation
9.1. Processing installation
- See sheets of week 1
9.2. Intel XDK Installation
Download the Intel XDK from https://software.intel.com/en-us/intel-xdk and install.
10. Rubrics
11. 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).
.