Differences between revisions 9 and 39 (spanning 30 versions)
⇤ ← Revision 9 as of 2016-02-01 10:06:57 →
Size: 7049
Editor: PeterPeters
Comment:
← Revision 39 as of 2016-04-18 14:57:55 → ⇥
Size: 5885
Editor: PeterPeters
Comment:
Deletions are marked like this. Additions are marked like this.
Line 2: Line 2:

= Creative Apps 201602 (NOT OPERATIONAL YET !!!) =
 = Creative Apps 201602 (Work in progress) =
Line 8: Line 6:
  {{attachment:schedule.png}}  . {{attachment:schedule.png}}
Line 13: Line 11:
 * Week 4: Installation XDK, initial programming with XDK
 * Week 5: User interfaces
 * Week 6: Android Native Apps II		  * Week 4: Hybrid Apps (Hello World and UI)
 * Week 5: Hybrid Apps (Working with sensors)
 * Week 6: Hybrid Apps (Working with web services)
Line 21: Line 19:
  * [[attachment:Code-week1.zip]]    * [[attachment:Code-week1.zip]]
Line 24: Line 22:

---- /!\ '''Edit conflict - other version:''' ----
Line 27: Line 23:

---- /!\ '''Edit conflict - your version:''' ----
  * If you have no experience with Processing, you are advised to follow [[attachment:GetStartedWithProcessing.pdf]] to learn the basics (password protected PDF. if you need the password, send p.j.f.peters(at)tue.nl an email);

---- /!\ '''End of edit conflict''' ----
Line 36: Line 27:
  * working source code
  * screen copy of the output 		    * working source code
   * screen copy of the output
Line 44: Line 35:
  * [[attachment:week2.zip]]    * [[attachment:week2.zip]]
Line 50: Line 41:
  * source code
  * screen copy of the output 		    * source code
   * screen copy of the output
Line 54: Line 45:
Line 56: Line 46:
  * HTML5 Basics: [[attachment:DG241-HTML5Basics.pdf]]
 * Code: https://github.com/iddi/creativeapps
   * [[attachment:DG241-Processing-part3.pdf]]
 * Code
  * [[attachment:week3.zip]]
Line 60: Line 50:
  * Try out some HTML5 examples on the emulator or on your Android phone.
  * Create an interactive app using one (or more) sensors.		   * Create an interactive app with GUI and database/network access.
Line 66: Line 55:
Line 68: Line 56:
 * Presentations
  * User Interfaces for HTML5 apps: [[attachment:DG241-UI4HTML5.pdf]]
 * The code can be found in the GitHub repository at: https://github.com/iddi/creativeapps		  * 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: [[attachment: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
Line 73: Line 71:
 * Presentation: [[attachment:DG241-AndroidNativeApps.pdf]]
 * Homework:
  * Follow the tutorial and try out the examples at: http://www.vogella.com/tutorials/Android/article.html
  * Try to create a Currency Converter (USDEUR)
   * Hint: learn from “Temperature Converter” from the tutorial.
  * If the Currency is too easy for you: (not required)
   *Create a simple calculator. 		 * 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: [[attachment: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
Line 82: Line 85:
 * Tutorial: Accelerometer. see http://www.vogella.com/tutorials/AndroidSensor/article.html
  * Source code: [[attachment:SensorAcc.zip]]
 * Tutorial: Socket connections
  * Andorid code: [[attachment:SocketClient.zip]]
  * Processing code: [[attachment:server.zip]]
 * Homework:
  * Improve the SocketClient example, by implementing a GUI for configuring the server ip and port.
    {{attachment:SocketClient.jpg}}
  * Combining SensorAcc and SocketClient, to shuffle the background of the Processing stage by shaking the mobile phone.
   * You might want to Google for "java socket printwriter" for sending a line of text, and check out how to readString and readStringUntil in Processing (https://processing.org/reference/libraries/net/Client.html).		  * 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: [[attachment:week6-webServices.pptx.pdf]]
  * Code NyTimes App: [[attachment:nytimesNews.zip]]
  * Code iQuantifyMe App (including server-side): [[attachment: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
Line 93: Line 99:
== Week 7 ==
 * Help & questions
Line 95: Line 103:
 * Every week you will get homework and you are supposed to compete the work before the next lecture.
 * Deliver your work to creativeapps.submission@gmail.com, with your full name in the subject (so that we can find all your work later easily).
 * Deliver your work always in one ZIP file attached to your email.
 * You don't have to deliver every week. It can be delayed, until one week after the last lecture.
 * Please send your feedback request to one (not all) of the lectures according to this spreadsheet. [[attachment:Registrations.xls]]		  * 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.
Line 102: Line 109:


---- /!\ '''Edit conflict - other version:''' ----
Line 109: Line 113:
 * TBD

---- /!\ '''Edit conflict - your version:''' ----
=== Processing installation ===
 * Download and unpack processing from https://processing.org/download/

=== Intel XDK Installation ===
 * TBD

---- /!\ '''End of edit conflict''' ----


---- /!\ '''Edit conflict - other version:''' ----
=== An alternative emulator ===
 * If you are fed up by the slow emulator, you may want to try this one:

---- /!\ '''Edit conflict - other version:''' ----
  * https://www.genymotion.com

  

---- /!\ '''Edit conflict - your version:''' ----
  * http://www.softpedia.com/get/Mobile-Phone-Tools/Others/Genymotion.shtml

  

---- /!\ '''End of edit conflict''' ----

---- /!\ '''Edit conflict - your version:''' ----
=== ANDROID_AVD_HOME ===
 * When starting the android emulator, if it complaints that it can not find the <name of the AVD>.ini in "ANDROID_AVD_HOME" or "HOME" locations:
  1. find out where your ANDROID_AVD_HOME actually is. In AVD manager, select the AVD, then press the button "Details". In the picture below, the path in the red ellipse is actually where ANDROID_AVD_HOME should be.
   * {{attachment:avddetails.jpg}}
  1. Go to Control Panel\System and Security\System, then Advanced system settings, Advanced, Environment Variables, in the lower part of the dialog box about "System variables", press "New..." or if the ANDROID_AVD_HOME exists, press "Edit", make sure it looks like the following. Note: you have to fill out what is actually your ANDROID_AVD_HOME from Step 1.
   * {{attachment:avdhome.jpg}}		  * Download the Intel XDK from https://software.intel.com/en-us/intel-xdk and install.
Line 147: Line 117:
  * https://www.genymotion.com   * http://www.softpedia.com/get/Mobile-Phone-Tools/Others/Genymotion.shtml
Line 149: Line 119:
=== How to speed up the emulator ===
Thanks to Sven Ebens.		 == Rubrics ==
 . {{attachment:rubrics.jpg}}
Line 152: Line 122:
 * need an intel chipset, that supports VT-X
 * need to enable virtualization technology (or simular) in BIOS
 * snapshot is not necessarily faster, because it still takes basicly the same time to boot, but you get to continue where you left off
 * Disable Driver Signature Verification：[[attachment:disabledirver.pdf]]
 * Faster emulator: [[attachment:fasteremulator.png]]
  

---- /!\ '''End of edit conflict''' ----		 == Retake ==
In case you are doing the retake, you have to submit all the deliverables using Feedback.Camp: Creative Apps- Retake.
 * So subscribe to the retake in Feedback.Camp (http://feedback.camp/).
 * Submit 6 deliverables (yes, all of them! and don't forget to add some text in the text box, otherwise the submission will not be seen!)
 * You '''can''' resubmit the deliverables you already submitted before.
 * In '''any''' case mention whether the deliverable is a resubmission or if it is a new one.
 * All deliverables have to be submitted '''before''' June 2, 2016.

Creative Apps 201602 (Work in progress)

Contents

  1. Planning
  2. Week 1
  3. Week 2
  4. Week 3
  5. Week 4
  6. Week 5
  7. Week 6
  8. Week 7
  9. Deliverables
  10. Installation
    1. Processing installation
    2. Intel XDK Installation
    3. An alternative emulator
  11. Rubrics
  12. Retake

1. Planning

  • schedule.png

  • 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

6. Week 5

7. Week 6

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

10.2. Intel XDK Installation

10.3. An alternative emulator

11. Rubrics

  • rubrics.jpg

12. Retake

In case you are doing the retake, you have to submit all the deliverables using Feedback.Camp: Creative Apps- Retake.

  • So subscribe to the retake in Feedback.Camp (http://feedback.camp/).

  • Submit 6 deliverables (yes, all of them! and don't forget to add some text in the text box, otherwise the submission will not be seen!)

  • You can resubmit the deliverables you already submitted before.

  • In any case mention whether the deliverable is a resubmission or if it is a new one.

  • All deliverables have to be submitted before June 2, 2016.

CreApps: FrontPage/CreativeApps201602 (last edited 2016-04-18 14:57:55 by PeterPeters)