(Tiểu luận) tiểu luận môn học lập trình web xây dựng website bán điện thoại

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KĨ THUẬT CÔNG NGHỆ TIỂU LUẬN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN ANH KIỆT MSSV: 1924801030041 SVTH: TRẦN MINH SƠN MSSV: 1924801030141 LỚP: D19PM02 BÌNH DƯƠNG – 8/2021 0 Tieu luan Xây dựng website bán điện thoại VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: LẬP TRÌNH WEBSITE BÁN ĐIỆN THOẠI Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH 0 Tieu luan Xây dựng website bán điện thoại PHIẾU ĐÁNH GIÁ PROJECT (Đánh giá trình thực hiện, báo cáo văn sản phẩm) Học phần: LẬP TRÌNH WEB Họ tên sinh viên (MSSV): Nguyễn Anh Kiệt Trần Minh Sơn Tiêu chí Trọng Tốt Khá số % 100% 75% Trung bình 50% Kém 0% Tích cực tìm Nêu ý 05 kiếm Tìm chủ kiếm động đưa đưa ra ý ý tưởng tưởng mang tốt tưởng Thái độ tham gia Không quan tâm số lựa chọn ý tưởng đề nghị Hoàn Khá Lập toàn hợp lý, kế hợp lý, điều khơng chỉnh thực cần chút điều theo chỉnh góp ý Chuẩn Chuẩn bị tốt bị bị hoạch Quá trình Giai thực đoạn nghiêm túc tưởng tính tích cực project Chọn ý chuẩn 05 10 bị Chưa hợp lý, có điều chỉnh theo theo góp ý Chuẩn đa số số điều điều điều kiện kiện kiện Tieu luan khơng điều chỉnh góp ý Không hợp lý Không chuẩn bị điều kiện Xây dựng website bán điện thoại cho cho cho việc việc việc thực thực thực hiện, project, khởi cần bổ khởi động sung động bổ thêm sung có sau thể khởi động Thực Thực Thực hoàn toàn 10 phương Giai pháp đoạn phương pháp, sai sót nhỏ có sửa chữa thực hiện tương đối phương pháp, sai sót quan Thực khơng phương pháp, sai sót khơng sửa chữa trọng có sửa chữa Triển khai 10 kế hoạch Triển Triển khai khai tương Triển khai chậm đối trễ, gây ảnh hưởng kế không khắc phục hoạch, kế có hoạch, chậm có Tieu luan Xây dựng website bán điện thoại trễ chậm trễ gây không ảnh gây hưởng ảnh hưởng khắc phục Mức Ghi rõ mục tiêu thành phần (ở giai độ đoạn project) thang điểm cụ thể đạt mục 20 tiêu thành phần Nội dung Báo cáo báo kết cáo văn rõ ràng 10 - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút - Format quán - Văn phong phù hợp - Xây dựng đầy đủ chức Trình bày 10 báo cáo Chất lượng sản phẩm đáp ứng 20 tiêu chí đề ĐIỂM PROJECT NHĨM ĐIỂM CỦA NHĨM: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: 0 Tieu luan Xây dựng website bán điện thoại - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Phần 2: Đánh giá cá nhân làm việc nhóm Làm việc nhóm Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn Kết sử dụng để qui đổi từ điểm nhóm thành điểm cá nhân, tuỳ theo % cá nhân đạt 1) Thành viên có tham gia họp đầy đủ: 40% Đầy đủ: 40% Vắng họp lần: 20% Vắng họp lần: 0% 2) Thành viên nộp sản phẩm giao hạn: 40% Đúng hạn: 40% Trễ ngày: 20% Trễ ngày: 0% 3) Thành viên có tham gia giải vấn đề, đóng góp ý kiến cải tiến: 20% Đóng góp đạt hiệu quả: 20% Có quan tâm đóng góp: 10% Khơng quan tâm: 0% Danh sách thành viên Nhóm: (Nguyễn Anh Kiệt): Điểm làm việc nhóm (%):90% (Trần Minh Sơn): ĐIỂM THÀNH VIÊN Điểm làm việc nhóm (%): 90% NHĨM KIỆT-SƠN TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC (do nhóm ghi) THÀNH VIÊN TRONG NHÓM: SV1 Nguyễn Anh Kiết Kiệt 0 Tieu luan SV2 Trần Minh Sơn Sơn Xây dựng website bán điện thoại Danh sách thành viên Nhóm: (Nguyễn Anh Kiệt): Điểm cá nhân: (Trần Minh Sơn): ĐIỂM CỦA CÁ NHÂN Điểm cá nhân: (do GV ghi) TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh GÓP Ý CẢI TIẾN CHO CÁ NHÂN: 1) Tên SV: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 2) Tên SV: Ghi nhận GV GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: (phần GV ghi lưu - Về phương pháp học tập, suy nghĩ, xử lý vấn riêng để theo dõi, tư vấn cho đề: cá nhân SV, không phổ biến - Về kiến thức, kỹ năng, thái độ: cho lớp, nhóm) - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 3) Tên SV: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 0 Tieu luan Xây dựng website bán điện thoại 4) Tên SV: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: 0 Tieu luan Xây dựng website bán điện thoại MỤC LỤC TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT LỜI NÓI ĐẦU 12 CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 12 1/ Tên đề tài: 12 2/ Mục tiêu đề tài: 13 3/ Ý nghĩa đề tài: 13 4/ Đối tượng phạm vi đề tài: 13 4.1/ Đối tượng đề tài: 13 4.2/ Phạm vi đề tài: 13 5/ Một s ố trang website: 14 5.1/ Phần WEBSITE: 14 5.2/ Phần quản trị: 14 CHƯƠNG II: GIỚI THIỆU CÁC CÔNG NGHỆ 15 1/ Giới Thiệu Về HTML 15 1.1/ HTML gì? 15 1.2/ Công dụng HTML 15 1.3/ Định dạng HTML 15 2/ Giới thiệu Bootstrap: 15 3/ Ngôn ngữ CSS 16 4/ Ngôn ngữ Javascript 16 5/ Giới thiệu ngôn ngữ ASP.NET: 16 6/ ASP.NET WEBFORM: 17 Chương III: Phân Tích Thiết Kế Hệ Thống 18 1/ Danh sách Actor: 18 2/ Danh sách use – case: 18 3/ Sơ đồ USE-CASE: 19 3.1/ Sơ đồ use-case tổng quan: 19 4/ Đặc tả USE – CASE: 19 0 Tieu luan Xây dựng website bán điện thoại 4.1/ Use-Case Đăng nhập(đăng kí): 19 4.2/ Use – Case lọc s ản phẩm 20 4.4 Use – Case xem hóa đơn : 21 4.5.Use – Case giỏ hàng: 22 4.6.Use – Case Thêm/Xóa/Sửa sản phẩm: 23 5/ Biểu đồ hoạt động: 24 5.1/ Biểu đồ hoạt động: Use – Case Đăng nhập: 24 5.2/ Biểu đồ hoạt động Use – Case Đăng kí: 24 5.3/ Biểu đồ hoạt động: Use – Case lọc sản phẩm: 25 5.4/ Biểu đồ hoạt động: Use – Case Giỏ hàng: 25 5.5/ Biểu đồ hoạt động: Use – Case thêm/xóa/sửa sản phẩm: 26 5.6/ Biểu đồ hoạt động: Use – Case xem hóa đơn: 26 6/ Biểu đồ lớp: 27 7/ Thiết kế sở liệu: 28 7.1/ Sơ đồ tổng quan CSDL: 28 7.2/ Cấu trúc liệu bảng ADMIN: 28 7.3/ Cấu trúc liệu bảng ChiTietHoaDon: 29 7.4/ Cấu trúc liệu bảng DonHang: 29 7.5/ Cấu trúc liệu bảng KhachHang: 29 7.6/ Cấu trúc liệu bảng NhaSX: 29 7.7/ Cấu trúc liệu bảng SanPham: 30 CHƯƠNG IV: WEBSITE BÁN ĐIỆN THOẠI 30 1/ Giao diện Trang Chủ: 30 2/ Giao diện Đăng nhập: 31 3/ Giao diện Đăng Kí: 31 4/ Giao diện Chi Tiết Sản Phẩm: 32 5/ Giao diện Điều Chỉnh Thông Tin Của Khách Hàng: 33 6/ Giao diện Giỏ Hàng: 33 7/ Giao diện Xem Và Tìm Kiếm Sản Phẩm: 34 8/ Giao diện Quản Lý Khách Hàng: 34 0 Tieu luan 1.2/ Công dụng HTML Thiết kế nội dung hình thức trang web Xuất tài liệu trực tuyến hay truy xuất thông tin trực tuyến cách dùng liên kết chèn vào trang web Tạo biểu mẫu trực tuyến nhằm thu thập thông tin người dùng, quản lý giao dịch… Thêm vào đối tượng hình ảnh video, âm thanh… 1.3/ Định dạng HTML Là tập tin có phần mở rộng htm html Là tập tin văn túy, có chứa mã đặc biệt gọi Tag(thẻ), thường đặt xung quanh khối văn Có thể viết nhiều trình soạn thảo: Microsoft Fontpage, notepad…và sử dụng nhiều adobe dreamweaver 2/ Giới thiệu Bootstrap: Bootstrap framework HTML, CSS, JavaScript cho phép người dùng dễ dàng thiết kế website theo chuẩn định, tạo website thân thiện với thiết bị cầm tay mobile, ipad, tablet, Tại l ại vậy? 0 Tieu luan Xây dựng website bán điện thoại Bootstrap bao gồm có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Trong bootstrap có thêm nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive bạn dễ dàng, thuận tiện nhanh chóng 3/ Ngơn ngữ CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS đượ c hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS ngồi Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi 4/ Ngôn ngữ Javascript Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngôn ngữ script có tên LiveScript để thực chức Sau đổi tên thành JavaScript để tận dụng tính đại chúng ngơn ngữ lập trình Java JavaScript ngơn ngữ dạng script gắn với file HTML Được trình duyệt diễn dịch, trình duyệt đọc JavaScript dạng mã nguồn 0 JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví dụ Tieu đối tượng Math với tất chức năngluan tốn học Nhưng JavaScript khơng ngôn ngữ hướng đối tượng C++/Java 5/ Giới thiệu ngôn ngữ ASP.NET: ASP.Net cho phép bạn lựa chọn ngơn ngữ lập trình mà bạn yêu thích: Visual Basic.Net, J#, C#,… Trang ASP.Net biên dịch trước Thay phải đọc thơng dịch trang web yêu cầu, ASP.Net biên dịch trang web động thành tập tin DLL mà Server thi hành nhanh chóng hiệu Yếu tố bước nhảy vọt đáng kể so với kỹ thuật thông dịch ASP 0 Tieu luan Xây dựng website bán điện thoại ASP.Net hỗ trợ mạnh mẽ thư viện phong phú đa dạng Net Framework, làm việc với XML, Web Service, truy cập sở liệu qua ADO.Net, … ASPX ASP hoạt động ứng dụng ASP.Net sử dụng phong cách lập trình mới: Code behide Tách code riêng, giao diện riêng dễ đọc, dễ quản lý bảo trì Kiến trúc lập trình giống ứng dụng Windows Hỗ trợ quản lý trạng thái control Tự động phát sinh mã HTML cho Server control tương ứng với loại Browser Hỗ trợ nhiều chế cache Triển khai cài đặt Không cần lock, không cần đăng ký DLL Cho phép nhiều hình thức cấu hình ứng dụng Hỗ trợ quản lý ứng dụng mức toàn cục Global.aspx có nhiều kiện Quản lý session nhiều Server, không cần Cookies 6/ ASP.NET WEBFORM: ASP.NET Web Form mở rộng mơ hình hướng kiện tương tác với ứng dụng web Trình duyệt gửi trang web lên Web Server, sau Web Server trả mã HTML xử lí ASP.NET Framwork giúp lưu trữ thông tin trạng thái ứng dụng dạng: Page state, Session state Page state trạng thái client, nội dung nhập vào input fileds web form Session state l tập hợp thông tin phiên làm việc 0 Tieu luan Xây dựng website bán điện thoại Chương III: Phân Tích Thiết Kế Hệ Thống 1/ Danh sách Actor: STT TÊN ACTOR Khách Hàng Quản Trị Viên Ý NGHĨA Là người ghé qua website, xem thông tin sản phẩm mua hàng Là người quản trị website: thực chức thêm, 0 sửa, xóa đối tượng: sản phẩm Tieu luansách Actor Bảng Danh 2/ Danh sách use – case: STT Tên USE-CASE Ý nghĩa Đăng nhập/ đăng kí Cho phép khách hàng đăng nhập(đăng kí) tài khoản Lọc Cho phép khách hàng lọc sản phẩm muốn, tùy thuộc vào yêu cầu khách hàng Giỏ hàng Use-Case cho phép người dùng phép đưa sản phẩm muốn mua vào giỏ hàng Thêm/xóa/sửa sản phẩm Cho phép thêm/xóa/sửa sản phẩm Xem hóa đơn Cho phép người quản lí xem tất hóa đơn lập Bảng Danh sách user – case 0 Tieu luan Xây dựng website bán điện thoại 3/ Sơ đồ USE-CASE: 3.1/ Sơ đồ use-case tổng quan: Hình 1: 0Sơ đồ 0use-case tổng quan Tieu luan 4/ Đặc tả USE – CASE: 4.1/ Use-Case Đăng nhập(đăng kí): Use - Case Nội dung Tên Use-Case Đăng nhập Mô tả Use-Case cho phép người dùng đăng nhập vào hệ thống để thực chức Actor Người dùng Sự kiện kích hoạt Khi người dùng chọn chức đăng nhập từ trang chủ hệ thống 0 Tieu luan Xây dựng website bán điện thoại Use-Case liên quan Đăng kí Tiền điều kiện Người dùng phải có tài khoản hệ thống (hoặc đăng kí) Hậu điều kiện Người dùng đăng nhập thành cơng Luồng kiện Hệ thống thị hình đăng nhập Người dùng nhập tên đăng nhập mật Hệ thống thị kiểm tra thông tin đăng nhập Nếu thành công hệ thống thị hình đăng nhập thành cơng Kết thúc Use-Case Luồng kiện phụ A1 – Đăng kí (rẽ nhánh bước 2, người dùng chọn chức đăng kí hình đăng nhập) Hệ thống thị hình cho phép người dùng nhập tên tài khoản, mật khẩu, sdt đăng kí, email v.v Hệ thống kiểm tra thông tin đăng kí hợp lệ (đúng hiển thị form đăng kí thành cơng) Hệ thống quay lại trang đăng nhập để khách hàng đăng nhập Kết thúc Use-Case Bảng Đặc tả Use-Case Đăng nhập 4.2/ Use – Case lọc sản phẩm Use - Case Nội dung Tên Use-Case Lọc sản phẩm Mô tả Cho phép khách hàng lọc sản phẩm theo yêu cầu Actor Khách hàng 0 Tieu luan Sự kiện kích hoạt Khách hàng chọn chức mua hàng trang web Xây dựng website bán điện thoại Use-Case liên quan Tiền điều kiện 0 Khách Tieu hàng phải vào trang web luan Hậu điều kiện Luồng kiện Khách hàng thấy sản phẩm vừa lọc xong Hệ thống hiển thị danh mục sản phẩm Người dùng chọn lọc sản phẩm cần mua Hệ thống thị danh sách sản phẩm Người dùng chọn sản phẩm cần mua Kết thúc Use-Case lọc sản phẩm Luồng kiện phụ Bảng Đặt tả Use – Case lọc sản phẩm 4.4 Use – Case xem hóa đơn : Use - Case Nội dung Tên Use-Case Xem hóa Mơ tả Cho phép người quản lý xem tất hóa đơn lập Actor Quản lý Sự kiện kích hoạt Người dùng chọn chức xem hóa đơn web Use-Case liên quan Tiền điều kiện Người quản lý phải đăng nhập Hậu điều kiện Hiện hóa đơn lập Luồng kiện Quản lý đăng nhập vào web Chọn xem hóa đơn Hệ thống tất hóa đơn lập Kết thúc UC Luồng kiện phụ Bảng Đặc tả Use – Case xem hóa đơn 0 Tieu luan Xây dựng website bán điện thoại 4.5.Use – Case giỏ hàng: Use - Case Nội dung Tên Use-Case Giỏ hàng Mô tả UC cho phép khách hàng đưa thông tin sản phẩm vào giỏ hàng Actor Khách hàng Sự kiện kích hoạt Use-Case liên quan Tiền điều kiện Sản phẩm chọn Hậu điều kiện Thêm giỏ hàng thành công Luồng kiện 0 Chọn chức thêm vào giỏ hàng để đưa sản phẩm Tieu luan chọn vào lưu trữ giỏ hàng Nếu chưa chọn sản phẩm mà nhấn nút thêm vào giỏ hàng thực luồng rẽ nhánh A1 Hệ thống hiển thị thông tin sản phẩm đưa vào giỏ hàng UC kết thúc Luồng kiện phụ Luồng rẽ nhánh A1:chưa chọn sản phẩm cần mua Hệ thống thông báo sản phẩm chưa chọn Hiển thị sản phẩm để khách hàng chọn Quay lại bước luồng kiện Bảng Đặc tả Use – Case Giỏ hàng 0 Tieu luan Xây dựng website bán điện thoại 4.6.Use – Case Thêm/Xóa/Sửa sản phẩm: Use - Case Nội dung Tên Use-Case Thêm sản phẩm Mô tả Cho phép người quản lý thêm sản phẩm lên hệ thống Actor Quản lý Sự kiện kích hoạt Quản lý chọn chức thêm/xóa/sửa sản phẩm hệ thống Use-Case liên quan Tiền điều kiện Đăng nhập vào hệ thống Hậu điều kiện Đăng sản phẩm thành công Luồng kiện Hệ thống thị hình đăng sản phẩm Hệ thống load danh mục sản phẩm Người dùng thêm/xóa/sửa sản phẩm Hệ thống kiểm tra Hệ thống thơng báo thêm/xóa/sửa thành cơng Kết thúc Use-Case Luồng kiện phụ Bảng Đặc tả Use – Case Thêm/Xóa/Sửa sản phẩm 0 Tieu luan Xây dựng website bán điện thoại TÀI LIỆU KHAM KHẢO Link: “Thiết kế website” thầy Nguyễn Hữu Vĩnh Website WWW: http://www.hiepsiit.com Truy cập ngày 15/07/2021 Sách: Lập Trình WEB với ASP.NET Ths.Nguyễn Minh Đạo NXB: ĐHQGHCM – 2014 Truy cập ngày 15/07/2021 Link: https://nhanh.vn/10-muc-dich-xay-dung-website-cua-cac-doanh-nghiepn42526.html Truy cập ngày 15/07/2021 0 Tieu luan ... điện thoại xây dựng dựa khảo sát từ trang web bán điện thoại khác Để nắm bắt thực rõ ràng chiến lược quan trọng Xây dựng website bán điện thoại 0 Tieu luan dự án website bán điện thoại này, nhóm... I: TỔNG QUAN VỀ ĐỀ TÀI 1/ Tên đề tài: Đề tài: “XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI” 0 Tieu luan Xây dựng website bán điện thoại 2/ Mục tiêu đề tài: Website cung cấp thông tin cách nhanh chóng đầy... I: TỔNG QUAN VỀ ĐỀ TÀI 1/ Tên đề tài: Đề tài: “XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI” 0 Tieu luan Xây dựng website bán điện thoại 2/ Mục tiêu đề tài: Website cung cấp thơng tin cách nhanh chóng đầy