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

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 CHƯƠNG GIỚI THIỆU 1.1 Mô tả đề tài 1.2 Công nghệ sử dụng CHƯƠNG PHÂN TÍCH THIẾT KẾ 2.1 Xác định yêu cầu 2.1.Chức .3 2.2 Use case Diagram .4 CHƯƠNG XÂY DỰNG ỨNG DỤNG 3.1 Mô tả giao diện 3.2 Trang chủ 3.3 Trang đăng nhập .8 3.3.1Trang đăng ký .9 3.4 Trang quản lý tài khoản 3.4.1Thêm tài khoản 10 3.4.2Sửa tài khoản 10 3.4.3Xóa tài khoản 11 3.5 Trang quản lý sản phẩm 11 3.5.1Thêm sản phẩm 12 3.5.2Sửa sản phẩm 12 3.5.3Xóa sản phẩm .13 3.6 Trang giỏ hàng .13 3.6.1Checkout .14 CHƯƠNG Đánh giá .15 4.1 Ưu điểm 15 4.2 Nhược điểm 15 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 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-1 mở hồn tồ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 Page-2 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 toán  Trang admin  Đăng nhập  Quản lý tài khoản  Quản lý sản phẩm Page-3 2.2 Use case Diagram Page-4 Page-5 CHƯƠNG XÂY DỰNG ỨNG DỤNG 3.1 Mô tả giao diện Page-6 STT Giao diện Trang chủ khách hàng Mục đích Hiển thị danh sách sản phẩm Hiển thị tất sản phẩm thêm vào Trang chi tiết giỏ hàng 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 10 Trang toán Trang toán thành công Trang đăng nhập (khách hàng) Trang đăng nhập (quản trị viên) Trang quản lý sản phẩm Trang thêm sửa sản phẩm Trang quản lý người dùng Trang thêm người dùng Người dùng điền đủ thông tin cá nhân xác nhận để kết thúc phần toán Người dùng biết đơn hàng đặt thành cơng hay chưa Người dùng đăng nhập tài khoản đăng ký đăng nhập facebook google Quản trị viên đăng nhập tài khoản cấp Hiển thị thông tin tất sản phẩm Các trường nhập thông tin sản phẩm Hiển thị thông tin tất người dùng Page-7 Các trường nhập thông tin người dùng 3.2 Trang chủ 3.3 Trang đăng nhập Page-8 3.3.1 Trang đăng ký 3.4 Trang quản lý tài khoản Page-9 3.4.1 Thêm tài khoản 3.4.2 Sửa tài khoản Page-10 3.4.3 Xóa tài khoản 3.5 Trang quản lý sản phẩm Page-11 3.5.1 Thêm sản phẩm 3.5.2 Sửa sản phẩm Page-12 3.5.3 Xóa sản phẩm 3.6 Trang giỏ hàng Page-13 3.6.1 Checkout 3.6.1.1 Thanh toán Page-14 CHƯƠNG Đánh giá 4.1 Ưu điểm  Hoà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 hoàn thiện vài chức Page-15 ... 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ử... 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... tả đề tài 1.2 Công nghệ sử dụng CHƯƠNG PHÂN TÍCH THIẾT KẾ 2.1 Xác định yêu cầu 2.1.Chức .3 2.2 Use case Diagram .4 CHƯƠNG XÂY DỰNG