Course title
M20810001
Web design and programming

sripian peeraya
Course description
This course introduces the basic concepts of the World Wide Web and the principles and tools that are used to develop Web applications. Students will learn the overview of Internet technology and will be introduced to current Web protocols. Students will learn functional web design principles including information architecture and user experience to create and publish well-designed and responsive webpages. Also, students will learn Client-side programming for the creation of interactive web pages that improve the user interface, as well as the server-side scripting language to generate dynamic web content.
Purpose of class
The aim of this course is to provide fundamental web design and programming technologies to create a website via the use of HTML, CSS and PHP programming language.
Goals and objectives

Goals and objectives Course Outcomes
1. The students are able to learn the nature of the Web
A-1
2. The students are able to understand the structure of the Web and Client/Server side programming
A-1
3. The students are able to apply fundamental knowledge and are able to fully capable of implementing his/her own web from scratch
A-1
Language
English
Class schedule

Class schedule HW assignments (Including preparation and review of the class.) Amount of Time Required
1. Introduction to the WWW and the internet Preparation and review 100分
2. HTML, Clients-servers, browser, the web, anatomy of website, web design trends Preparation and review 100分
3. Setting up the development server, Introduction to HTML & PHP Preparation and review 100分
Homework (set up the server) 100分
4. CSS and the design of the webpage, CSS tags Preparation and review 100分
Homework (HTML and CSS) 100分
5. Introduction to Twitter Bootstrap, JavaScript and JQUERY, Workshop Preparation and review 100分
Groupwork (HTML, CSS, JavaScript) 200分
6. PHP programming structure, Installing PHP/MySQL client-server Preparation and review 100分
Groupwork (PHP) 100分
7. Creating a webpage with PHP and HTML 1 Preparation and review 100分
Groupwork (Create webpage) 200分
8. Creating a webpage with PHP and HTML 2 Preparation and review 100分
Groupwork (Create webpage) 200分
9. Introduction to MySQL, database terminology, MySQL command line Preparation and review 100分
Homework (MySQL command) 100分
10. Assessing MySQL using PHP, File and directory handling with PHP Preparation and review 100分
Groupwork (MySQL, PHP) 200分
11. Design and implementation of form, input, sending data between pages, form handling using PHP Preparation and review 100分
Groupwork (MySQL, PHP cont.) 200分
12. Form and input to MySQL Preparation and review 100分
Groupwork (Form) 200分
13. Session and cookie, Web security Preparation and review 100分
Groupwork (Login page) 200分
14. Final project presentation Groupwork & presentation preparation 175分
Total. - - 3275分
Relationship between 'Goals and Objectives' and 'Course Outcomes'

Discussion Individual assignment Group work Total.
1. 10% 0% 0% 10%
2. 5% 10% 15% 30%
3. 5% 15% 40% 60%
Total. 20% 25% 55% -
Evaluation method and criteria
Discussion (20%), Individual assignment (25%) and Group work (55%) are the criteria of the grade. More than 60% of the total score is needed for getting the course credit.
<Note>
Students are marked absent from the class if they are late regardless of the delay time.
If students are absent from more than one-third of the total number of classes, the credit of this course cannot be given to them.
Even though students are absent from the class whatever the reason, e.g. sickness, delay of public transportation systems, forgetting to bring the student ID card, it is counted as an absence.
Textbooks and reference materials
Learning Web Design - 5th edition, Jennifer Nirderst Robbins, 2018
Prerequisites
Introduction to Computer Programming, Introduction to Computer Networks
Office hours and How to contact professors for questions
  • Weekdays: From 10:00 - 16:30 by email or face-to-face discussion at 4F-Research building office (appointment only)
Regionally-oriented
Non-regionally-oriented course
Development of social and professional independence
  • Course that cultivates an ability for utilizing knowledge
  • Course that cultivates a basic interpersonal skills
  • Course that cultivates a basic problem-solving skills
Active-learning course
Most classes are interactive
Course by professor with work experience
Work experience Work experience and relevance to the course content if applicatable
N/A N/A
Education related SDGs:the Sustainable Development Goals
    Last modified : Sat Mar 21 11:45:55 JST 2020