Web design and programming

Course title

M2081000

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.	- Guidance - Introduction to the WWW and the internet - Static and dynamic website - Tools for web development	Preparation and review	100分
1.		Homework	100分
2.	HTML and CSS	Preparation and review	100分
2.	HTML and CSS
3.	- CSS and the design of webpage, CSS tags - CSS pre-processor	Preparation and review	100分
3.		Homework	100分
4.	- Responsive Web Design	Preparation and review	100分
4.	- Responsive Web Design	Homework	100分
5.	JavaScript 1	Preparation and review	100分
5.	JavaScript 1	Homework	100分
6.	JavaScript 2	Preparation and review	100分
6.	JavaScript 2	Homework	100分
7.	JavaScript 3	Preparation and review	100分
7.	JavaScript 3	Homework	200分
8.	Submission and presentation of midterm project	Preparation and review	100分
8.	Submission and presentation of midterm project	Individual work presentation & preparation	200分
9.	- AJAX + PHP 1 - MVC concepts	Preparation and review	100分
9.	- AJAX + PHP 1 - MVC concepts	Homework	100分
10.	- PHP 2 - Final project (PBL 1)	Preparation and review	100分
10.	- PHP 2 - Final project (PBL 1)	Groupwork (Final project) PBL 1	200分
11.	- MySQL 1 - Final project (PBL 2)	Preparation and review	100分
11.	- MySQL 1 - Final project (PBL 2)	Groupwork (Final project) PBL 2	200分
12.	- MySQL 2 - PHP integration - Final project (PBL 3)	Preparation and review	100分
12.	- MySQL 2 - PHP integration - Final project (PBL 3)	Groupwork (Final project) PBL 3	200分
13.	- Final project (PBL 4)	Preparation and review	100分
13.	- Final project (PBL 4)	Groupwork (Final project) PBL 4	200分
14.	Final project presentation	Groupwork & presentation preparation	175分
Total.	-	-	3275分

Relationship between 'Goals and Objectives' and 'Course Outcomes'

	In class activity	Assignment	Midterm project	Final project	Total.
1.	5%	10%	5%		20%
2.	5%	5%	5%	15%	30%
3.		10%	15%	25%	50%
4.					0%
Total.	10%	25%	25%	40%	-

Evaluation method and criteria

In class activity (10%), Assignment (25%), Midterm project (25%), and Final Project (40%) 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

https://www.w3schools.com/
Learning Web Design - 5th edition, Jennifer Nirderst Robbins, 2018
Web Programming Step by Step, Marty Stepp, Jessica Miller, and Victoria Kirst, 2013

Prerequisites

Introduction to Computer Programming, Introduction to Computer Networks

Office hours and How to contact professors for questions

Office hours: Wed 1PM-4PM, Friday 1PM-4PM
Prior Appointment by email only (peeraya@shibaura-it.ac.jp)

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 applicable
N/A	N/A

Education related SDGs:the Sustainable Development Goals

Last modified : Sun Mar 21 16:55:44 JST 2021