Đồ án thiết kế i đề tài xây dựng website bán máy tính

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN ĐIỆN TỬ - VIỄN THÔNG ĐỒ ÁN THIẾT KẾ I ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN MÁY TÍNH Giảng viên hướng dẫn: TS Lê Quang Thắng Sinh viên thực Lớp MSSV Nguyễn Văn Hiếu Điện tử 02 – K65 20203421 Hà Nội, 8-2023 MỤC LỤC LỜI NÓI ĐẦU TÓM TẮT ĐỒ ÁN CHƯƠNG 1: LÝ THUYẾT 1.1 HTML 1.1.1 Khái niệm 1.1.2 Cấu trúc đoạn HTML 1.1.3 Các thẻ thường gặp HTML 1.2 CSS 11 1.2.1 Khái niệm 11 1.2.2 Thuộc tính 11 1.2.3 Cấu trúc thuộc tính 11 1.2.4 Nhúng CSS vào website 12 1.3 Javascript 13 1.3.1 Khái niệm 13 1.4 Visual Studio Code 13 CHƯƠNG 2: THIẾT KẾ HỆ THỐNG 15 2.1 Phân tích yêu cầu đề tài 15 2.1.1 Yêu cầu 15 2.1.2 Yêu cầu đặt 15 2.1.2.1 Thiết bị phần mềm 15 2.1.2.2 Yêu cầu trang web 15 2.2 Sơ đồ phân cấp chức 16 2.3 Sơ đồ luồng liệu 17 2.3.1 Sơ đồ luồng liệu mức ngữ cảnh 17 2.3.2 Sơ đồ luồng liệu mức đỉnh 17 2.4 Chuẩn hóa…………………………………………………………………………… 2.5 Cơ sở liệu 20 CHƯƠNG 3: KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN 19 3.1 Kết sản phẩm 19 3.2 Hướng phát triển 24 CHƯƠNG 4: KẾT LUẬN 25 TÀI LIỆU THAM KHẢO 26 LỜI NÓI ĐẦU Ngày nay, Internet trở thành dịch vụ phổ biến, thiết yếu có ảnh hưởng lướn tới nhiều lĩnh vực sống người thói quen, sinh hoạt giải trí,… Cùng với đó, lĩnh vực mua sắm ngày phát triển mạnh mẽ.Một số mua sắm trực tuyến thành công chiếm nhiều thu hút sàn thương mại điện tử Shopee, Lazada, Tiki Nhận thấy đề tài thực tế với yêu cầu môn học, em định lựa chọn đề tài: Xây dựng trang web bán máy tính làm đề tài thức để hồn thành học phần đồ án thiết kế I Với đề tài mơn học này, em xin cảm ơn giúp đỡ hướng dẫn thầy Lê Quang Thắng Do nhiều hạn chế kiến thức kỹ nên q trình thực đề tài, em khơng tránh khỏi thiếu sót Em mong nhận góp ý để sản phẩm ngày hoàn thiện Em xin trân trọng cảm ơn! DANH MỤC HÌNH VẼ Hình 2.2 Sơ đồ phân cấp chức 17 Hình 2.3.1 Sơ đồ luồng liệu mức ngữ cảnh 18 Hình 2.3.2 Sơ đồ luồng liệu mức đỉnh 17 Hình 2.5.1 Thơng tin người dùng 21 Hình 2.5.2 Thơng tin phim 21 Hình 3.1.1 Giao diện đăng nhập website .22 Hình 3.1.2 Giao diện đăng ký website 22 Hình 3.1.3 Giao diện trang chủ .23 Hình 3.1.4 Giao diện trang chi tiết phim .23 Hình 3.1.5 Giao diện trang đăng phim 24 Hình 3.1.6 Giao diện trang danh sách phim 24 Hình 3.1.7 Giao diện trang thùng rác 25 DANH MỤC BẢNG BIỂU Bảng 1.1 Các thẻ cặp thẻ thường gặp HTML Bảng 2.4 Bảng chuẩn hoá liệu 20 TÓM TẮT ĐỒ ÁN Đồ án trình bày lý thuyết bước thực xây dựng website bán máy tính trực tuyến Nội dung đồ án gồm chương: - Chương chủ yếu tóm tắt lý thuyết ngơn ngữ sử dụng để xây dựng đề tài HTML, CSS, Javascript, NodeJS phần mềm sử dụng MongoDB Compass Visual Studio Code - Chương nói giai đoạn thực sản phẩm, bao gồm phân tích yêu cầu đề tài, tạo sơ đồ chức năng, chuẩn hoá, tạo sở liệu - Chương trình bày kết xây dựng đề tài, đưa hướng phát triển - Chương nêu kết luận sau thực đề tài CHƯƠNG 1: LÝ THUYẾT Chương trình bày tóm tắt lý thuyết ngơn ngữ sử dụng q trình làm đồ án HTML, CSS, Javascript,và phần mềm sử dụng Visual Studio Code 1.1 HTML 1.1.1 Khái niệm HTML (viết tắt từ HyperText Markup Language) ngôn ngữ đánh dấu siêu văn bản, dùng để xây dựng cấu trúc thành phần trang web HTML khơng phải ngơn ngữ lập trình Một tài liệu HTML hình thành phần tử HTML (HTML elements) quy định cặp thẻ (tags) Các cặp thẻ bao bọc dấu < > (ví dụ: ) Thơng thường phần tử HTML khai báo thành cặp thẻ mở đóng (ví dụ:

) khơng có thẻ đóng (ví dụ: ) 1.1.2 Cấu trúc đoạn HTML Dưới cấu trúc đoạn mã HTML: