m (Literature)
m (English description)
Line 13: Line 13:
 
==English description==
 
==English description==
  
This course will be held either in German or English.
+
Did you ever wish to design an app for your iPhone? Or do you have an idea for this nice creative coding experience on your iPad? Do you have a new Android Tablet and want to make something cool with it? This is your chance!
 +
 
 +
We will work with the latest cross-platform HTML5 web technologies (mainly the ECMA scripting language, better known as JavaScript; including CSS3) to create applications that will run on your mobile device.
 +
 
 +
Topics will be:
 +
* Creative Coding on mobile devices
 +
* Introduction to Programming
 +
** Variables
 +
** Functions / Methods
 +
** Objects
 +
** Events
 +
** Best practices and Software Design Patterns (Accessors: Getters/Setters, Creating Objects, Modules…)
 +
* ECMA Script (JavaScript)
 +
* CSS3 (Design, Animation, Transition…)
 +
* HTML5 (Multitouch, Geolocation, Device Orientation, Local Storage, Canvas, WebAudio, SVG...)
 +
* JavaScript Libraries (Processing.js, Paper.js, D3.js, jQuery Mobile and many more…)
 +
* Webapps and Hybrid Apps (that's a webApp that is wrapped in a native application that you can download from an app store)
 +
 
 +
This course will most likely be held in English
  
 
== Topics ==
 
== Topics ==

Revision as of 14:03, 17 July 2013

Werkmodul | Fachmodul
Lecturer: Michael Markert
Credits: 6 ECTS, 3 SWS
Date: Tuesdays, 13:30 until 16:00 h
Venue: Marienstraße 7b, Room 105
First meeting: Tuesday, 22. October 2013

Beschreibung

Dieser Kurs wird je nach Bedarf auf Deutsch oder English abgehalten.

English description

Did you ever wish to design an app for your iPhone? Or do you have an idea for this nice creative coding experience on your iPad? Do you have a new Android Tablet and want to make something cool with it? This is your chance!

We will work with the latest cross-platform HTML5 web technologies (mainly the ECMA scripting language, better known as JavaScript; including CSS3) to create applications that will run on your mobile device.

Topics will be:

  • Creative Coding on mobile devices
  • Introduction to Programming
    • Variables
    • Functions / Methods
    • Objects
    • Events
    • Best practices and Software Design Patterns (Accessors: Getters/Setters, Creating Objects, Modules…)
  • ECMA Script (JavaScript)
  • CSS3 (Design, Animation, Transition…)
  • HTML5 (Multitouch, Geolocation, Device Orientation, Local Storage, Canvas, WebAudio, SVG[[HTML#SVG|Scaleable Vector Graphics]]...)
  • JavaScript Libraries (Processing.js, Paper.js, D3.js, jQuery Mobile and many more…)
  • Webapps and Hybrid Apps (that's a webApp that is wrapped in a native application that you can download from an app store)

This course will most likely be held in English

Topics

  • tba

Requirements

  • Eigener Computer (Laptop)
  • Besitzer eines Computers mit Mac OSOperating System – for instance Apple's OS X stands for the tenth version of the OS X 10.7 oder neuer erhalten eine kostenlose Version von Procoding
  • Besitzer eines iPhone, iPad oder iPod Touch mit iOS 5 oder neuer erhalten eine kosten Version von Procoding Mobile
  • Besitzer anderer Systeme erhalten ein Coding Startset und benötigen lediglich einen Code-Editor

Registration Procedure

To register for the course, please send an eMail with the Topic "Registration for Mobile Apps with HTML5" to Michael.Markert (at) uni-weimar.de, incuding the following informations:

  • Full Name
  • program and semester (Studienprogramm und Fachsemester)
  • matriculation number (Matrikelnummer)
  • Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
  • Valid email address @uni-weimar.de (no other mailing addresses will be accepted)
  • Your hardware:
    • Do you have a Mac Computer with Mac OSOperating System – for instance Apple's OS X stands for the tenth version of the OS 10.7+ ?
    • Do you have an iPhone, iPad or iPod Touch with iOS 6+ ?
  • One or two short(!) sentences about:
    • why you want to be in this course
    • what preliminary knowledge do you have (e.g. HTML[[HTML|Hypertext Markup Language]], Processing, ...) <-- please be honest!

If there are more than 15 Registrations, students will be accepted depending on:

  • Order (first come, first serve)
  • If you are in a Project of Interface-Design (see Prof. Jens Geelhaar's semester projects this semester)
  • What you've written in "why I want to be in this course"

Applications with missing information, esp. those with an invalid E-Mail ("Re: Cannot deliver, mailbox full / quota exceeded, ...") and participants showing on the first meeting without previous registration cannot be accepted, unfortunately. Sorry.

Leistungsnachweis

  • Regelmäßige und aktive Teilnahme
  • Wöchentliche Bearbeitung der gestellten Teilaufgaben mit Dokumentation im WikiHaiwaiian for ''fast'' (not an acronym). It is the name for a hypertext system for websites where the user may not only read the content but is also able to change it instantaneously through the browser.
  • Eigenständige Vor- und Nachbereitung der Kursinhalte mit Selbststudium der benötigten Kenntnisse
  • Präsentation der Teilziele im Rahmen des Kurses
  • Präsentation im Rahmen des IFD:Showreel
  • Abgabe der Ergebnisse als aufbereitete Zusammenfassung am Ende des Semesters

Übungen und Ergebnisse

Please copy this first entry (NameOrPseudonym) and make your own subpages:

  • That's what the WikiHaiwaiian for ''fast'' (not an acronym). It is the name for a hypertext system for websites where the user may not only read the content but is also able to change it instantaneously through the browser.-Code means:
    • The first two brackets create a infernal link in this wiki (this creates a new page).
    • The slash "/" makes the page a subpage of this page

Btw:
Help shows how to edit in this wiki; How to upload and use images. Please do not upload content that you did not create.

Zielgruppe

  • Bachelor Students Media Art & Design
  • Master Students Media Art & Design
  • Master Students MediaArchitecture
  • All others: if you're interested, get in contact with Michael!

Syllabus

Preliminary schedule:

  1. 22.10. First meeting, Intro
  2. 29.10.
  3. 05.11.
  4. 12.11.
  5. 19.11.
  6. 26.11.
  7. 03.12.
  8. 10.12.
  9. 17.12.
  10. 07.01.
  11. 14.01.
  12. 21.01.
  13. 28.01.
  14. 04.02.
  15. 31.03.

Literature

tba