2013

multimedia authoring @ facebook / multimedia @ VU / MMA

This site is open for SGC, that is student-generated content, relevant for the course.

Beware that everything is public, though, and behave accordingly!

deadline(s) / inspiration(s) / idea(s)

lecture(s):

wk 36-42, wednesday 11.00-12.45; zl. WN-M647

1. 04/09/13: introduction(s) -- ... getting started ... assignment(s) ... ?
2. 11/09/13: tutorial(s) -- ... with Gijs Bos: games and javascript / shooter ...
3. 18/09/13: tutorial(s) -- ... (contnd): games and javascript ...
4. 25/09/13: concept presentations ...
5. 02/10/13: Q&A / ... / problem(s) / theme(s) / more tutorial(s)?
6. 09/10/13: ... work in progress
7. 16/10/13: ... presentation final project(s) & (request for) grading

In the last session, you may apply for grading. See requirement(s) for grading.

important -- track(s)

due to the wide variety of students, and in particular of LifeStyle Informatics (LI) students, it is now possible to choose a track, either basic, regular or advanced. Naturally, LI students should choose for the basic track,

and my advice is to start exploring the draw example in key(s). This may also a viable option for IMM students. And, don't forget to look at the blob(s)! Advanced students may want to look at physic(s).

course information

the course multimedia authoring provides you with the skill(s) to develop interactive media applications (possibly) with video and mini-games, using XML, flex/as3 and/or html/js ...

• register -- using the online form

3/12/2014, via email, I wrote: next grading jan 15, 2014

the next round of grading will be jan 15, 2014

if you want to be graded in this round, send a request (with your names and groupnumber) to eliens@cs.vu.nlbefore jan 15 (2014).

Make sure your portfolios are complete, following the guidelines in:

https://sites.google.com/site/multimediaauthoringvu/grading-requirement-s

friday 11/10/2013, via email, I wrote:

following the comments of Gijs

https://sites.google.com/site/multimediaauthoringvu/teachers-comments

(thanks Gijs) I had another look at your portfolio(s), and, if appropriate,

updated your status

As indicated by the work in progress presentations, many of you are (very) well

on track, but some are still missing some of the basic exercises,

and 11 are either NOL or NOF (not online or found).

Next wednesday are the presentations of the final project, for which

those groups that are ready for grading will get priority.

However, if we have time left, also the other groups are welcome to present.

You will get 4 minutes, with possibly one minute for some feedback from class,

that is after 3 minutes I will give a signal, indicating that you must finalize your

presentation within 2 minutes!

For those that are not ready fro grading, you may submit a request later by email,

and you can check: http://www.cs.vu.nl/~eliens/mma/participant.html

to see whether there is an R with your group.a

After grading (the first round of which

will be after 30 october)

https://sites.google.com/site/multimediaauthoringvu/grading-requirement-s

you may check:

http://www.cs.vu.nl/~eliens/mma/class-13-ma.html

for the results.

Note, I will not communicate any grades via email.

However, if for one reason or another you are dissatisfied with your grade

after obtaining it from vunet, you may contact me by email for further negotiation(s).

schedule(s)

college(s) / deadline(s)

• session 1: introduction, getting started, assignment(s)
• session 2:: flex/as3: style, XML, program structure
• session 3: flex/as3: animations, bitmaps, effects
• session 4: student presentations -- concept final project(s)
• session 5: lecture: topic(s) in media & game development
• session 6: Q&A / work in progress
• session 7: student demonstrations -- final project(s)

This is a preliminary schedule only. See announcement(s) for updates.

grading requirement(s)

criteria / assignment(s) / deadline(s) ? / grading(s)

the requirements for grading may be refined during the course.

However, for clarity:

minimal requirement(s)

• updated portfolios
• completed basic exercise(s)
• completed final project(s)
• a readable essay/documentation (2-5 pages)
• overall satisfactory presence in class

Let there be no mistake, without an updated portfolio and a serious essay, no grading!

And, I repeat, your (also intermediary) feedback will be highly appreciated!

deadline(s)

First date of delivery and grading: 30 october 2013, after that there will be other rounds of grading on demand, for more information, see final grading!

about the essay (new):

The primary importance of the essay is to serve as a reflection and experience report on your approach, the track chosen, your initial skill level and what you learned along the way. Discuss the problems you encountered and how you solved them. Also you may include a brief evaluation of the course, that is how it worked for you. And of course you may discuss more serious topic(s), including technical and design issues. The overall length of the essay should be 2-3 pages, but no more than 5!

deliverable(s)

1. concept -- idea & plan of approach
2. application(s) -- code + documentation (online & zip)
3. documentation -- about approach and use of technology
4. essay -- with a suitable selection of topic(s)

When applying for grading all results must be available on your website, as well as in a zip package!

At the beginning of the project, you have to create a web site that gives access to all deliverables, and finally a package for download (in zip format). During the course of the project, the website must reflect goals, progess, and achievements, preferably by demonstration(s) of partial results.

No need to repeat that all deliverables must be made available from your website. Finally, for documentation use PDF or HTML. In particular, .doc files will not be accepted!

hall of (f/sh)ame

moral(s) / participant(s) / rule(s) / education(s) / student(s) work / course(s) / norm(s)

beyond doubt -- excellent

• [f] Jip de Beer -- portfolio:[http://debeer.it/mma] (essay)

excellent -- but who has been cheating?

• [f/sh]? Ema Ciobanu, Tatiana Cristea -- portfolio:[http://www.few.vu.nl/~tca800/mma]
• [f/sh]? Martijn van der Burg, Matthijs de Mari -- portfolio:[http://martijnburg.nl/vu/mma]
  • [f/sh]? Kariem Slegten, Hugo Brouwer -- portfolio:[http://www.few.vu.nl/~hbr790] RAK
• [f/sh]? Luca Michele Gallo, Angelo Nicola Di Martino -- portfolio:[http://cossak.altervista.org]
• [f/sh]? Gossa Lo, Anouk Boukema -- portfolio:[http://few.vu.nl/~alo210]

peer review(s)

submit review(s) / result(s) / feedback / evaluation(s) / participant(s)

review(s) by peers is an effective means to get feedback on how your projects are perceived by your fellow students. Keep in mind that everything you write is publicly visible, and that you are required to state who you are, as a reviewer!

remark(s)

• give marks in the first fields in the range of 0-10 (use dots and not commas for fractions). Text comments and qualification must be in the remarks field.
• results are preliminary, and will on completion very likely be replaced by an edited version.
• any anonymous comments will be deleted, so state your name!
• submit before 15/10/2014!

question(s) & answer(s)

multimedia authoring / answer(s) / challenge(s)

Students that are absent during one or more lectures or meeting are (kindly) requested to write the date of absence, their name, and the reason for their absence(s).

• dd/mm/yyyy: J. Doe -- some reason

pose your question(s) here, as follows:

Q: who will answer my question?

A: that is, indeed, the question!

creative / idea(s) / plan(s) / multimedia authoring / skill(s)

question(s)

Q:

A:

absence(s)

multimedia authoring / rule(s)

Students that are absent during one or more lectures or meeting are (kindly) requested to write the date of absence, their name, and the reason for their absence(s).

• dd/mm/yyyy: J. Doe -- some reason
• 09/10/2013 Rebecca Engler -- I have my Literature Study exam at 11:30

comment(s)

creative / idea(s) / plan(s) / multimedia authoring / skill(s)

23/9/2013: from facebook:

teachers comments

Evaluation based on student’s course background, tech-use, and overall effort!

Scale: Excellent / Good / Average / Bad / Very Bad

Evaluated on: 11 – 10 – 2013

1. Moustafa Alebhayan (MsCS): NOL

As 1: Average (Flex)

As 2: Average (Flex)

As 3: Bad (Flex) When I annotate the slider, the lines jump across the screen.

2. Dwayne Gefferie (IMM):

As 1: Average (JS)

As 2: Average (JS)

As 3: Average (JS)

3. Jip de Beer (IMM):

As 1: Good: (JS/SVG)

As 2: Missing

As 3: Missing

4. Emiel van Lankveld (IMM) Joeri Donker (IMM)

As 1: Average: hyperlink missing in logo(JS)

As 2: Good (JS)

As 3: Good (JS)

5. Patrick Brouwer (IMM) Jan-Gerrit Kortes(IMM)

As 1: Good (JS)

As 2: Average (JS) media viewer has no navigation.

As 3: Missing

6. Jorien van Ginkel (IMM) Ivana Saraber(IMM) Rhiannon Rozeboom(IMM)

As 1: Excellent (JS)

As 2: Average: missing logo in media viewer (JS)

As 3: Missing

7. Ema Ciobanu (Inf) Tatiana Cristea

As 1: Excellent (Flex)

As 2: Excellent: please include logo somewhere (Flex)

As 3: Excellent (Flex)

8. Marc Went (CS) Laila van Ments (LI)

As 1: Excellent (CSS)

As 2: Excellent (JS)

As 3: Excellent (JS)

9. Mariette Castillion (IMM): NOL

10. Rebecca Engler (MsCS)

As 1: Good (JS)

As 2: Excellent (JS)

As 3: Good (JS)

11. Taco van de Belt (IMM): NOP

12. Alejandro Els(IMM)

As 1: Good (JS)

As 2: Good (JS)

As 3: Missing

13. Ilse Epskamp (LI)

As 1: Average (JS)

As 2: Good (JS)

As 3: Good (JS)

14. Tessa de Jong (LI)

As 1: Good (JS)

As 2: Good, please include some sort of navigation in your viewer (JS)

As 3: Missing

15. Suzanne Tolmeijer (LI) Romy Blankendaal (LI)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

16. Soufyan Belkaid (IMM)

As 1: Average (JS)

As 2: Average (JS)

As 3: Good (JS)

Remark: Please rename the home.html to index.html and include a clear navigation on your page for the assignments.

17. Harvard Lundberg (Exchange): NOL

18. Sven van den Beukel (IMM) Rik Smit (IMM)

As 1: Good (JS/CSS)

As 2: Good: please include your logo somewhere (JS)

As 3: Good (JS)

19. Ana Ion (PD CS) Marina Ciocea (PDCS)

As 1: Excellent (JS)

As 2: Good (JS)

As 3: Excellent (JS)

20. Teo Grigorev (CS)

As 1: Good (JS)

As 2: Missing

As 3: Missing

21. Ivo wijnker (Inf)

As 1: Good (JS)

As 2: Good (JS/CSS)

As 3: Average (JS) Only slow paced drawing creates lines.

22. Kayleigh Beard (LI)

As 1: Good (JS)

As 2: Missing

As 3: Missing

23. Martijn van der Burg (IMM) Matthijs de Mari (IMM)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

24. Supriya Rambali (LI) Priscilla Jainandunsing (Ms CS)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

25. Yasmina Kada (LI) Hilal Aydin (LI): NOP

26. Kim Bosman (LI) Annigje van der Wel (LI)

As 1: Good (JS)

As 2: Good: Please include the logo from as 1(JS)

As 3: Good (JS)

27. Kariem Sleften (IMM) Hugo Brouwer (IMM)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

28. Koen van der Veen (LI) Maurits Bleeker (LI)

As 1: Good (JS)

As 2: Excellent (JS)

As 3: Good (JS)

29. Leon de Zwart (Inf)

As 1: Good (JS)

As 2: Average: Need more media sources to be a media viewer, missing logo. (JS)

As 3: Bad (JS) Not working properly

30. Millen Mortier (LI): NOF

31. Tim Loyen (IMM) Rudy Marsman (IMM)

As 1: Average (JS)

As 2: Good: Slider goes crazy when changing speed(JS)

As 3: Good (JS)

32. Willeke van Vught (LI)

As 1: Good (CSS)

As 2: Good (JS)

As 3: Good (JS)

33. Alexandru Asandei (Ms CS) Nadina Sovaiala (Ms CS)

As 1: Good (JS/CSS)

As 2: Good nice interaction with the entire page. (JS)

As 3: Missing

34. Jorik Spijkerman (Inf) Bart Luik (Inf): NOF

Url: bartluik.nl/main.html

As 1: Good (JS/CSS)

As 2: Good nice interaction with the entire page. (JS)

As 3: Good (JS)

35. Faraicha Wagid Hosain (LI) Aeron Yung (LI)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

36. Wesley Nitikromo (IMM)

As 1: Good (JS)

As 2: Good (JS)

As 3: Average (JS)

37. Julia Salomons (CS): NOL

Url: few.vu.nl/~jss298/Concept.php

As 1: Good (JS)

As 2: Average (JS)

As 3: Good (JS)

38. Florina Moldavan (IWT): NOL

39. Luca Michele Gallo (CS) Angelo Nicola Di Martino (CS)

As 1: Good (JS)

As 2: Good (JS)

As 3: Average (JS)

40. Mike Spits (IMM) Guido Spooren(IMM)

As 1: Average (JS)

As 2: Average (JS)

As 3: Missing

41. Meng Xiao Qian (AUC)

As 1: Average (JS)

As 2: Good: Not working properly on Firefox, please fix browser compatibility. (JS)

As 3: Missing

42. Robin Kurvers (LI)

As 1: Good (JS)

As 2: Missing

As 3: Missing

43. Sinziana Filip(PD CS) Roxana Cristian (AI)

As 1: Good (Flex)

As 2: Good (Flex)

As 3: Excellent (Flex)

44. Victor Kramer (IMM)

As 1: Excellent: nice effect! (JS)

As 2: Missing

As 3: Missing

45. Robin Rahman (IMM)

As 1: Average (JS)

As 2: Average (JS)

As 3: Average (JS)

46. Anita Tran (LI): NOP

47. Tom de Jong (LI) Wijnand van der Paauw (LI): NOP

48. Felix Heijke (Inf) Leroy van de Merkt (Inf): NOP

49. Gossa Lo (LI) Anouk Boukema (LI)

As 1: Good (JS)

As 2: Average: Need media viewer navigating through media (images/videos) (JS)

As 3: Good (JS)

Remark: every hyperlink opens new tab, please keep to one screen for convenience.

50. Laura van der Lubbe (LI)

As 1: Good (JS)

As 2: Good (JS)

As 3: Good (JS)

51. Jacco van Splunter (IMM) Stijn Tensen (IMM): NOF

52. Esra Atescelik (MS CS)

As 1: Average: missing link in logo (CSS)

As 2: Average: not sure if this is a media viewer? Review the concept (JS)

As 3: Good (JS)

53. Meera Sasai (IMM): NOP

54. Aydin Cortuk (IMM) Ismael El Hadad Hakim (IMM)

As 1: Average (JS)

As 2: Average (JS)

As 3: Average (JS)

55. Milton Ramsamoedj (LI)

As 1: Good (Flex)

As 2: Average (Flex)

As 3: Missing

56. Nathalie Post (LI) : NOP

Url: nathaliepost.com/mma/

57. Vito Chin-A-Sen (Inf) Michelle Tjoe-A-On (Inf)

As 1: Good (JS)

As 2: Average (JS)

As 3: Good (JS)

update(s) & new(s)

• the web is dead -- wired magazine / flower(s)
• designer(s) -- don't just dream, they do!

www.writingstudio.eu / how to write an essay? / resource(s)

• multitouch -- niftysystems.nl/audio
• ximpel interactive video -- resource(s)
• tutorial(s) -- flex/as3
• explorer(s) -- style(s) / component(s)
• example(s) -- crayon physics / create

workshop game design

design / workshop(s) / track(s)

• context -- location, story
• invitation(s) -- opening screen, instructions
• mechanic(s) -- game play, user actions
• dynamic(s) -- score(s), feedback

assignment(s) -- play(s) / vision(s)

1. draw -- self-representation (avatar) with superpower(s)
2. game map/space -- with implied storyline(s)/context(s)
3. (position) mini-game(s) -- invitation(s) / challenge(s) & score(s) / dynamic(s)