Differences between revisions 2 and 38 (spanning 36 versions)
⇤ ← Revision 2 as of 2016-01-27 15:31:28 →
Size: 6671
Editor: PeterPeters
Comment:
← Revision 38 as of 2016-04-18 14:56:16 → ⇥
Size: 5876
Editor: PeterPeters
Comment:
Deletions are marked like this. Additions are marked like this.
Line 2: Line 2:

= Creative Apps 201602 =
 = Creative Apps 201602 (Work in progress) =
Line 8: Line 6:
  {{attachment:schedule.jpg}}  . {{attachment:schedule.png}}
Line 10: Line 8:
 * Week 1: Installation (Android Studio, Processing with Android Mode), and Hello World!
 * Week 2: Processing with Android Mode
 * Week 3: HTML5/Javascript I
 * Week 4: HTML5/Javascript II
 * Week 5: Android Native Apps I
 * Week 6: Android Native Apps II		  * 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)
Line 19: Line 17:
  * [[attachment:DG241-Processing.pdf]]
  * /!\ The following content was planned, but we did not manage to reach this point during the lecture. We leave this to a later time.
   * [[attachment:HTML5_start.pdf]]
   * Code
    * [[attachment:week1.zip]] 		  * [[attachment:DG241-Processing-part1.pdf]]
 * Code
  * [[attachment:Code-week1.zip]]
Line 26: Line 22:
  * 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 j.hu@tue.nl an email);   * 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);
Line 31: Line 27:
  * source code
  * screen copy of the output 		    * working source code
   * screen copy of the output
Line 37: Line 33:
  * [[attachment:DG241-Processing part 2.pdf]]   * [[attachment:DG241-Processing-part2.pdf]]
Line 39: Line 35:
  * [[attachment:week2.zip]]    * [[attachment:week2.zip]]
Line 45: Line 41:
  * source code
  * screen copy of the output 		    * source code
   * screen copy of the output
Line 49: Line 45:
Line 51: Line 46:
  * HTML5 Basics: [[attachment:DG241-HTML5Basics.pdf]]
 * Code: https://github.com/iddi/creativeapps
   * [[attachment:DG241-Processing-part3.pdf]]
 * Code
  * [[attachment:week3.zip]]
Line 55: 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 61: Line 55:
Line 63: 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 68: 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 77: 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 88: Line 99:
== Week 7 ==
 * Help & questions
Line 90: 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 97: Line 109:
=== Processing installation ===
 * Download and unpack processing from https://processing.org/download/
Line 98: Line 112:
=== Android Studio installation ===
 * If you are asked to install JDK first:
  * check if you have earlier versions of JRE or JDK installed. Uninstall previous versions.
  * download the latest JDK for your system (32bit or 64bit).
  * quit the installation program if it still running.
  * restart the installation.

=== Start Android Studio ===
 * if you see this message, do not panic, do it accordingly.
  * {{attachment:NoJVM.JPG}}
 * you might need to install build tools:
  * {{attachment:installBuildTools.JPG}}

=== CPU acceleration status ===
 * if you see the message below when starting the android emulator: In the configuration of the virtual device you need to use ARM cpu instead if the intel one. If you cannot find ARM in the list of choices, you might have to go back to SDK manager to install relevant packages.
  * {{attachment:intel.jpg}}


=== 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}}		 === Intel XDK Installation ===
 * Download the Intel XDK from https://software.intel.com/en-us/intel-xdk and install.
Line 125: Line 117:
  * https://www.genymotion.com   * http://www.softpedia.com/get/Mobile-Phone-Tools/Others/Genymotion.shtml
Line 127: Line 119:
=== How to speed up the emulator ===
Thanks to Sven Ebens.		 == Rubrics ==
 . {{attachment:rubrics.jpg}}
Line 130: 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]]
  		 == 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 '''all''' 6 deliverables 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 all 6 deliverables 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)