ixd3102s20

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 8 Open GitHub ↗

Syllabus for Yasar University 3rd Year VCD Studio on Interaction Design, Spring 2020

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# VCDS3102-IxDs20
Syllabus for Yasar University 3rd Year VCD Studio on Interaction Design, Spring 2020

Lecturers
Daniele Savasta (daniele dot savasta at gmail dot com)
Ceren Kayalar (cerenk at gmail dot com)
Doruk Türkmen (doruk dot turkmen at yasar dot edu dot tr)
in campus at [xLab - Interaction Lab](http://xlab.yasar.edu.tr)

## Description
This course introduces the concept and practice of physical computing and applies through a game design perspective.

The aim is to design and prototype physical intefaces for interaction using the widespread electronic prototyping platforms (e.g. Arduino, Raspberry Pi).

The final outcome will consist in a design proposal for an installation in a museum of Izmir.

The contribution of external professionals and academicians will help to clarify the complexity of the work and the involved stakeholder.

## Outcomes
1. Develop techniques and theories to make interactive physical artifacts
2. Apply methodologies and theories to the design practice
3. Learn to structure project planning for a physical interactive device
4. Prepare professional solutions to wicked (design) problems
5. Improve social skills while collaborating in small groups
6. Develop unique design approaches individually

## Resources
**Recommended Reading**

[**Extended bibliography**](https://github.com/ixd-izmir/ixd3101f18/blob/master/extendedBibliography.md)

## P2: Designing Online Exhibition Experiences 
- [Google Night Walk](https://promenadenocturne.withgoogle.com/en/home)
- [London Transport Museum](https://www.ltmuseum.co.uk/collections/collections-online)
- [Rijksmuseum - Bold Monday](https://www.boldmonday.com/custom/rijksmuseum/)
- [Rijksmuseum - Identity](https://www.fabrique.com/cases/digital-design-and-development/rijksmuseum/)
- [High Museum of Art - Identity](http://archive.secondstory.com/projects/browse/featured-work)

### Theory
- [Norman's Three Levels of Design: Visceral, Behavioral, Reflective](https://www.interaction-design.org/literature/article/norman-s-three-levels-of-design)

### Tools
- [File Optimizer](https://nikkhokkho.sourceforge.io/static.php?page=FileOptimizer): Please compress your pdf files before uploading to Drive
- [UXtools.co](https://uxtools.co): Don't get lost in the variety of tools. UXtools provides detailed comparison of tools designers use currently (based on their 2019 survey), check the tables and gain insight on which tool to choose for which design step. Most related comparison tables for our current purpose:
-- [UX Tools Comparison: Design](https://uxtools.co/tools/design)
-- [UX Tools Comparison: Prototyping](https://uxtools.co/tools/prototyping)
- [Component States @XD](https://letsxd.com/states): Start practicing with your tools, this link provides an XD project to introduce the states of components and animations you can prototype with XD.
- [Octopus.do: Visual Sitemap Builder](https://octopus.do)
- [https://www.figma.com/@microsoft](https://www.figma.com/@microsoft)

### Museums & Exhibitions (Class Collection)
- [Arkas Art Center](http://www.arkassanatmerkezi.com/En/)
- [Bristol Museums](https://exhibitions.bristolmuseums.org.uk)
- [Chaumet Museum](https://www.chaumet.com/en/exhibitions)
- [Cisternerne](https://cisternerne.dk/en/)
- [FransHalz](https://www.franshalsmuseum.nl/en/)
- [Göbeklitepe](https://sanalmuze.gov.tr/TR-259963/gobeklitepe-orenyeri---sanliurfa.html)
- [Haus der elektronische Kunste Basel](https://www.hek.ch/en.html)
- [Hermitage Museum](https://hermitage.nl/en/exhibitions/panorama-amsterdam/)
- [High Museum of Art](https://high.org/)
- [Istanbul Oyuncak Müzesi](https://istanbuloyuncakmuzesi.com/)
- [Kurtuluş Savaşı Müzesi](https://sanalmuze.gov.tr/TR-259957/kurtulus-savasi-muzesi---ankara.html)
- [Le Galerie Degli Uffizi ](https://www.uffizi.it/en)
- [Louvre](https://petitegalerie.louvre.fr/visite-virtuelle/saison5/)
- [Lumen](https://lumenmuseum.it)
- [moMA](https://www.moma.org)
- [Museo Frida Kahlo](https://www.museofridakahlo.org.mx/en/the-blue-house/your-visit/)
- [Museum of Broken Relationships](https://brokenships.com/explore)
- [National Archaeological Museum, Madrid](https://www.manvirtual.es/)
- [National Museum of Natural History](https://naturalhistory.si.edu/)
- [OMM: Odunpazari Modern Museum](https://omm.art/en/exhibitions)
- [Pera Museum](https://www.peramuseum.org/)
- [Pergamon Museum](https://www.smb.museum/en/museums-institutions/pergamonmuseum/home.html)
- [Rijksmuseum](https://www.rijksmuseum.nl/en)
- [Salvador Dali Museum](https://www.salvador-dali.org/en/)
- [San Francisco Museum of Modern Art](sfmoma.org/museumfromhome/)
- [Staedel Museum](https://geschlechterkampf.staedelmuseum.de/en)
- [Stonehenge](https://www.english-heritage.org.uk/visit/places/stonehenge/)
- [TATE](https://www.tate.org.uk/)
- [The British Museum](https://www.britishmuseum.org)
- [The British Museum with Google](https://britishmuseum.withgoogle.com)
- [The Cleveland Museum of Art](https://www.clevelandart.org/art/collection/search)
- [The Dali Theatre Museum](https://my.matterport.com/show/?m=K5MKrKcfyRW)
- [The Dowse Art Museum](http://dowse.org.nz/)
- [The Met](https://www.metmuseum.org)
- [The State Russian Museum](http://en.rusmuseum.ru)
- [Tretyakov Gallery](https://www.tretyakovgallery.ru/en/)
- [Unit London](https://theunitldn.com/)
- [Van Gogh Museum](https://www.vangoghmuseum.nl/en)
- [Vatican Museum](http://www.museivaticani.va/content/museivaticani/en/collezioni/musei/tour-virtuali-elenco.html)

## P1: Designing Indie Games 
### Theory
- [Game Design Essentials: 20 Real-World Games](https://www.gamasutra.com/view/feature/134358/game_design_essentials_20_.php)
- [Less Talk, More Rock](https://boingboing.net/features/morerock.html)
- [Minimised Game Design For Indies: Yes Or No?](https://www.gamasutra.com/blogs/RodainJoubert/20090930/85645/)
- [Fundamentals of Game Design](https://www.raphkoster.com/2010/10/12/the-fundamentals-of-game-design/)
- [game design 101](http://www.sloperama.com/advice/idea.htm)
- [design 101](https://magic.wizards.com/en/articles/archive/making-magic/design-101-2003-04-21-0)
- [The 13 Basic Principles of Gameplay Design](https://www.gamasutra.com/view/feature/132341/the_13_basic_principles_of_.php)]
- [Anatomy of a Game Mechanic](https://www.gamasutra.com/view/feature/4091/anatomy_of_a_game_mechanic.php)
- [Evaluating Game Mechanics For Depth](https://www.gamasutra.com/view/feature/5901/evaluating_game_mechanics_for_depth.php)
- [Taking Turns (Or Yes, It IS Your Job to Make Me Have Fun)](https://www.gamasutra.com/blogs/RobertWalker/20110602/7718/Taking_Turns_Or_Yes_It_IS_Your_Job_to_Make_Me_Have_Fun.php)
- [Six Ways to Tell Stories in Video Games](http://www.untoldentertainment.com/blog/2010/07/14/six-ways-to-tell-stories-in-video-games/)
- [Designing Games That Don't Suck](https://www.gamasutra.com/view/feature/4072/designing_games_that_dont_suck.php)
- [What Makes a Great Game? The Key Elements of Successful Games](https://www.pluralsight.com/blog/film-games/what-makes-a-great-game-the-key-elements-of-successful-games)
- [Donts](http://www.designersnotebook.com/Design_Resources/No_Twinkie_Database/no_twinkie_database.htm)
- [Beginning Level Design](https://www.gamasutra.com/view/feature/131736/beginning_level_design_part_1.php?page=1)
- [Finishing a game](https://makegames.tumblr.com/post/1136623767/finishing-a-game)
- [How to Write a Game Design Document](https://www.gamasutra.com/blogs/LeandroGonzalez/20160726/277928/How_to_Write_a_Game_Design_Document.php)
- [A GDD Template for the Indie Developer](https://www.gamasutra.com/blogs/JasonBakker/20090604/84211/A_GDD_Template_for_the_Indie_Developer.php)
- [12 ways to improve turn-based RPG combat systems](https://sinisterdesign.net/12-ways-to-improve-turn-based-rpg-combat-systems/)
- [Arcade Game Typography](https://readonlymemory.vg/shop/book/arcade-game-typography/)
- [Arcade Lettering from Snow Bros. (1990)](https://codepen.io/lynnandtonic/pen/rNVNpmN)
- [Designer's Notebook: Designing with Gameplay Modes and Flowboards](https://www.gamasutra.com/view/feature/2101/designers_notebook_designing_.php)
The best way to document the game's structure is with a flowboard. The word is a combination of "flowchart" and "storyboard." Like a storyboard, it consists of a number of pictures, but unlike a film storyboard, it's not a linear series. Rather, each picture is a sketch, or mockup, of the screen in one particular gameplay mode. Under the picture is the mode's name and a brief description of its perspective, interaction model, challenges, and actions. Connecting the pictures together are arrows showing how the modes switch from one to the next, with a text notation to indicate when and why the transition takes place.

### Games
- [indiegameplus](https://indiegamesplus.com)

### Design Tools
- [Pyxel Edit: Pixel Art Editor](https://pyxeledit.com)

### Isometric games
- [Isometric Games](https://www.youtube.com/watch?v=KvSjJ-kdGio)
- [2.5D](https://en.wikipedia.org/wiki/2.5D)
- [Creating Isometric Worlds Primer](https://gamedevelopment.tutsplus.com/tutorials/creating-isometric-worlds-primer-for-game-developers-updated--cms-28392)

### P5js Games
- [Game made in P5js](https://itch.io/games/made-with-p5js)
- [A selfish Child](https://martiansparlor.itch.io/a-selfish-child)
- [Thousands](https://calebwin.itch.io/thousands)
- [Mission](https://lozul.itch.io/mission-2colorsgj)
- [Increpare games](https://www.increpare.com)
- [p5 play](https://molleindustria.github.io/p5.play/)

### CODE
- [Collision Detection](http://www.jeffreythompson.org/collision-detection/)
- [p5js Timer](https://github.com/musa11971/p5js-timer)
- [Tile Maps @Compform](http://compform.net/tiles/)

## Assessment

| | | |
|-|-|-|
|2 | Projects |0%|
|1 | Presentation |0%|
|10| Practice |0%|
|1 | Final Project |0%|

## Schedule

| Week | Date | Subject | Assignments |
|:---:|:-------------|:-------------| -----:|
| 1 | Feb 3 Mon | [Intro](https://github.com/ixd-izmir/ixd3102f20/blob/master/daily/feb3.md) | |
| 1 | Feb 5 Thu | [Review and Bubbles](https://github.com/ixd-izmir/ixd3102f20/blob/master/daily/feb5.md) | [Game Research](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/gameResearch.md),[Concept Generation 1](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/conceptGeneration.md) |
| 2 | Feb 10 Mon | [Game Mechanics: Time 1, Development: Timer](https://github.com/ixd-izmir/ixd3102f20/blob/master/daily/feb10.md) | [Concept Generation 2](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/conceptGeneration.md), Watch [Indie Games: the movie](https://store.steampowered.com/app/207080/Indie_Game_The_Movie/) |
| 2 | Feb 13 Thu | [Game Mechanics: Time 2, Development: Timer](https://github.com/ixd-izmir/ixd3102f20/blob/master/daily/feb10.md) | Design: [Concept Generation 3](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/conceptGeneration.md), Development: [Timer](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/timer.md), Readings: [Book Review: The Art of Game Design](https://drive.google.com/file/d/1URRq45Lji7QJZFahWy5mYhScC92QlsWr/view), [Analyzing Super Mario’s level and tutorial design](https://drive.google.com/file/d/1xfmF-0FTPwVD8kN5j_Z1SSXkVUP5V9Tn/view) |
| 3 | Feb 17 Mon | | Readings: [I Have No Words & I Must Design, Greg Costikyan](https://drive.google.com/file/d/1CIN4IQoJDrJsos-aDJ9C9rvIepW18Uw-/view), Design: [Spritesheet](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/spritesheet_design.md), Develop: [Spritesheet](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/spritesheet_develop.md) |
| 3 | Feb 20 Thu | | Readings: [Analyzing Time in Videogames](https://drive.google.com/drive/u/1/folders/1NkNIJBdLPmnBI8EkpIPO8aAyBG0frBhc), Design: [Concept Generation 4](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/conceptGeneration.md) Present at least 12 ideas, Mind the format; Develop: [Character jump](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/character_jump.md) |
| 4 | Feb 24 Mon | | |
| 4 | Feb 27 Thu | | Readings: [Game as Art](https://drive.google.com/file/d/1DomfswwIfh20sbuAbetn1Ay_jxtsgK3L/view), Design: [Character Design](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/characterDesign.md) |
| 5 | Mar 5 Thu | Apikam Presentation + Exhibition Visit @Apikam | |
| 6 | Mar 9 Mon | | Listening: [GDD 006 : Characters, Control, and Mechanics](http://gamedesigndojo.com/gdd-006/) |
| 6 | Mar 12 Thu | | Watch: [Jamie Antonisse (Disney) - Building a Paper Prototype For Your Narrative Design @GDC2014](https://www.youtube.com/watch?v=taxcb_5lEI8) Reading: [Paper Prototyping @MIT GameLab](https://ocw.mit.edu/courses/comparative-media-studies-writing/cms-611j-creating-video-games-fall-2014/lecture-slides-and-readings/MITCMS_611JF14_Paper_Prot.pdf) Design: [Paper Prototype](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/paperPrototype.md) |
| 7 | Mar 16 Mon | Suspended | |
| 7 | Mar 19 Thu | Suspended | |
| 7 | Mar 23 Mon | Online> 1st session: [Regroup, Review, Restart](https://github.com/ixd-izmir/ixd3102f20/blob/master/daily/mar23.md) | Design: [P1 Advancement](https://github.com/ixd-izmir/ixd3102f20/blob/master/assignments/p1advancement23mar.md) |
| 7 | Mar 26 Thu | Online> 2nd session: | Reading: [Guide to level design](https://gamedevelopment.tutsplus.com/tutorials/a-beginners-guide-to-designing-video-game-levels--cms-25662), Watch: [Intro to github(https://youtu.be/BCQHnlnPusY)] |
| 8 | Mar 30 Mon | Online review: | |
| 8 | Apr 2 Thu | Online review: | Reading: (Brathwaite, ch13)[https://drive.google.com/open?id=1wsJCEMNuvVaH8oCgKfiFBUKhH3izLn8x] |
| 9 | Apr 6 Mon | Online review: | |
| 9 | Apr 9 Thu | Online review: | |
| 10 | Apr 13 Mon | Online review: | Design & Develop: [P1 Advancement](https://github.com/ixd-izmir/ixd3102s20/blob/master/assignments/p1advancement13apr.md) |

## Ethical Rules
Academic integrity: Students are required to use their own ideas and skills in order to produce original works. Any image, typeface, text downloaded from the internet, if not shared under a Creative Commons License, is considered unauthorized. Therefore, any reproduction, representation, adaptation, translation and/or modification of someone else’s work, partial or total, is prohibited. Students may consult with other students for conceptual and debugging help while working on their code, but unless specified on the assignment, the final code submitted should be written, tested and documented by the student. The case of using code snippets from online sources is allowed up to being 10% of the student’s submission with proper comments in the submission referring to the original source. Any student observed to not have adhered to these rules, will be subject to disciplinary action.

## License
The content of this project itself is licensed under the Creative Commons Attribution 3.0 Unported license, and the underlying source code used to format and display that content is licensed under the MIT license.

ixd3102s20

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README