Midterm Assignment (MR - Khoa Tutorial Classes)

kjh

Uploaded by

chituan2k5sp

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

4 views

Midterm Assignment (MR - Khoa Tutorial Classes)

kjh

Uploaded by

chituan2k5sp

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 4

HANOI UNIVERSITY

Faculty of Information Technology

61FIT2PCO
62FIT2PCO
Principles of Computing

MIDTERM PROJECT
Interview Week: Week 9

PCO – Principle of Computing

Create a front-end website using HTML and CSS (you can use Bootstrap or TailwindCSS as a
framework for easier and faster web development).
1. State your mobile is friendly https://search.google.com/test/mobile-friendly
2. Make sure your site working well on different resolution, by pressing F12 from your
browser, you can check your responsiveness or go to http://responsivetesttool.com/
 Iphone
 Desktop
 Laptop
 Ipad
 Android
3. Accessibility: make sure your site is for targeted audience and is assessable by as many
users of possible. (the young, the elderly, the disabled people….)
4. Universal design
 Color scheme
 Font size
 Layout
 Make sure your site is standardized: https://jigsaw.w3.org/css-validator/
5. Use creative common photos, cite your photos.
- Photos: Link.
- If photos are yours, state that.

Recommendation Guideline: You can follow steps below to make the workflow becomes
more comfortable:

 Step 1: Choose the topic you want to make the webpage: portfolio, e-commerce page,
landing page, commercial page, education page…

 Step 2: Design how your webpage will look like, in this part you can use Photoshop,
Figma or even draw on paper. Remember in this step, you also need to decide the
suitable color or font for text… to make it beautiful and easy to read.

 Step 3: From the design, you will need to consider main parts will be contained inside

PCO – Principle of Computing

your webpage. Once you had divided into parts, create your HTML file to show all parts
of your webpage.

 Step 4: When you had done with the HTML with multiple tags along with id and class,
now it’s time for you to make it beautiful as what you had design using Ps or Figma by
creating and do coding work with the CSS. Remember that beside adding color, text font,
sizing, border… you can also make your webpage “responsive” with the CSS. (Hint: try
with @media)

 Step 5: After you had done all work with HTML and CSS, you need to check your
webpage carefully on Google Chrome, including the part of responsive checking on
several types of devices.

SUBMISSION AND INTERVIEW DATE:

Deadline to submit your project on LMS: 11.50pm, 24/10/2023
(No extension for submission date, if you don’t submit your project on time, you will get 0
point and not allowed to join the interview)

You will have to present your work as an interview on the tutorial class of Week 9. For more
detail, the timeline of interview day will be:
Wednesday, 25/10/2023: class PCO 03, PCO 01, PCO 02, PCO 07
Friday, 27/10/2023: class PCO 04
Monday, 30/10/2023: class PCO 05, PCO 06
(If you don’t join the interview, you will also get 0 point for your midterm)

SUBMISSION NOTE: You must zip all your work inside a zip file, name it with the format
[Yourname]-[StudentID].zip then submit it on the correct submission box.
For example, the student Tran Ngoc Khoa with student ID 1801040121 and belongs to class
PCO 01 will need to submit a zip file named Tran Ngoc Khoa – 1801040121.zip to the
submission box of PCO 01 class.
(If you don’t submit the correct format (.zip) with the correct name format, you will lose 50%
PCO – Principle of Computing
of your mark)

Below are the Youtube links of some example projects. DO NOT COPY IT TO SUBMIT, or
else you will get 0 point:

 https://www.youtube.com/playlist?list=PLSJxovi1IyDH-pPIe0OF0z_mW-WVdhmhx

 https://www.youtube.com/watch?v=yFcDHCOAue0

 https://www.youtube.com/watch?v=IXucQAEkIMo