Webdevelopment,Business academy aarhus

Frontend programming

1. semester - autumn 2009 - 1wu09a and 1wuo9B

Content

Objectives/Formål med faget
Syllabus/Litteratur
Lecture plan/Undervisningsplan

 


 

Formål

 

Brobygningsmodul for Datamatikere

Forudsætninger

Afsluttet datamatikeruddannelse eller tilsvarende.

Formål

Formålet er at sætte den studerende i stand til at udvikle moderne web-applikationer med anvendelse af det objekt-orienterede programmeringsparadigme, og med udnyttelse af de moderne, standardiserede protokoller og client/server-modellens muligheder. Hertil kommer forståelse for grundlæggende design og visuel kommunikation. Modulet skal ligeledes sætte den studerende i stand til at designe simple brugergrænseflader ved anvendelse af æstetiske og kommunikative principper.

 

English version:

Bridging modul for Computer science

Preconditions

Completed computer science degree or equivalent.

Objectives

Develop modern webapplications with focus on the frontend/clientside. => Rich internet applications (RIA)
Knowledge about fundamental design and communication in relation to webdesign. => Elements of user experience

Multimediedesigner lite competences.

 

 

 

Teaching methodes:

 

Syllabus/Litteratur

Textboxs

Forfatter(e) Titel    Udgiver
Jesse James Garrett

The elements of user experience

on amazon

htmlbook New Riders
Elliot Jay Stocks
Sexy Webdesign
on Amazon
flashbook Sitepoint

Supplerende ressoucer/noter

Titel 
http://www.sitepoint.com/recentarticles/
http://delicious.com/bjarne2007/pba

 

Lecture plan


Day Week Content Pensum etc.
1 37 Frontend  1:12 Intro and Rich Internet Applications
  • Intro
  • Frontend vs. Backend
  • Rich Internet Applications
  • Model of the elements of user experience


Elements of User experience Chapter 1-2

Thesis about Rich Internet Applications(RIA)
Chapter 1-2,4

2 38 Frontend 2:12 Strategy and research
  • User needs
    • Qualitative and Quantitativ research
    • Segmentation
    • Personas
    • Usability
  • Site Objectives
    • Branding
    • SWOT, Positioning
    • Effects, measurement
  • Communication models
  • Communication plan

 

Elements of User experience Chapter 3

Approaches to Creating Personas (Steve Mulder chapter 3)

Intro to Personas

 

 

 

 

  39
Read and discuss MMD exam projects - exercise day 2
3 40 Frontend 3:12 Scope and Structure
  • Requirement specification
    • Functionality
    • Content
    • Mood, Look and Feel
  • Structure
    • Interaction Design (Scenario, Use cases)
    • Informationsarchitecture
    • Modelling (sitemape etc.)
  • The skeleton Plan
    • Interface design
    • Navigation design
    • Wireframes

 

Feedback on the MMD exam projects.


Elements of User experience Chapter 4-6

Sexy Webdesign chapter 2,3,4

4 41 Frontend 4:12 The surface Plan - Visual design, Multimedia design
  • Visual design
    • Composition
    • Contrast
    • Colors
    • Typography
  • Multimedia elements

Project 1: Analyze a website where you use the model from "the elements of the user experience".

 

Elements of User experience Chapter 7-8

Sexy Webdesign chapter 5,6

  42 Efterårsferie  
5

43

d.20/10

Frontend 5:12 Presentation, discussion with opponents and feedback
  • Redesign considerations

 

 

 
6

45

d.27/10

Frontend 6:12 Webdesign with DHTML and more
  • XHTML
  • CSS
  • JavaScript and DOM
  • Jquery
  • Ajax

 

Jesse James Garrett(2005):

AJAX - A new Approache to Webapplications

Read on wikipedia about:

Webapplication

DHTML =

HTML+CSS+JavaScript+DOM

AJAX

 

 

 

 

7

45

d.3/11

 

Frontend 7:12 Webdesign with Flash and ActionScript
  • Flash animation, sound and video (examples)
  • The Flash platform
  • Interactivity and ActionScript 3.0

 

Wikipedia about Flash

Flash versus AJAX

The Flashplatform overview (PDF)

 

Adobe tv about:

http://tv.adobe.com/watch/learn-flash-professional-cs4/introducing-flash-cs4-professional/

http://tv.adobe.com/watch/colin-moocks-lost-actionscript-weekend/course-1-introduction/

 

 

46

 

Multimedia days
8

47

d.17/11

Start of project 2 "Frontend project"

Project and supervision

(see description on Fronter)

 
9

48

d.24/11

 

Project and supervision  
10

49

d.1/12

 

Project and supervision  
11

50

d.8/12

 

Project and supervision  
12 d.16/12 Hand in the project  
  19/1 2010 Exam
Tuesday the 19. januar 2010 (see description on Fronter)
 

Lektionsplanen er vejledende - der vil  kunne forekomme ændringer i både emner og tider.