Differences between revisions 4 and 33 (spanning 29 versions)
Revision 4 as of 2012-02-02 10:58:09
Size: 6934
Editor: dyn-176108
Comment:
Revision 33 as of 2013-12-27 22:48:56
Size: 7005
Editor: JunHu
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
#pragma section-numbers 2
Line 3: Line 5:
 * /!\ Please follow the instructions below carefully. It will save us a lot of time.
 * For your convenience, please buy a copy of ''Getting Started with Processing'', by By Casey Reas, Ben Fry. e-Books and hard copies are available from [[http://shop.oreilly.com/product/0636920000570.do|O'Reilly]]
Line 4: Line 8:
 * /!\ Always bring with you your laptop, with fully charged batteries and power cables.  * Always bring with you your laptop, with fully charged batteries and power cables.
 * The assigner will announce a help hour during his lecture. The assigner will be available during this hour only if one or more of you make an appointment.
Line 8: Line 13:
== Summary of the structure ==
 * This assignment has two parts, each of which has two lectures and one interactive session.
 * There will be two challenges, one for each part. Your result of the challenge will be exhibited during the interactive session.
 * All the assigners and the students will visit the exhibition and give comments to each other.
 * Some of the results will be selected for plenary presentation in the interactive session.
Line 9: Line 20:
 Lectures::
 * Location: AUD.2
 * Time: Wednesdays, 08.45 - 10.30
 
 Hands-on help::
 * Location: ID Cafe
 * Time: Mondays, 14:00 - 15:00
 * Part 1: {{{
  Week 1: 02-08-2012 08:45 until 10:30 AUDITORIUM 1
  Week 2: 02-15-2012 08:45 until 10:30 AUDITORIUM 1
  Week 3: 02-29-2012 08:45 until 10:30 AUDITORIUM 1
}}}
 * Part 2: {{{
  Week 4: 03-07-2012 08:45 until 10:30 AUDITORIUM 1
  Week 5: 03-14-2012 08:45 until 10:30 AUDITORIUM 1
  Week 6: 03-21-2012 08:45 until 10:30 AUDITORIUM 1
}}}
=== Part 1 ===
 * '''Challenge''': Creating static visual arts. At the end of this part, every student is expected to be able to
  * create an artistic poster that demonstrates beauty and complexity, using Processing
  * print the result and present it on a form board (A3 only please), for the interactive session in the third week.
 * Examples for inspiration
   {{attachment:idi-examples.jpg}}
 * What to be delivered:
  * Source code. Please zip the sketchbook and deliver the zip file. Please use the [[http://en.wikipedia.org/wiki/Zip_(file_format)|zip format]] only.
  * PDF of the print.
Line 17: Line 40:
 Starting date:: /!\ kick off meeting in wk 15, Wednesday April 13, 08:45 - 10:30 hrs. Location is AUD.2. ==== Week 1: Introduction and Variables ====
 * Presentation by Rene Ahn: [[attachment:PresentationWeek1.pdf]]
Line 20: Line 44:
||'''Week''' ||'''Content''' ||'''Lecture''' ||'''Monday Help''' ||'''Presentation''' ||'''Examples''' ||'''Homework''' ||
||15 ||Hello You ||Rene Ahn (April 13) || Rene Ahn, Jun Hu (April 18) ||[[attachment:Week1_Presentation.pdf]] ||[[attachment:Week1_Examples.zip]] ||[[attachment:Week1_Tasks.pdf]] ||
||16 ||Variables, Operators, Conditionals and Loops ||Peter Peters (April 20) ||Peter Peters, Jun Hu ('''Tuesday, April 26''')||[[attachment:Week2_Presentation_2010.pdf]] ||[[attachment:Week2_Examples.zip]] ||[[attachment:Week2_Tasks.pdf]] ||
||17 ||Arrays and Functions ||Peter Peters (April 27) ||Peter Peters, Jun Hu (May 2)||[[attachment:Week3_Presentation_2010.pdf]] ||[[attachment:Week3_Examples2.zip]] ||[[attachment:Week3_Exercises_2010.pdf]] ||
||18 ||Objects ||Rene Ahn (May 4)||Rene Ahn, Jun Hu (May 9)||[[attachment:Week5_Presentation.pdf]] ||[[attachment:Week5_Examples.zip]] ||[[attachment:Week5_Tasks.pdf]] ||
||19 ||Algorithms and Data structures ||Loe Feijs (May 11)||Loe Feijs, Rene Ahn (May 16)||[[attachment:Week4_Presentation.pdf]] ||[[attachment:Week4_Examples.zip]] ||[[attachment:Week4_Tasks.pdf]] ||
||20 ||GUI ||Jun Hu (May 18)||Jun Hu (May 23)||[[attachment:Week6_Presentation.pdf]] ||[[attachment:Week6_Examples.zip]] ||[[attachment:Week6_Tasks.pdf]] ||
||21 ||Java and Arduino ||Jun Hu (May 25) || || Hands-on. No presentation. ||[[attachment:Week7_Examples.zip]] || No Homework from this week ||
==== Week 2: Control flows and PDF output ====
 * Presentation by Loe Feijs: [[attachment:PresentationWeek2.pdf]]
 * Examples: [[attachment:ExamplesWeek2.zip]]

==== Week 3: Interactive Session 1 ====
 * Everyone brings your A3 print (presented on a form board nicely) to the session.
 * Prepared to present your concepts and techniques to the others.
 * All the assigners will be present.

=== Part 2 ===
 * '''Challenge''':
 * Create interactive visual arts. At the end of the week, every student is expected to be able to create an interactive installation that
  * uses a webcam to capture movements as input, and
  * as output, dynamically render visual arts in real time as output.
 * You may work individually or in pairs.
 * Examples for inspiration
  * <<YouTube(NwVBzx0LMNQ)>><<YouTube(dyMVZqJk8s4)>>
 * What to be delivered:
  * Source code. Please zip the sketchbook and deliver the zip file. Please use the [[http://en.wikipedia.org/wiki/Zip_(file_format)|zip format]] only.
  * A TXT file including a link to a YouTube video that demonstrates the interactivity. We would expect a good quality video. Please include the link in a [[http://en.wikipedia.org/wiki/Text_file#.TXT|plain text file with an extension “.TXT”]]. The video shall be titled as {{{
CreaPro 2012: <a meaningful title> by <your names>
}}} Please also include a brief description (in the TXT file as well as on YouTube) about the concepts behind your video and the implementation techniques. Tag your video with “creapro”.

==== Week 4: Functions, Arrays and Algorithms ====
 * Presentation by Mathias Funk: [[attachment:PresentationWeek4.pdf]]

==== Week 5: Classes, Objects and Computer Vision ====
 * Presentation by Jun Hu: [[attachment:PresentationWeek5.pdf]]
 * The Car Example: [[attachment:ExampleWeek5.zip]]
 * Computer vision (movement detection) using Myron
  * Library: [[http://webcamxtra.sourceforge.net/download.shtml|JMyron (WebCamXtra)]], or [[attachment:JMyron.zip]]
  * If the camera image is mirrored and you can not adjust it from the settings of the camera, you might need [[http://download.cnet.com/ManyCam-Virtual-Webcam/3000-2348_4-10593500.html|ManyCam Virtual Webcam]].
 * Read the book "Getting Started with Processing", chapter 5 "Response", learn how to respond to mouse events.
 * It is recommended to learn how to use a GUI library to create your own interface. Check out [[http://www.sojamo.de/libraries/controlP5/|ControlP5]].

==== Week 6: Interactive Session 2 ====
 * Bring your interactive demonstration to the session.
 * Be prepared to present the concepts and the techniques to the others.
Line 30: Line 84:
<<Anchor(Deliverables)>>

== Deliverables ==
 * An invitation to a shared Drop``Box folder will be sent to everyone. Please join the shared folder.
 * Code of conduct: do not change/delete the documents from the others. Do not upload huge files.
 * Upload files in your own folder: {{{DG200-201202/Deliverables/Part <1|2>/<Your Name>. }}}. Do not change the structure of the folder.
 * '''Feedback request''' after the assignment:
  * Please send your request only to one of the assigners, according to this [[attachment:RegistrationList.xls]].
  * Attach all your deliverables to the request, as identical to the files in the Drop``Box folder. Including:
   * ZIP file of the source code from part 1.
   * PDF from part 1.
   * ZIP file of the source code from part 2.
   * TXT file containing the YouTube link from part 2.
Line 32: Line 99:
<<Anchor(Deliverables)>> <<Anchor(installProcessing)>>
Line 34: Line 101:
== Deliverables ==
 * Every week you will be given some tasks as '''individual''' homework. One of these tasks is obligatory and the result of this task must be delivered.
  * /!\ Deadline: 5 PM, the following Tuesday.
  * Zip the results(sketchbook, data files, images etc) all together into one single zip file, name it as follows:
  {{{
week<weeknumber>_<IDNR>.zip
}}}
  For example:
  {{{
week3_0732290.zip
}}}
  Once the file is uploaded, you will not be able to remove it or to change it. So please try to upload the latest version in one go. If by any chance you wish to update the submission, please make a new zip file, add `_v<version number>` to the file name. For example if you wish to send in a new version for `week3_0732290.zip`, name it as `week3_0732290_v2.zip`.
   * All letters in the name must be in lowercases.
   * Please use your IDNR (instead of the s number). If you don't know your IDNR, check it out in the [[attachment:Registration.xls|registration list]].
   * '''Using this naming scheme is important, or your submission will be ignored.'''. Also see [[http://windowshelp.microsoft.com/windows/en-us/help/7050d809-c761-43d4-aae7-587550cd341a1033.mspx|Windows Help]] for how to zip and unzip files in Windows.
  * Upload the zip file to
   * [[https://dlwpswbsp.tue.nl/ID2010/338ba2ee2a7042e7bfb7d8bcbf11cda4/default.aspx|Studyweb]] ( You shall follow this link: https://dlwpswbsp.tue.nl/ID2010/338ba2ee2a7042e7bfb7d8bcbf11cda4/default.aspx)
   * '''For Study``Web to work, you'd better use Microsoft Internet Explorer'''.
   * '''Please login properly to upload your documents'''. If at home, you must use VPN.
 * Voluntary task: You are challenged to deliver a demonstration with the robot (if you prefer, and with visuals) to show what you have learned from the assignment, to show your capability of reading and understanding the documentations, and to show your creativity. (You'd better start earlier during the assignment, so that you can see it evolving, and get the help from other students, possibly as well as the student assistants):
  * You are expected to '''work in pairs'''.
  * No lectures will be given specially for the robot. You are challenged to read and understand the documentations. These documents are available on the assignment wiki.
  * If you manage to deliver such a demo, AdMoVeo must be used.
  * Examples of things (these are just examples!) you can do with AdMoVeo:
   * Let AdMoVeo dance with your hand.
   * Let AdMoVeo dance with music.
   * Let AdMoVeo follow a line.
   * Use AdMoVeo LEDs as disco lights
   * Let AdMoVeo follow a light.
   * Let AdMoVeo read a map and plot the map on the screen
   * … anything else not in this list. Check out AdMoVeo video clips on [[http://www.youtube.com/results?search_query=AdMoVeo&search_type=&aq=f|YouTube]] for inspiration.
  * What you are expected to deliver: a word document to studyweb, named after {{{Robot_<IDNR>.doc}}} that contains
   * A link to a [[http://www.youtube.com|YouTube]] video that shows the behavior of the robot. The video must be titled as {{{CreaPro 2010 AdMoVeo: <your title> by <your name> and <your name>}}}. In the description you should briefly explain your creation.
   * The source code
  * Selected videos will be shown on the WallOfFame of the assignment and on [[http://AdMoVeo.nl|AdMoVeo.nl]]
  * You may show your demo as part of your exhibition, but you don’t have to. It is up to you.

<<Anchor(installProcessing))>>
Line 74: Line 103:
  * For those who knows what the JDK is and wants to install Processing along with JDK: You need x32 version of the JDK no matter whether you are running an x32 or x64 system.   * For those who know what the JDK is and wants to install Processing along with JDK: You need x32 version of the JDK no matter whether you are running an x32 or x64 system.
Line 80: Line 109:
== If you have questions ==
 * We will be happy to answer your questions, but please try not to email your questions to teachers. Instead, bring your questions to the help sessions.
 * Please try to solve the problems by yourself -- this is important part of learning experience.
 * If you could not solve the problems after trying hard for at least half a day, seek for help from your fellows.
 * Again, Please try not to email your questions to teachers.
== If you have questions or if you need help ==
 * The assigner will announce a help hour during his lecture.
 * The assigner will be available during this hour only if one or more of you make an appointment.

Creative Programming Assignment 201202 (Q3)

  • Please read AssignmentDescription.

  • /!\ Please follow the instructions below carefully. It will save us a lot of time.

  • For your convenience, please buy a copy of Getting Started with Processing, by By Casey Reas, Ben Fry. e-Books and hard copies are available from O'Reilly

  • Before the first lecture, Please download and install Processing on your laptop.

  • Always bring with you your laptop, with fully charged batteries and power cables.
  • The assigner will announce a help hour during his lecture. The assigner will be available during this hour only if one or more of you make an appointment.

1. Summary of the structure

  • This assignment has two parts, each of which has two lectures and one interactive session.
  • There will be two challenges, one for each part. Your result of the challenge will be exhibited during the interactive session.
  • All the assigners and the students will visit the exhibition and give comments to each other.
  • Some of the results will be selected for plenary presentation in the interactive session.

2. Schedule

  • Part 1:

      Week 1: 02-08-2012 08:45 until 10:30 AUDITORIUM 1
      Week 2: 02-15-2012 08:45 until 10:30 AUDITORIUM 1
      Week 3: 02-29-2012 08:45 until 10:30 AUDITORIUM 1
  • Part 2:

      Week 4: 03-07-2012 08:45 until 10:30 AUDITORIUM 1
      Week 5: 03-14-2012 08:45 until 10:30 AUDITORIUM 1
      Week 6: 03-21-2012 08:45 until 10:30 AUDITORIUM 1

2.1. Part 1

  • Challenge: Creating static visual arts. At the end of this part, every student is expected to be able to

    • create an artistic poster that demonstrates beauty and complexity, using Processing
    • print the result and present it on a form board (A3 only please), for the interactive session in the third week.
  • Examples for inspiration
    • idi-examples.jpg

  • What to be delivered:
    • Source code. Please zip the sketchbook and deliver the zip file. Please use the zip format only.

    • PDF of the print.

2.1.1. Week 1: Introduction and Variables

2.1.2. Week 2: Control flows and PDF output

2.1.3. Week 3: Interactive Session 1

  • Everyone brings your A3 print (presented on a form board nicely) to the session.
  • Prepared to present your concepts and techniques to the others.
  • All the assigners will be present.

2.2. Part 2

  • Challenge:

  • Create interactive visual arts. At the end of the week, every student is expected to be able to create an interactive installation that
    • uses a webcam to capture movements as input, and
    • as output, dynamically render visual arts in real time as output.
  • You may work individually or in pairs.
  • Examples for inspiration
  • What to be delivered:
    • Source code. Please zip the sketchbook and deliver the zip file. Please use the zip format only.

    • A TXT file including a link to a YouTube video that demonstrates the interactivity. We would expect a good quality video. Please include the link in a plain text file with an extension “.TXT”. The video shall be titled as

      CreaPro 2012: <a meaningful title> by <your names>

      Please also include a brief description (in the TXT file as well as on YouTube) about the concepts behind your video and the implementation techniques. Tag your video with “creapro”.

2.2.1. Week 4: Functions, Arrays and Algorithms

2.2.2. Week 5: Classes, Objects and Computer Vision

  • Presentation by Jun Hu: PresentationWeek5.pdf

  • The Car Example: ExampleWeek5.zip

  • Computer vision (movement detection) using Myron
  • Read the book "Getting Started with Processing", chapter 5 "Response", learn how to respond to mouse events.
  • It is recommended to learn how to use a GUI library to create your own interface. Check out ControlP5.

2.2.3. Week 6: Interactive Session 2

  • Bring your interactive demonstration to the session.
  • Be prepared to present the concepts and the techniques to the others.

3. Deliverables

  • An invitation to a shared DropBox folder will be sent to everyone. Please join the shared folder.

  • Code of conduct: do not change/delete the documents from the others. Do not upload huge files.
  • Upload files in your own folder: DG200-201202/Deliverables/Part <1|2>/<Your Name>. . Do not change the structure of the folder.

  • Feedback request after the assignment:

    • Please send your request only to one of the assigners, according to this RegistrationList.xls.

    • Attach all your deliverables to the request, as identical to the files in the DropBox folder. Including:

      • ZIP file of the source code from part 1.
      • PDF from part 1.
      • ZIP file of the source code from part 2.
      • TXT file containing the YouTube link from part 2.

4. Installing Processing

  1. Download processing. Please make sure you are downloading the latest stable release. There are two versions, one with Java, one without. If you are not sure, download the one with Java.

    • For those who know what the JDK is and wants to install Processing along with JDK: You need x32 version of the JDK no matter whether you are running an x32 or x64 system.
    • If you don't understand what the above comment is about, download the one with Java.

  2. Create a directory "Programs" on the C: disk, in the root. If "C:\Programs" exists already, skip this step.
  3. Extract the entire directory to C:\Programs (note, not "C:\Program Files"). if you are reinstalling Processing, remove the entire processing directory first.
  4. Create a shortcut on your desktop to "Processing.exe" for easy access.

5. If you have questions or if you need help

  • The assigner will announce a help hour during his lecture.
  • The assigner will be available during this hour only if one or more of you make an appointment.

CreaPro: CreativeProgrammingAssignment201202 (last edited 2013-12-27 22:48:56 by JunHu)