Course title
M20810001
Web design and programming

SRIPIAN PEERAYA
Middle-level Diploma Policy (mDP)
Program / Major mDP Goals
先進国際課程 A-1 A-1 Students shall obtain basic and advanced knowledge and skills in mathematics, natural and computer sciences as well as presentation skills to communicate on their knowledge with scholars from various fields.
(改組前)先進国際課程 A-1 A-1 Students shall obtain basic and advanced knowledge and skills in mathematics, natural and computer sciences as well as presentation skills to communicate on their knowledge with scholars from various fields.
Purpose of class
This course aims to provide fundamental web design and programming technologies to create a website via the use of HTML, CSS, and PHP programming language.
Course description
In this course, students will gain an introduction to the basic concepts of the World Wide Web and the principles and tools used to develop web applications. Students will learn about the key protocols and technologies that underpin the internet, as well as the essential principles of functional web design, including information architecture and user experience.

The course will cover the following topics: Introduction to the World Wide Web, Overview of internet technology and protocols ,Functional web design principles
Creating well-designed and responsive web pages, Client-side programming for interactive web pages, Server-side scripting languages for generating dynamic web content, and so on.

Through a combination of lectures, hands-on exercises, and projects, students will develop practical skills in web development and gain a deep understanding of how to create effective and engaging web applications. By the end of the course, students will have the knowledge and tools necessary to design and develop their own responsive and interactive web pages.
Goals and objectives
  1. The students are able to learn the nature of the Web
  2. The students are able to understand the structure of the Web and Client/Server side programming
  3. The students are able to apply fundamental knowledge and are able to fully capable of implementing his/her web from scratch
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 unless prior consultant with the professor.
Language
English
Class schedule

Class schedule HW assignments (Including preparation and review of the class.) Amount of Time Required
1. - Guidance
- Web application technologies and architecture
- Introduction to the WWW and the internet
- Static and dynamic website
- Tools for web development
Preparation and review 100minutes
Homework 100minutes
2. HTML and CSS Fundamentals
- HTML structure and tags
Preparation and review 100minutes
3. HTML and CSS Fundamentals
- CSS syntax, rule and properties
- Applying CSS
Preparation and review 100minutes
Homework 100minutes
4. JavaScript Preparation and review 100minutes
Homework 100minutes
5. Midterm project presentation (HTML, CSS) Preparation and review 100minutes
Homework 100minutes
6. PHP fundamentals and server-side scripting Preparation and review 100minutes
Homework 100minutes
7. PHP fundamentals Preparation and review 100minutes
Homework 200minutes
8. MySQL fundamentals Preparation and review 100minutes
Individual work presentation & preparation 200minutes
9. advance MySQL Preparation and review 100minutes
Homework 100minutes
10. Assessing MySQL using PHP
- Form handling
Preparation and review 100minutes
Groupwork (Final project) PBL 1 - discussion with the group and work on the project outside class time 200minutes
11. Cookies, sessions, and authentication
Security Considerations for Web Applications
Final project planning and management (Group project)
Preparation and review 100minutes
Groupwork (Final project) PBL 2 - discussion with the group and work on the project outside class time 200minutes
12. Javascript and PHP validation and error handling
Final project proposal (Group project)
Preparation and review 100minutes
Groupwork (Final project) PBL 3 - discussion with the group and work on the project outside class time 200minutes
13. Final Project Development (Group project) Preparation and review 100minutes
Groupwork (Final project) PBL 4 - discussion with the group and work on the project outside class time 200minutes
14. Final Project Presentation (Group project) Groupwork & presentation preparation (before the final presentation) 175minutes
Total. - - 3275minutes
Feedback on exams, assignments, etc.
ways of feedback specific contents about "Other"
Feedback outside of the class (ScombZ, mail, etc.)
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
These classes are recommended but not mandatory
Introduction to Computer Programming, Introduction to Computer Networks
Office hours and How to contact professors for questions
  • Face-to-face discussion is available at the professor’s office at Toyosu campus, Main building 11I10-2
    Require prior Appointment by email (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
  • 4.QUALITY EDUCATION
  • 9.INDUSTRY, INNOVATION AND INFRASTRUCTURE
Last modified : Sat Mar 14 13:54:36 JST 2026