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Ớ

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 1 GIỚI THIỆU 1

1.1 Mô tả đề tài 1

1.2 Công nghệ sử dụng 1

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ 3

2.1 Xác định yêu cầu 3

2.1.Chức năng 3

2.2 Use case Diagram 4

CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG 6

3.1 Mô tả giao diện 6

3.2 Trang chủ 8

3.3 Trang đăng nhập 8

3.3.1Trang đăng ký 9

3.4 Trang quản lý tài khoản 9

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 4 Đánh giá 15

4.1 Ưu điểm 15

4.2 Nhược điểm 15

CHƯƠNG 1 GIỚI THIỆU

1.1 Mô tả đề tài

Ngày nay công nghệ thông tin là một lĩnh vực quan trọng trong cuộc sống con người Máy tính, điện thoại và các thiết bị điện tử thông minh đang ngày càng phát triển với một tốc độ nhanh đến chóng mặt Công nghệ đã và đang đóng góp một phần không nhỏ đến đời sống của mỗi cá nhân, gia đình và xã hội

Mua hàng là một nhu cầu thiết yếu của con người từ xưa đến nay và với số lượng mặt hàng hiện nay thì nhu cầu đó còn cao hơn nữa Tuy nhiên khi xã hội ngày càng phát triển

và nhu cầu mua hàng càng ngày càng gia tăng nhưng con người ngày càng bận rộn, không

có nhiều thời gian để đến cửa hàng mua hàng nên những trang bán hàng online ra đời nhằm mục đích đáp ứng nhu cầu của người mua hàng để tiết kiệm thời gian và hoạt động bán hàng hiệu quả hơn

Đối với ngày nay nhu cầu mua hàng online ngày càng nâng cao Nắm bắt được xu hướng, nhóm em đã quyết định làm một website bán hàng online đơn giản

1.2 Công nghệ sử dụng

MongoDB: Sử dụng một quá trình xử lý để xử lý các yêu cầu về dữ liệu, quản lý định dạng dữ liệu, thực hiện các hoạt động quản lý bên dưới là mongod, đây là trình xử lý chính 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ý các truy vấn từ tầng ứng dụng, xác định vị trí dữ liệu trong cụm các node phân mảnh được gọi là mongos

ExpressJS: Là một web application framework cho NodeJS, cung cấp các tính năng mạnh mẽ cho việc xây dựng một ứng dụng web đúng nghĩa hoặc ngược lại Express cũng

có thể sử dụng để xây dựng một API mạnh mẽ và thân thiện với người dùng, vì nó cung cấp rất nhiều tiện ích HTTP và middleware cho việc kết nối

Angular: Là một bộ Javascript Framework rất mạnh và thường được sử dụng để xây dựng project Single Page Application (SPA) Nó hoạt động dựa trên các thuộc tính mở rộng HTML (các atributes theo quy tắc của Angular) Đây là một Framework mã nguồn

Page-1

mở hoàn toàn miễn phí và được hàng ngàn các lập trình viên trên thế giới ưa chuộng và sử dụng

NodeJS: là một nền tảng được xây dựng trên “V8 Javascript engine” được viết bằng c+ + và Javasccript Nền tảng này được phát triển bởi Ryan Lienhart Dahl vào năm 2009

Page-2

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ

2.1 Xác định yêu cầu

2.1.1 Chức năng

 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

CHƯƠNG 3 XÂY DỰNG ỨNG DỤNG

3.1 Mô tả giao diện

Page-6

STT Giao diện Mục đích

2 Trang chi tiết giỏ

hàng

Hiển thị tất cả các sản phẩm đã được thêm vào giỏ hàng, có thể 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 và có bước thanh toán

3 Trang thanh toán Người dùng điền đủ thông tin cá nhân và xác

nhận để kết thúc phần thanh toán

thành công

Người dùng có thể biết được đơn hàng đã được đặt thành công hay chưa

(khách hàng)

Người dùng có thể đăng nhập bằng tài khoản

đã đăng ký hoặc đăng nhập bằng facebook hoặc google

(quản trị viên) Quản trị viên đăng nhập bằng tài khoản đã cấp

phẩm Hiển thị thông tin tất cả sản phẩm

sản phẩm Các trường nhập thông tin sản phẩm

người dùng Hiển thị thông tin tất cả các 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 4 Đánh giá

4.1 Ưu điểm

 Hoàn thành các công việc theo đúng tiến độ đề ra

 Trang web đơn giản, nhưng sử dụng khá tốt

 Giao diện tương đối

4.2 Nhược điểm

 Các chức năng chưa được tối ưu

 Thời gian còn ít nên chưa hoàn thiện một vài chức năng

Page-15