VA401 - VA402 Project Studio 3
> go to the students' blog
This course aims at helping student to prepare their final project before graduation. Projects are brought by students and are developed in classroom. Works will be critiqued in class to enhance the design competence as well as technical skills. Each project has to be an interactive multimedia project even the workload can be in a single medium like video, 3D motion graphics or web, etc. Each student will follow his/her own development path according to the requirements of the proposed project and to the capacities that student offered. Each student has to start a blog and write/upload all the details of the project on that blog. During the class hours, all the projects will be followed and reviewed over the blog. This blog reflects the design and development period of senior students during their final projects.
> go to the students' blog
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Visual Arts and Visual Communication Design Program > http://vacd.sabanciuniv.edu/
Faculty of Arts and Social Sciences > http://fass.sabanciuniv.edu/
Sabancı University > http://www.sabanciuniv.edu/
VA444 Interaction Design Course > Students' Blog
instructor: Ekmel Ertan eertan@sabanciuniv.edu
assistant: Sina Cem Çetin / Servet Ulaş
Course Description
This course aims at teaching fundamentals of interaction design. Student will learn the nature of digital media and user interaction and will gain hands on experience on screen based as well as physical interaction.
As the new media is more and more interactive and ubiquitous beside that the design and development in the field is getting simpler, more and more designer and artist attracted with the expressive possibilities it provides. Although art and technology practices has a quite long background history in the western world, we do not have resources in Turkish which transfers this experience to artists and designers working in Turkey. In this course participant students will prepare a book during their own learning rom scratch
Works will be critiqued in class to enhance the design competence as well as technical skills. Students will learn fundamentals of scripting in different programming environments and authoring tools. No programming skills are pre-required, but a certain level will be acquired through the course.
Therefore the main objective of this course is to provide the capacities that the students will need to conceive and implement their art or design projects of the final year.
Course Aims
[unordered_list style="bullet"]
[/unordered_list]
Course Learning Outcomes
[unordered_list style="bullet"]
[/unordered_list]
Procedures
The course is 3 hours a week.
Students have to submit each assignment on its due date. All the assignments will be resubmitted for final evaluation during the exam period. Students expected refine their design and application of the assignments for final submission.
Grading
Student must attend class at least 10 weeks (out of 14 weeks).
Assignments 50%
Final project 40%
Attendance and participation 10%
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Visual Arts and Visual Communication Design Program > http://vacd.sabanciuniv.edu/
Faculty of Arts and Social Sciences > http://fass.sabanciuniv.edu/
Sabancı University > http://www.sabanciuniv.edu/
2023-2024 spring vcd293 DESIGN BY CODE - VCD, Istanbul Bilgi University 2022-2023 fall vcd345 CREATIVE CODING - VCD, Istanbul Bilgi University art537 MEDIA ART, VIRTUAL REALITY, NFT AND METAVERSE, İstanbul Yeditepe Üniversity art255 MEDIA ART, VIRTUAL REALITY, NFT AND METAVERSE, İstanbul Yeditepe Üniversity spring vcd293 DESIGN BY CODE - VCD, Istanbul Bilgi University 2021-2022 fall mmd301 DESIGN STUDIO III - VCD, İzmir Ekonomi Üniversitesi vcd428 DIGITAL DESIGN IN MOTION, İzmir Ekonomi Üniversitesi spring mmd302 DESIGN STUDIO II - VCD, İzmir Ekonomi Üniversitesi vcd450 INFORMATION DESIGN - VCD, İzmir Ekonomi Üniversitesi 2020-2021 fall mmd301 DESIGN STUDIO III - VCD, İzmir Ekonomi Üniversitesi vcd428 DIGITAL DESIGN IN MOTION, İzmir Ekonomi Üniversitesi spring mmd302 DESIGN STUDIO II - VCD, İzmir Ekonomi Üniversitesi vcd450 INFORMATION DESIGN - VCD, İzmir Ekonomi Üniversitesi 2019-2020 fall mmd301 DESIGN STUDIO III - VCD, İzmir Ekonomi Üniversitesi vcd428 DIGITAL DESIGN IN MOTION, İzmir Ekonomi Üniversitesi spring mmd302 DESIGN STUDIO II - VCD, İzmir Ekonomi Üniversitesi vcd450 INFORMATION DESIGN - VCD, İzmir Ekonomi Üniversitesi 2018-2019 fall mmd301 DESIGN STUDIO III - VCD, İzmir Ekonomi Üniversitesi 2017-2018 fall INFORMATION DESIGN - International University, Berlin spring INFORMATION DESIGN - International University, Berlin 2016-2017 fall INFORMATION DESIGN - International University, Berlin
Between 2008 and 2014 I worked as a part-time lecturer at Sabancı University, advising visual communication design students on their graduation projects, among other courses. It was a pleasant and productive period where the university left me autonomous and supported the kind of education I believed in. In 2014 these conditions deteriorated and I resigned. I presented some of the students' work on my personal site. When I updated my site, I didn't want to remove them as a reminder of the period I loved. The works are still here. The students are now my colleagues, whether I see them or not.
2012-2014 fall va444 INTERACTION DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University
2011-2012 fall va444 INTERACTION DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University spring va444 INTERACTION DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2010-2011 fall va444 INTERACTION DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2009-2010 fall va444 INTERACTION DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2008-2009 fall va333 WEB DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2007-2008 fall va333 WEB DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University tbt531b DESIGN APPLICATIONS - TBT, Istanbul Technical University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2006-2007 fall va333 WEB DESIGN- VACD, Sabancı University va401 PROJECT STUDIO I- VACD, Sabancı University tbt531b DESIGN APPLICATIONS - TBT, Istanbul Technical University spring va333 WEB DESIGN- VACD, Sabancı University va402 PROJECT STUDIO II- VACD, Sabancı University 2005-2006 fall vcd321 FUNDEMENTALS OF MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd401 MULTIMEDIA PROJECT I - VCD, Istanbul Bilgi University vcd481 PHYSICAL INTERFACE DESIGN - VCD, Istanbul Bilgi University spring va402 PROJECT STUDIO II - VACD, sabancı üniversitesi tbt523b INTRODUCTION TO COMPUTER GRAPHICS - TBT, Istanbul Technical University summer va333 WEB DESIGN - VACD, Sabancı University va344 ANIMATED DESIGN ON THE WEB - VACD, Sabancı University 2004-2005 fall vcd321 FUNDEMENTALS OF MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd401 MULTIMEDIA PROJECT I - VCD, Istanbul Bilgi University 8120412 WEB DESIGN - ILET, Yıldız Technical University spring vcd322 MULTIMEDIA DESIGN - VCD, Istanbul Bilgi University vcd402 MULTIMEDIA PROJECT II -VCD, Istanbul Bilgi University 8120413 MULTIMEDIA PROGRAMMING - ILET, Yıldız Technical University 2003-2004 fall vcd 321 FUNDEMENTALS OF MULTIMEDA DESIGN - VCD, istanbul Bilgi üniversitesi vcd 401 MULTIMEDA PROJECT I - VCD, Istanbul Bilgi University va 401 PROJECT STUDIO I - VACD, Sabancı University spring vcd322 MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd402 MULTIMEDIA PROJECT II - VCD, Istanbul Bilgi University link va402 PROJECT STUDIO II - VACD, Sabancı University 2002-2003 fall vcd321 FUNDEMENTALS OF MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd401 MULTIMEDA PROJECT I - VCD, Istanbul Bilgi University spring vcd22 MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd 402 MULTIMEDA PROJECT II - VCD, Istanbul Bilgi University 2001-2002 fall vcd321 INTRODUCTION TO MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd401 MULTIMEDA PROJECT I - VCD, Istanbul Bilgi University spring vcd322 MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd402 MULTIMEDA PROJECT II - VCD, Istanbul Bilgi University 2000-2001 fall vcd321 INTRODUCTION TO MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd401 MULTIMEDA PROJECT I - VCD, Istanbul Bilgi University spring vcd322 MULTIMEDA DESIGN - VCD, Istanbul Bilgi University vcd402 MULTIMEDA PROJECT II - VCD, Istanbul Bilgi University 1999-2000 fall vcd321 INTRODUCTION TO MULTIMEDA DESIGN- VCD, Istanbul Bilgi University spring vcd322 MULTIMEDA DESIGN - VCD, Istanbul Bilgi University - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - VCD : ISTANBUL BİLGİ UNIVERSITY, VISUAL COMMUNICATION DESIGN DEPARTMENT VACD : SABANCI UNIVERSITY, VISUAL ARTS AND COMMUNICATION DESIGN PROGRAM İLET : YILDIZ TECHNICAL UNIVERSITY, COMMUNICATION DESIGN DEPARTMENT TBT : ISTANBUL TECHNICAL UNIVERSITY, INFORMATION TECHNOLOGIES IN DESIGN GRADUATE PROGRAM
Web Design Course Students' Blog >>>
VA333 WEB DESIGN
Instructor: Ekmel Ertan eertan@sabanciuniv.edu
Asistant:
Summary
This course aims at teaching the basics of design and implementation of a web site. Students will learn creating a web site from scratch. Design for web, organization of content and usability will be the main topics of the course. Student will gain the basic skills of using tools and learn the fundamentals of HTML, CSS and simple scripting. Students will learn designing web site working on the need analysis, information architecture, interaction design and visual interface design.
Learning outcome
Students will:
have a hands-on experience of designing and implementing a web site
learn the basics of graphic design
learn the fundamentals of web design
learn essential tools and methods including photoshop, dreamweaver, html, css and basics of scripting
learn developing a web page in a bottom up design manner
have a good knowledge of web 2.0 and related concepts
Course Schedule
WK01
INTRODUCTION
HOW WEB SITES WORK.
TERMINOLOGY: ISP, SERVER, CLIENT, BROWSER, ISS, DNS, FTP…
FROM DOMAIN NAME TO HOSTING (http://www.byethost.com/)
SAMPLE WEB SITES
WK02
A SIMPLE WEB PAGE: HTML AND EMBEDDED CSS (Use a text editor only)
CLASS WORK: Design a one-page web site to promote a newly published book. Finish at home and submit next week as ASSIGNMENT 1.
IMAGE BASICS: Raster and Vector image, Image for the web.
PHOTOSHOP BASICS
WK03
PHOTOSHOP AS A DESIGN TOOL
IMPLEMENTATION: FROM PHOTOSHOP TO DREAMWEAVER
DREAMWEAVER BASICS
ASSIGNMENT 2: Design a one-page web site to sell your camping material. Start with Photoshop, pass it to Dreamweaver and submit the html page. Use CSS not Table.
WK04
DEADLINE FOR SUBMISSION OF ASSIGNMENT 1 & 2
REVIEW OF THE ASSIGNMENT 1 & 2
HTML TAGS
CSS
PAGE LAYOUT STRATEGIES
ASSIGNMENT 3: Design your personal web site. Site map should be similar to below structure:
Main page / page 1 / page 2 / gallery (with thumbnails) / single image (bigger)
WK05
REVIEW OF THE ASSIGNMENT 3
MORE ON CSS AND
PAGE LAYOUT STRATEGIES
WK06
ASSIGNMENT 3 SUBMITION DEADLINE
LAYOUT DESIGN RULES
TYPOGRAPHY
WEB DESIGN RULES
NAVIGATION, HIERARCHY, CONSISTENCY
GOOD AND BAD SAMPLES
PROJECT PROPOSAL
CONCEPT
ASSIGNMENT 4: Web Site from scratch. In this assignment students are expected to come with an idea for a web site they want to create. Develop the concept, the content, visual design of the site and implement it in 4 weeks. First part of the assignment (4a) will be the project proposal (deadline wk07).
WK07
REVIEW OF THE ASSIGNMENT 4a (proposal)
MORE ON TECHNICAL ISSUES
FORMS AND FORM ELEMENTS
CLIENT SITE SCRIPTING
ASSIGNMENT 4b: Start designing your web site’s main page and two following pages. Bring your design as image files. Draw the site map of your web site.
WK08
REVIEW OF THE ASSIGNMENT 4b (layout)
PHP
SERVER SITE SCRIPTING
FORM HANDLING
DATABASE
ASSIGNMENT 4c: Finish your design and bring it as html documents.
WK09
REVIEW OF THE ASSIGNMENT 4c (html pages)
SOUND AND VIDEO
WK10
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 4
WEB 2.0; THE CONCEPT, THE DESIGN
PROCESS, FLOWCHART
ASSIGNMENT 5: students are expected to come with a Web 2.0 idea (5a) and samples.
WK11
REVIEW OF THE ASSIGNMENT 5a
ASSIGNMENT 5b: students are expected to create a mock-up of their Web 2.0 site (html and/or jpeg). A flowchart of the site is expected separately.
WK12
REVIEW OF ASSIGNMENT 5b
WK13
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 5
WEB ART
AND OTHER ISSUES
WK14
FINAL PRESENTATION
Grading:
Student must attend class at least 10 weeks (out of 14 weeks).
Assignments of the students who are not in the class will not be reviewed but will be graded.
All assignment will be accepted only if submitted before deadline.
Students will have a final submission for the assignments 3,4 and 5, a week after the last class. In this final submissions students cannot change the topic or design but only they can refine and finalize the assignments.
Assignments 60%
Final 30%
Attendance and participation 10%