H UTECH BO GIAO DUC VA DAO TAO Đại học Công nghệ Tp.HCM — TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM ĐỎ ÁN HỌC PHẢN HOC PHAN: CONG NGHE PHAN MEM XAY DUNG WEBSITE 4FRUIT SHOP Khoa: Công Nghệ Thông Tin Giảng viên hướng dẫn: Ths. Dương Thành Phết Sinh viên thục hiện: 2011062503 Đặng Tiến Đạt 20DTHC3 2011061543 Nguyễn Đức Hùng 20DTHC3 2011770453 Nguyễn Cửu Tính 20DTHC3 2011143127 Vo Minh Long 20DTHC3 TP. Hồ Chí Minh, ngày 28 tháng 10 năm 2022 DANH MỤC HÌNH Hình 1-1 Hình anh logo HTML mH ON Hình 1-2 Hìmh anh logo CSS.
Hình 1-3 Hình ảnh logo JavaScript. Hình 1-4 Hìmh ảnh logo jQuery eC Hinh 1-5 Hinh anh logo mongoDB. Hinh 1-6 Hinh anh logoo NodeJS. 13 Hình 2-1 So dé thwe thé ERD 20 Hình 2-2 Sơ đồ ERD 21 Hình 2-3 Sơ đồ usecase tông quát 22 Hinh 2-4 So dé usecase Admin 23 Hình 2-5 So dé usecase Mua — Dét hang 24 Hinh 2-6 So dé usecase Quan lý tài khoản của User.
25 Hình 2-7 Sơ đồ usecase Xem giỏ hàng User. 26 Hinh 2-8 M6 hinh Sequence Diagram 27 Hinh 3-1 Giao dién trang chủ 30 Hình 3-2 Giao diện trang chủ - sản phẩm nỗi bật. 30 Hình 3-3 Giao diện trang chủ - sản phẩm 31 Hình 3-4 Giao diện trang chủ - thông tin liên hệ. 31 Hình 3-5 Giao diện đăng nhập 32 Hình 3-6 Giao diện đăng nhập Admin 32 Hình 3-7 Giao diện đăng kỹ.
33 Hình 3-8 Giao diện chọn sản phẩm cần thanh toán 33 Hình 3-9 Giao diện thanh toán 34 Hình 3-10 Giao diện hoàn tất đơn 34 Hinh 3-11 Giao dién lich sw mua hang. 35 Hình 3-12 Giao dién trang admin 35 Hình 3- 13 Giao diện thêm qdmin 36 Hình 3-14 Giao điện thêm sản phẩm 36 Hình 3-15 Giao điện sửa sản phẩm 37 Hình 3- 16 Giao điện xóa sản phẩm 38 Hình 3-17 Giao dién profile admin 39 Hinh 3-18 Giao dién profile user. 40 Hinh 3-19 Giao dién Blog. 40 Hinh 3-20 Database admin 41 Hinh 3-21 Database hoa don 42 Hinh 3-22 Database san phẩm 42 Hình 3-23 Dafabase người dùng 43 Hình 3-24 Tìm kiểm sản phẩm 43 DANH MUC BANG Bóng 1 Kết qu6 làm được 44 Bóng 2 Hướng phát triển 45 MUC LUC LOINOI DAU 1 LỜI CẢM ƠN.
2 LỜI CAM ĐOAN 3 PHIẾU PHÂN CÔNG NHIỆM VỤ 4 PHAN1. TONG QUAN VE HTML. Uu điểm, nhược điểm HITÌMI,. ch HH HH nu n1 nu kg ưu 5 1.
TONG QUAN VE CSS/SCSS/SASS.ooooooc cece cee ee eee ce ee ee ee te ee ce tetee ee eeeeeeecesieeeceeeeeeeeeee 6 121 GSXYA 0A. Ưu, nhược điềm JavaScript. 9 141 JOUCPY LG BI?. Các module phô biỂn CÚA .2 0808800N nh nẽn an.1 MongoDB le Bi? 000 nh h.
Ưu, nhược điềm của MongoDB. Ưu, nhược điềm của Nod&/JŠ. ác ST TH 1n 11 gan ru 13 1. NodeJS dùng để làm gÌ?.
cu n2 da 14 PHAN2. TONG QUAN HE THONG. DOI TUGNG VA MUC TIEU CUA WEBSITE. So dé thuc thé két TT.
SH TT T HH TH HT HH HH HT TH TH HT H11 11T 11 110111101 6. M6 hinh Sequence ÌDÏQBTHH. ch HH HH HH HH HH HH HH HH HH dc 27 2. W:J\) ccr (oi cù co ẽẽ.
TRANG THANH TOÁN. cece cece cede cee ce te ee ce eteesceee cesses teseieseieseieseieseseseeseeesesneseees 40 3. ee ce tee teste cece cete cee ecceseeesceesseeeseesseeteieseieseteseteseseseeeseesessesteesteeseeees 41 3. KET LUAN VA HUONG PHAT TRIEN 44 4.
KET QUA DAT DUGC. No Ge RE. HƯỚNG PHÁT TRIỄN, MỞ RỘNG ĐỀ TÀI. Q2 0012011231151 2111 11111111101 121112211211111111112 1112112112111 1151255 45 TAI LIEU THAM KHAO.
46 LOI NOI DAU Ngày nay, ứng dụng công nghệ thông tin va việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tô chức cũng như của các công ty, nó đóng vài trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ. Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng đạt được những thành tựu ở đăng cấp cao và lần lượt chính phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày cảng trở thành công cụ không thê thiếu. Là nền tảng chính cho sự truyền tải, trao đôi thông tin trên toàn cầu.
Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ đàng cho người sử dụng: chỉ cần có một chiếc máy tính kết nối với internet và nội dung cần tìm kiếm thì gân như cả thế giới này đang trong tay bạn. Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc đây sự khai sinh và phát triển của thương mai điện tử trên khắp thế giới, làm biến đổi đáng kê về văn hóa, nâng cao chất lượng cuộc sống con người. Trong hoạt động sản xuất, kinh doanh, thương mại điện tử giờ đây đã khắng định được vai trò xúc tiễn và thúc đây sự phát triển của doanh nghiệp.
Đối với một cửa hàng, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách hàng sẽ là cần thiết. Vị vậy, nhóm em thực hiện dé an “ Xây Dựng Website Kinh Doanh Rau Qua Tươi”, với đề tài và môn học này, nhóm xin chân thành cảm ơn sự giúp đỡ tận tình của Thầy Dương Thành Phết. Do còn nhiều hạn chế đề tài nhóm xây dựng không tránh khỏi những thiếu sót. Rất mong được thầy cô và các bạn đóng góp ý kiến để chương trình ngày cảng hoàn thiện và được đưa vào sử dụng.
LOI CAM ON Với lòng biết ơn sâu sắc nhất, chúng em xin gửi đến ơn thầy Dương Thành Phết người đã trực tiếp giúp đỡ, quan tâm, hướng dân chúng em hoàn thành tốt bài báo cáo này trong thời gian qua. Nhờ có những lời hướng dân, dạy bảo của các thầy nên đề tài học phần của chúng em mới có thể hoàn thiện tốt đẹp. Bài báo cáo thực hiện trong khoảng thời gian không nhiều bước đầu đi vào thực tế của chúng em còn hạn chế và còn nhiều bỡ ngỡ nên không tránh khỏi những thiếu sót. Chúng em rất mong nhận được những ý kiến đóng góp quý báu của thầy để kiến thức của chúng em trong lĩnh vực này được hoàn thiện hơn đồng thời có điều kiện bổ sung, nâng cao kiến thức của mình.
Chúng em xin chân thành cảm ơn! Sinh viên thực hiện Đặng Tiến Đạt Nguyễn Đức Hùng Nguyễn Cửu Tính Võ Minh Long LOI CAM DOAN Nhóm xin cam đoan đây là công trình nghiên cứu của nhóm, không sao chép bất cứ kết quả nghiên cứu nào của các tác giả khác. Các số liệu sử dụng phân tích trong đồ án có nguồn gốc rõ ràng, đã được công bố theo đúng quy định. Các kết quả nghiên cứu trong đồ án do nhóm tự tìm hiểu, phân tích một cách trung thực, khách quan và phù hợp với thực tiễn của Việt Nam. Các kết quả này chưa từng được công bố trong bất kỳ nghiên cứu nào khác.
Nội dung đồ án có tham khảo và sử dụng một số thông tin, tài liệu từ các nguồn sách, giáo trình được liệt kê trong danh mục tài liệu tham khảo. PHIEU PHAN CONG NHIEM VU Stt MSSV/Ho tén Nội dung công việc thực hiện Đánh giá tỉ lệ/Điêm 1 2011061543 Phân tích yéu cau, vé use case 35% Rowe N Đức H qe cras , lass, CTerd, Sequence Diagram 10d suyen tu nè chỉnh sửa báo cáo Xây dựng database users, products, bills, admins voi MongoDB Thiét két giao diện, chức nang trang home, trang Profile Xu ly API: Load user, san pham hién thi trén trang Home, tim kiém san pham, thêm, xóa, sửa sản phâm trong giỏ hàng user Trang profile chỉnh sửa thông tin user Load sản phâm đã mua trên trang purchase order 2 2011770453 Thiết kế giao diện và xử lý trang: 20% RA ne login va register Nguyên Cửu Tính ma : 9đ cu Thiet kê giao diện trang blogs Thiét ké footer 3 2011143127 Lam word bao cao 20% xNN: Tìm kiếm tài liệu Võ Minh Lon, m 8.5đ ° Phân tích vấn đề Lên kê hoạch bảo cáo Góp ý tưởng Thiết kê giao diện và xử lý trang thanh toán Thiết kê giao diện và xử lý trang cảm ơn Thiết kê giao diện và xử lý trang lịch sử mua hang(trang purchase orders) 4 2011062503 Phân tích yêu cầu, vẽ mô hình use 25% Đặng Tiến Đạt case, Sequence Diagram, Class 10d Diagram Lên kê hoạch, theo dõi và giám sát quá trình làm đô an (web, bao cao). Thiết kế giao diện và xử lý của trang admin, trang login admin. CO SO LY THUYET 1.
Tổng quan về HTML HTML Hình 1-1 Hình ảnh logo HTML L. HTML la gi? Tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Người ta thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,.Một Website thường chứa nhiều trang con và mỗi trang con này lại có một tập tin HTML riêng. Lưu ý, HTML không phải là ngôn ngữ lập trình.
Điều này có nghĩa là nó không thể thực hiện các chức năng “động”. Hiểu một cách đơn giản hơn, cũng tương tự nhờ phần mềm Microsoft Word, HTML chỉ có tác dụng bố cục và định dạng trang web. HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững chắc cho thế giới mạng. HTML document có đuôi file dạng .html hoặc htm.
Bạn có thể xem chúng bằng các trình duyệt web hiện hành nhơ_ Google Chrome, Firefox, Safari,. Nhiệm vụ của trình duyệt là đọc những file HTML này và “biến đổi” chúng thành một dạng nội dung visual trên Internet sao cho người dùng có thể xem và hiểu được chúng. Ưu điểm, nhược điểm HTML 1.LUƯUu điểm: se. Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn se Có thể hoạt động mưyợt mà trên hầu hết mọi trình duyệt hiện nay e Học HTML khá đơn giản se Các markeup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao e Sử dụng mã nguồn mở, hoàn toàn miễn phí e HTML la chuan web dugc vận hành bởi W3C se Dễ dàng để tích hợp với các loai ngén ngir backend (vi dy nhq: PHP, Node.
Nhược điểm: se. Chỉ được áp dung chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3. e MOéi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer e Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt se.
Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML. Tổng quan về CSS/SCSS/SASS Hinh 1-2 Hinh anh logo CSS 1.1, CSS/SCSS/SASS la gi? SCSS,SASS hay còn được gọi chung là CSSLà viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản, xử lý một phần giao diện của trang web.