|
|
| Line 1: |
Line 1: |
| [[:Category:Fachmodul|Fachmodul]]<br/>
| |
| Vague, but Exciting: An Introduction to Web Technologies<br />
| |
| ''Instructor:'' [[Jason Reizner]]<br/>
| |
| ''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br/>
| |
| ''Capacity:'' max. 15 students<br/>
| |
| ''Language:'' English<br/>
| |
| ''[[Zeitraster|Date]]:'' Mondays, 13:30 to 16:45<br/>
| |
|
| |
|
| ''Location:'' Marienstr. 7b, Room 105<br/>
| |
|
| |
| ''First Meeting:'' '''18 April 2016, 13:30'''
| |
|
| |
| ==Description==
| |
| "Vague, but exciting."
| |
|
| |
| Writing these three words on the cover of Sir Tim Berners-Lee's first draft of "Information Management: A Proposal" in 1989, CERN supervisor Mike Sendell approved work on the research project that became the starting point for what we now know as the World Wide Web. Over the span of 25 years, the web has emerged from its roots as a hypertext experiment to help physicists flexibly mediate large amounts of information, becoming the killer app that brought the Internet into mainstream use and popular consciousness.
| |
|
| |
| Today the web is no longer itself just an application: it is both the fundamental architecture underpinning the largest structured collection of human content ever assembled, as well as the core technology central to the emergence and maturation of mobile and pervasive computing. In this module, participants are offered the opportunity to get acquainted with the technical fundamentals of contemporary web technology, and to develop the requisite skills necessary to creating and working with web content in artistic, professional and research contexts.
| |
|
| |
| Course Topics include:
| |
|
| |
| Internet Architecture<br/>
| |
| Client-Server Model<br/>
| |
| OSI Stack Model<br/>
| |
| HTTP & the Application Layer<br/>
| |
| <br/>
| |
| HTML: Syntax and Elements<br/>
| |
| Document Object Model (DOM)<br/>
| |
| CSS<br/>
| |
| Aesthetics & Usability<br/>
| |
| Accessibility<br/>
| |
| <br/>
| |
| JavaScript<br/>
| |
| XML/Semantic Web<br/>
| |
| AJAX<br/>
| |
| <br/>
| |
| Server Side Scripting (PHP, Perl et al.)<br/>
| |
| Databases<br/>
| |
|
| |
| ==Admission requirements==
| |
| This is an introductory course with no technical pre-requisites.
| |
| Concurrent enrollment in another IFD course offering is strongly encouraged.
| |
|
| |
| ==Registration procedure==
| |
| Registration for Summer Semester 2016 is now closed.
| |
|
| |
| ==Evaluation==
| |
| Successful completion of the course is dependent on regular attendance, active participation, completion of weekly assignments and delivery of a relevant [[/SemesterProject |semester project]]. Please refer to the [[/EvaluationRubric |Evaluation Rubric]] for more details.
| |
|
| |
| ==Eligible participants==
| |
| Fachmodul:<br />
| |
| MFA Medienkunst/-gestaltung, MFA Media Art and Design, MSc MediaArchitecture
| |
| <br /><br />
| |
|
| |
| ==Syllabus (subject to change)==
| |
| '''18 April'''<br />
| |
| Introduction<br />
| |
| Course Organization<br />
| |
| Administrative Housekeeping<br />
| |
| <br />
| |
| [[/EvaluationRubric | Semester Evaluation Rubric]]<br />
| |
| [[/Assignment-18Apr16 | Assignment]]<br />
| |
| <br /><br />
| |
| '''25 April'''<br />
| |
| How does this work?<br />
| |
| How did we get here?<br />
| |
| A brief history of networked computing<br />
| |
| Client/Server Relationship<br />
| |
| OSI Stack Model<br />
| |
| <br />
| |
| [[/Sources-25Apr16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-25Apr16 | Assignment]]<br />
| |
| [[/SemesterProject | Semester Project Overview]]<br />
| |
|
| |
| <br /><br />
| |
| '''2 May'''<br />
| |
| What is HTTP?<br />
| |
| What is HTML?<br />
| |
| Abstraction of Content and Presentation Layers<br />
| |
| What is CSS?<br />
| |
| <br />
| |
| [[/Sources-02May16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-02May16 | Assignment]]<br />
| |
| <br />
| |
| <br />
| |
| '''9 May'''<br />
| |
| A Crash Course in Web Design<br />
| |
| Designing for the Screen vs. Designing for the Page<br />
| |
| Typography<br />
| |
| Accessibility<br />
| |
| Responsive Design<br />
| |
| Using CSS<br />
| |
| <br />
| |
| [[/Sources-09May16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-09May16 | Assignment]]<br />
| |
| <br />
| |
| <br />
| |
| '''16 May'''<br />
| |
| No Class - Pfingstmontag<br />
| |
| <br />
| |
| <br />
| |
| '''23 May'''<br />
| |
| Usability and UX Design<br />
| |
| UX Evaluation Techniques<br />
| |
| <br />
| |
| HTML/CSS Hands-on Demo<br />
| |
| <br />
| |
| [[/Sources-23May16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-23May16 | Assignment]]<br />
| |
| <br />
| |
| <br />
| |
| '''30 May'''<br />
| |
| What is DOM?<br />
| |
| What is Javascript?<br />
| |
| What is XML?<br />
| |
| <br />
| |
| [[/Sources-30May16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-30May16 | Assignment]]<br />
| |
| <br />
| |
| <br />
| |
| '''6 June'''<br />
| |
| Midterm Presentations<br />
| |
| <br />
| |
| <br / >
| |
| '''13 June'''<br />
| |
| No Class - IFD Doktorkolloq<br />
| |
| <br />
| |
| For next week, please review the following text:<br />
| |
| http://adaptivepath.org/ideas/ajax-new-approach-web-applications/<br />
| |
| <br />
| |
| <br />
| |
| '''20 June'''<br />
| |
| AJAX and the Second Coming of the Web<br />
| |
| A Survey of HTML5 Frameworks<br />
| |
| Under the Hood with Bootstrap<br />
| |
| <br />
| |
| [[/Sources-20Jun16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-20Jun16 | Assignment]]<br /><br />
| |
| <br />
| |
| '''27 June'''<br />
| |
| The Semantic Web<br />
| |
| Web of Things<br />
| |
| <br />
| |
| [[/Sources-27Jun16 | Sources and Links from the Lecture]]<br />
| |
| [[/Assignment-27Jun16 | Assignment]]<br />
| |
| <br />
| |
| <br />
| |
| '''4 July'''<br />
| |
| No Class - xCoAx2016 Bergamo<br />
| |
| <br />
| |
| <br />
| |
| '''11 July'''<br />
| |
| Preparations for summaery16<br />
| |
| '''Note: Final Project Presentations will be postponed until 18-19 July'''<br />
| |
| Further information regarding time and location will be emailed shortly<br />
| |
| <br />
| |
| <br />
| |
| '''18-19 July'''<br />
| |
| Final Presentations<br />
| |
| <br />
| |
| Please select a timeslot for your presentation on the Doodle here:<br />
| |
| http://doodle.com/poll/9ym5h7i8emm9xg7b<br />
| |
| Presentation sessions will take place on both Monday '''and''' Tuesday (not exclusive or!)<br />
| |
| You should be prepared to remain for the entire session (13:30-17:30) on the day that you choose.<br />
| |
| <br />
| |
|
| |
| ==Further Reading==
| |
| TBA
| |
