2.1.2 Trang đăng nhậpHeader: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.. Content: Form Login gồm title, input, button đăng nhập, button đăng kí, button quên mật khẩu.. 2.1.
Trang 1BÁO CÁO ĐỀ TÀI HỆ THỐNG CÔNG NGHỆ
Trang 2DANH SÁCH NHÓM 63
1 Nguyễn Trần Minh Thuận 20119831
Trang 3NHẬN XÉT
Trang 4CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI 0
1.1 Mục đích 0
1.2 Cơ sở lý thuyết và các thông tin kỹ thuật: 0
CHƯƠNG 2 PHÂN TÍCH ỨNG DỤNG 1
2.1 Layout 1
2.2 Sidemap: 2
CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG 3
CHƯƠNG 4 KẾT LUẬN – HƯỚNG PHÁT TRIỂN 6
4.1 Kết quả đạt được 6
4.2 Hạn chế của ứng dụng web 6
4.3 Hướng phát triển 6
CHƯƠNG 5 TÀI LIỆU THAM KHẢO 7
5.1 Giáo trình - Sách 7
5.2 Website 7
Trang 5CHƯƠNG 1 GIỚI THIỆU ĐỀ TÀI
1.1 Mục đích
Gi i thi u t ng quan vềề website, nhu cầều th c tềế nh thềế nào cho vi c t o ra website? ớ ệ ổ ự ư ệ ạ
- Website gi i thi u và bán bánh, k o sô-cô-la tr c tuyếếnớ ệ ẹ ự là trang bán hàng online được thiếết l p đ ph c v m t phầần ho c toàn b quy trình c a ho t đ ng mua bán hàng hóa ậ ể ụ ụ ộ ặ ộ ủ ạ ộhay cung ng d ch v , t tr ng bày gi i thi u hàng hóa, cung ng d ch v , thanh toán và ứ ị ụ ừ ư ớ ệ ứ ị ụ
d ch v sau bán hàng.ị ụ
M c đích chung c a Website đốối v i t ng đốối t ụ ủ ớ ừ ượ ng s d ng (user, admin, ) ử ụ
- Đối với khách hàng:
- Đối với admin:
1.2 Cơ sở lý thuyết và các thông tin kỹ thuật:
- Các kiếến th c lý thuyếết v n d ng cho vi c hi n th c website: HTML, CSS, JavaScript, ứ ậ ụ ệ ệ ựBootstrap, jQuery
HTML5:
Lý do: Xầy d ng cầếu trúc và đ nh d ng các siếu văn b n.ự ị ạ ả
u đi m: T ng thích v i các trang web đang tôần t i, chu n hóa các kyỹ thu t
Trang 6CHƯƠNG 2 PHÂN TÍCH ỨNG DỤNG
2.1 Layout
Veẽ layout c a t ng trang ủ ừ
Các n i dung seẽ có trên mốẽi thành phầần c a layout nh form, liên kêốt, menu, table, … ộ ủ ư
Ý nghĩa, m c đích th c hi n c a mốẽi n i dung … ụ ự ệ ủ ộ
2.1.1 Trang Chủ
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: ảnh giới thiệu về sản phẩm, button xem danh sách sản phẩm.
Footer: chứa phần liên hệ.
Trang 72.1.2 Trang đăng nhập
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: Form Login gồm title, input, button đăng nhập, button đăng kí, button quên mật khẩu Footer: chứa phần liên hệ.
Trang 82.1.3 Trang đăng ký
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: Form đăng ký gồm title, input, button đăng nhập, button đăng kí.
Footer: chứa phần liên hệ.
Trang 92.1.4 Trang sản phẩm
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: title, button chọn loại sản phẩm, ảnh, tên, giá các sản phẩm.
Footer: chứa phần liên hệ.
Trang 102.1.5 Trang giới thiệu
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: Thông tin giới thiệu về người sáng lập và giới thiệu về shop + ảnh.
Footer: chứa phần liên hệ.
Trang 112.1.6 Trang chi tiết sản phẩm
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: Ảnh sản phẩm, tên, mô tả, giá, input chọn số lượng sản phẩm, button thêm sản phẩm
vào giỏ hang, mô tả chi tiết và các sản phẩm liên quan
Footer: chứa phần liên hệ.
Trang 122.1.7 Trang giỏ hàng
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: thông tin sản phẩm, button xóa sản phẩm, tăng, giảm số lượng sản phẩm, hiện thị tổng
tiền, button thanh toán
Footer: chứa phần liên hệ.
Trang 132.1.8 Trang liên hệ
Header: Logo, Title, button đăng nhập, ô Search, giỏ hàng, menu.
Content: Map, Form để lại lời nhắn cho shop gồm các input, button gửi tin nhắn.
Footer: chứa phần liên hệ.
Trang 142.1.9 Sitemap
Trang 16CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG
3.1.1 Trang chủ
Trang 173.1.2 Trang đăng ký
Trang 183.1.3 Trang đăng nhập
Trang 193.1.4 Trang giới thiệu
Trang 213.1.6 Trang chi tiết sản phẩm
Trang 233.1.7 Trang giỏ hang
Trang 254.2 Hạn chế của ứng dụng web
Ch đang là web tnh.ỉ
Giao di n web còn đ n gi n.ệ ơ ả
Còn m t sôế ch c năng ch a hoàn thành độ ứ ư ược
D li u đữ ệ ược đ lến web là d li u gầần nh là áp c ng, không ph i đổ ữ ệ ư ứ ả ược đ lến t ổ ừCSDL
Ch c năng đăng nh p thông tn ngứ ậ ười dung l u trến localStorge không l u trến ư ưCSDL(Fake Login)
4.3 Hướng phát triển
Cầần kếết h p v i CSDL đ l u d li u s n ph m, thông tn ngợ ớ ể ư ữ ệ ả ẩ ười dùng
Trang 26CHƯƠNG 5 TÀI LIỆU THAM KHẢO