AAIT Summer 2017 | Future Designers

Introduction to Web Design

[Course Objective] The objective of this course is to build a foundation in programming(using Python) and web design(using HTML,CSS,JS), ultimately to design a website introducing Korea and Ethiopia.

[Main Activities] This course is highly interactive; after each class, you will have lab-sessions where you can practice the concepts and programming on that day. You will also have a group project where you have to work cooperatively with 4~5 people to come up with an interesting & usable website. However, don't be scared. This course will provide enough lectures and professional instructors to help you. At any moment of this course, you can ask for help.

Schedule
Date Topic Comment
Week 1 Day 1 Introduction to Programming
  • Computational Thinking
  • Programming Language
  • Python
Day 2 Functions, Classes and Objects
  • Class
  • Objects
  • Hubo Lab
Day 3 Variables & Data Types
  • Object Types
  • Naming Rules
Day 4 Control Flow
  • Conditionals
  • Loops
Day 5 Summary & Quiz
Week 2 Day 1 HTML
  • Elements of Web Design
  • Tags
  • Attribute
Day 2 CSS
  • Table
  • Navigation Bar
Day 3 JavaScript
  • Input & Output
  • Functions
  • Events
Day 4 JS, HTML, DOM
Day 5 Summary & Quiz
Week 3 Day 1 Ideation & Paper Prototyping
  • Usability Issues
  • Ideation
  • Design Guidelines
  • Prototyping & Prototyping Test
  • Four Group Activities (no lab on this day)
Day 2 Implementation 1
  • Five examples of UI features
  • Implementation
Day 3 Implementation 2
  • Implementation
  • Feedbacks from instructors
Day 4 User test & Iteration
  • User test
  • Design iteration
Day 5 Presentation & Final Exam
  • Final presentation
  • Class wrap-up
  • Final exam
Topics
  • Programming Principles
    • Python
    • Programming Concepts
    • Hubo Labs
  • Web Design
    • HTML
    • CSS
    • JavaScript
  • Project Implementation
    • Ideation Process
    • Prototyping
    • User Testing
Grading
  • Quiz: 20%
  • Presentation: 20%
  • Project Outcome: 20%
  • Exam: 40%
  • Presentation Requirements
  • Time: 1.5 ~ 2 minute
  • Contents to include:
    • General introduction on your website
    • Similarities and differences between the countries
    • Two features that used JavaScript
    • One Interesting usable feature
Lecture Style
  • Week 1 & 2
    • Lecture (1.5 hour)
    • Lab session (1.5 hour)
    • Quiz (on the last day of a week)
  • Week 3
    • Lecture + Group Project (3 hour)
    • Presentation + Exam (on the last day)