BÁO CÁO ĐỒ ÁN MÔN HỌC CÁC CÔNG NGHỆ PHẦN MỀM MỚI ĐỀ TÀIXÂY DỰNG WEB BÁN HÀNG

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO NGÀNH CÔNG NGHỆ THÔNG TIN  BÁO CÁO ĐỒ ÁN MÔN HỌC CÁC CÔNG NGHỆ PHẦN MỀM MỚI ĐỀ TÀI: XÂY DỰNG WEB BÁN HÀNG GHVD: TS LÊ VĨNH THỊNH SVTH: NGUYỄN HỮU HOÀNG TRẦM 16110229 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Giảng viên hướng dẫn Ký tên TS Lê Vĩnh Thịnh MỤC LỤC Page-4 CHƯƠNG GIỚI THIỆU 1.1 Mô tả đề tài Ngày công nghệ thông tin lĩnh vực quan trọng sống người Máy tính, điện thoại thiết bị điện tử thông minh ngày phát triển với tốc độ nhanh đến chóng mặt Cơng nghệ đóng góp phần khơng nhỏ đến đời sống cá nhân, gia đình xã hội Mua hàng nhu cầu thiết yếu người từ xưa đến với số lượng mặt hàng nhu cầu cịn cao Tuy nhiên xã hội ngày phát triển nhu cầu mua hàng ngày gia tăng người ngày bận rộn, khơng có nhiều thời gian để đến cửa hàng mua hàng nên trang bán hàng online đời nhằm mục đích đáp ứng nhu cầu người mua hàng để tiết kiệm thời gian hoạt động bán hàng hiệu Đối với ngày nhu cầu mua hàng online ngày nâng cao Nắm bắt xu hướng, nhóm em định làm website bán hàng online đơn giản 1.2 Cơng nghệ sử dụng MongoDB: Sử dụng q trình xử lý để xử lý yêu cầu liệu, quản lý định dạng liệu, thực hoạt động quản lý bên mongod, trình xử lý Trong việc mở rộng theo chiều ngang sử dụng mơ hình mảnh lưu trữ, [M]ongoDB cung cấp dịch vụ xử lý truy vấn từ tầng ứng dụng, xác định vị trí liệu cụm node phân mảnh gọi mongos ExpressJS: Là web application framework cho NodeJS, cung cấp tính mạnh mẽ cho việc xây dựng ứng dụng web nghĩa ngược lại Express sử dụng để xây dựng API mạnh mẽ thân thiện với người dùng, cung cấp nhiều tiện ích HTTP middleware cho việc kết nối Angular: Là Javascript Framework mạnh thường sử dụng để xây dựng project Single Page Application (SPA) Nó hoạt động dựa thuộc tính mở rộng HTML (các atributes theo quy tắc Angular) Đây Framework mã nguồn Page-5 mở hoàn toàn miễn phí hàng ngàn lập trình viên giới ưa chuộng sử dụng NodeJS: tảng xây dựng “V8 Javascript engine” viết c+ + Javasccript Nền tảng phát triển Ryan Lienhart Dahl vào năm 2009 CHƯƠNG PHÂN TÍCH THIẾT KẾ 2.1 Xác định yêu cầu 2.1.1 Chức  Trang khách hàng • Đăng ký • Đăng nhập: local, facebook, google • Xem danh sách sản phẩm • Thêm sản phẩm vào giỏ hàng • Quản lý giỏ hàng • Thanh tốn Page-6  Trang admin • Đăng nhập • Quản lý tài khoản • Quản lý sản phẩm 2.2 Use case Diagram Page-7 Page-8 Page-9 CHƯƠNG XÂY DỰNG ỨNG DỤNG 3.1 Mô tả giao diện ST T Giao diện Trang chủ khách hàng Mục đích Hiển thị danh sách sản phẩm Trang chi tiết giỏ hàng Hiển thị tất sản phẩm thêm vào giỏ hàng, chỉnh sửa số lượng sản phẩm cần mua, xóa sản phẩm khỏi giỏ hàng có bước tốn Trang tốn Người dùng điền đủ thơng tin cá nhân xác nhận để kết thúc phần toán Trang tốn thành cơng Người dùng biết đơn hàng đặt thành công hay chưa Trang đăng nhập (khách hàng) Người dùng đăng nhập tài khoản đăng ký đăng nhập facebook google Trang đăng nhập (quản trị viên) Quản trị viên đăng nhập tài khoản cấp Trang quản lý sản phẩm Hiển thị thông tin tất sản phẩm Trang thêm sửa sản phẩm Các trường nhập thông tin sản phẩm Trang quản lý người dùng Hiển thị thông tin tất người dùng 10 Trang thêm người dùng Các trường nhập thông tin người dùng 11 Trang sửa thông tin người dùng Các trường nhập thông tin người dùng Page-10 3.2 Trang chủ 3.3 Trang đăng nhập Page-11 3.3.1 Trang đăng ký 3.4 Trang quản lý tài khoản Page-12 3.4.1 Thêm tài khoản 3.4.2 Sửa tài khoản Page-13 3.4.3 Xóa tài khoản 3.5 Trang quản lý sản phẩm Page-14 3.5.1 Thêm sản phẩm 3.5.2 Sửa sản phẩm Page-15 3.5.3 Xóa sản phẩm 3.6 Trang giỏ hàng Page-16 3.6.1 Checkout 3.6.1.1 Thanh toán Page-17 CHƯƠNG Đánh giá 4.1 Ưu điểm • Hồn thành cơng việc theo tiến độ đề • Trang web đơn giản, sử dụng tốt • Giao diện tương đối 4.2 Nhược điểm • Các chức chưa tối ưu • Thời gian cịn nên chưa hồn thiện vài chức Page-18