Bài tập lớn học phần lập trình web đề tài website bán son

rong thời đại công nghệ thông tin nay, mà Internet trở nên thân quen dần trở thành công cụ thiếu sống lợi ích Website việc quảng bá sản phẩm thương hiệu công ty vô lớn Xã hội ngày động với việc phát triển thay đổi cách thức mua bán cũ hình thành hình thức mới: thương mại điện tử Tùy lĩnh vực kinh doanh doanh nghiệp mà Website mang lại ích lợi khác Qua trang Web trở thành cửa ngõ để nhà sản xuất tiếp thị sản phẩm đến khách hàng khắp nước Khách hàng không cần đến tận nơi để xem mua điện thoại mà họ cần nữa, thay vào đó, cách nhanh chóng thuận tiện, họ cần vào Web đặt mua những“chú dế” phù hợp với mình… LAN STORE cách giới thiệu sản phẩm công nghệ (cụ thể son), đồng thời phương thức quảng bá hình ảnh sản phẩm cách đầy đủ cộng đồng online, quảng bá không biên giới Mặt khác trang Web giúp tăng số lượng người biết đến thương hiệu, tiếp cận nhiều đối tượng, qua tăng doanh số bán hàng bạn offline online Ngoài với LAN STORE bạn cịn giảm đáng kể thời gian chi phí giao dịch chi phí hỗ trợ cho shop Như nêu trên, LAN STORE shop bán son phong phú mẫu mã, nhà cung cấp kiểu dáng thuận lợi cho người dùng lựa chọn Thông qua trang web khách hàng xem đặt mua loại son phong cách, thời trang,

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á

BÀI TẬP LỚN HỌC PHẦN: LẬP TRÌNH WEB

Đề tài: Website bán son

Sinh viên thực hiện:

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á

BÀI TẬP LỚN HỌC PHẦN: LẬP TRÌNH WEB

Đề tài: Website bán son

Họ và tên sinh viên:

NHẬN XÉT CỦA GIÁO VIÊN

MỤC LỤC 1 ĐỊNH NGHĨA VẤN ĐỀ 7

1.1 Vấn đề trừu tượng 7

1.2 Hệ thống hiện tại 7

1.3 Hệ thống được đề xuất 8

1.3.1 Mục đích của trang Web 8

1.3.2 Chức năng của trang Web 8

1.4 Ranh giới của hệ thống 8

1.5 Yêu cầu phần cứng và phần mềm 9

1.5.1 Yêu cầu tối thiểu 9

1.5.2 Yêu cầu đề xuất 9

2 ĐẶC ĐIỂM KỸ THUẬT YÊU CẦU CỦA KHÁCH HÀNG 10

2.1 Người sử dụng Hệ thống 10

2.1.1 Với khách 10

2.1.2 Với thành viên 10

2.1.3 Với Admin 10

2.2 Chức năng hệ thống 11

2.2.1 Với khách 11

2.2.2 Với thành viên: 11

2.2.3 Với Admin 12

3 THIẾT KẾ HỆ THỐNG 13

3.1 Sơ đồ mối quan hệ thực thể 13

3.2 Thiết kế cơ sở dữ liệu 16

3.2.1 Table Admin: 16

3.2.2 Table Brands: 16

3.2.3 Table Comments: 17

3.2.4 Table Orderdetail: 17

3.2.5 Table Ordermethod: 17

3.2.6 Table Order: 17

3.2.7 Table Prices: 18

3.2.8 Table Products: 18

3.2.9 Table Users: 19

3.3 Sơ đồ trang web 20

3.3.1 Khách hàng: 20

3.3.2 Thành viên: 21

3.3.3 Quản trị viên : 21

3.4 Các thuật toán 22

3.4.1 Đăng ký: 22

3.4.2 Đăng nhập: 23

3.4.3 Tìm kiếm: 23

3.4.4 Thêm sản phẩm: 24

3.4.5 Thêm tin tức: 25

3.4.6 Phản hồi: 26

3.4.7 Thoát tài khoản người dùng: 26

4 KIỂM TRA DANH SÁCH 27

4.1 Kiểm tra danh sách xác thực 27

4.2 Danh sách kiểm tra đệ trình 27

5 GIAO DIỆN WEB 27

5.1 Giao diện chính 27

5.2 Đăng nhập 28

5.3 Đăng ký 28

5.4 Hướng dẫn 29

5.5 Giới thiệu 30

5.6 Chi tiết sản phẩm 31

5.7 Đăng nhập trang quản trị 32

5.8 Giao diện trang quản trị 32

6 TỔNG KẾT VÀ ĐÁNH GIÁ 33

DANH MỤC BẢNG

Bảng 1: Bảng quản trị viên 18

Bảng 2: Bảng thương hiệu 18

Bảng 3: Bảng bình luận 19

Bảng 4: Bảng sản phẩm 19

Bảng 5: Bảng vận chuyển 19

Bảng 6: Bảng đơn hàng 20

Bảng 7: Bảng giá cả 20

Bảng 8: Bảng sản phẩm 20

Bảng 9: Bảng thành viên 21

Bảng 10: Mô hình quan hệ erd 22

DANH MỤC HÌNH ẢNH Hình 1: Sơ đồ mqh thực thể 14

Hình 2: Thực thể quản trị viên 14

Hình 3: Thực thể đơn hàng 15

Hình 4: Thực thể sản phẩm 15

Hình 5: Thực thể Vận chuyển 16

Hình 6: Thực thể Hãng sản phẩm 16

Hình 7: Thực thể Thành viên 16

Hình 8: Thực thể Bình luận 17

Hình 9: Thực thể Chi tiết đơn hàng 18

Hình 10: Sơ đồ khách hàng 22

Hình 11: Sơ đồ thành viên 23

Hình 12: Sơ đồ quản trị viên 23

Hình 13: Quy trình đăng ký 24

Hình 14: Quy trình đăng nhập 25

Hình 15: Quy trình tìm kiếm 26

Hình 16: Quy trình sản phẩm 27

Hình 17: Quy trình thêm tin tức 28

Hình 18: Quy trình phản hồi 29

Hình 19: Quy trình thoát tài khoản người dùng 29

Hình 20: Giao diện chính 31

Hình 21: Giao diện đăng nhập 32

Hình 22: Giao diện đăng ký tài khoản 33

Hình 23: Giao diện hướng dẫn 34

Hình 24: Giao diện giới thiệu 35

Hình 25: Giao diện chi tiết sản phẩm 36

Hình 26: Giao diện đăng nhập trang quản trị 36

Hình 27: Giao diện trang quản trị 37

1 ĐỊNH NGHĨA VẤN ĐỀ.

1.1 Vấn đề trừu tượng

Trong thời đại công nghệ thông tin như hiện nay, khi mà Internet đã trở nên thânquen và dần trở thành một công cụ không thể thiếu trong cuộc sống thì lợi ích củamột Website đối với việc quảng bá sản phẩm và thương hiệu của một công ty là

vô cùng lớn Xã hội ngày một năng động hơn cùng với việc phát triển và thay đổicủa những cách thức mua bán cũ đã hình thành một hình thức mới: thương mạiđiện tử

Tùy từng lĩnh vực kinh doanh của từng doanh nghiệp mà Website mang lại nhữngích lợi khác nhau Qua đó trang Web trở thành một cửa ngõ để nhà sản xuất tiếpthị sản phẩm của mình đến khách hàng khắp trên cả nước Khách hàng không cầnđến tận nơi để xem và mua những chiếc điện thoại mà họ cần nữa, thay vào đó,một cách nhanh chóng và thuận tiện, họ chỉ cần vào Web và đặt mua những“chúdế” phù hợp với mình…

LAN STORE là một cách giới thiệu sản phẩm công nghệ (cụ thể là son), đồngthời là phương thức quảng bá hình ảnh sản phẩm một cách đầy đủ nhất trên cộngđồng online, sự quảng bá này là không biên giới Mặt khác trang Web còn giúptăng số lượng người biết đến thương hiệu, tiếp cận được nhiều đối tượng, qua đótăng doanh số bán hàng cả khi bạn offline và online Ngoài ra với LAN STOREbạn còn có thể giảm được đáng kể thời gian cũng như chi phí giao dịch và chi phí

hỗ trợ cho shop của mình

Như đã nêu trên, LAN STORE là một shop bán son phong phú về mẫu mã, nhàcung cấp và kiểu dáng rất thuận lợi cho người dùng lựa chọn Thông qua trangweb khách hàng có thể xem và đặt mua những loại son phong cách, thời trang, cátính hay đẳng cấp đang được bày bán tại đây Với cách bố trí các mẫu son mộtcách khoa học, thân thiện, đồng thời luôn cập nhật những loại son mới, hy vọngtrang web sẽ đưa đến cho người dùng những tiện ích khi sử dụng

hàng nhanh chóng hiệu quả Bên cạnh đó, để quảng bá cho shop cũng như chonhững mẫu son mới, bạn sẽ phải mất chi phí cho marketing theo cách thức truyềnthống như: chi phí in ấn, gửi tài liệu, chi phí liên lạc, nhân sự Đối với những đơnđặt hàng qua điện thoại đôi khi vẫn xảy ra sự nhầm lẫn

LAN STORE sẽ giúp bạn tạo ra được tính chuyên nghiệp trong thời đại Toàn cầuhóa, kỹ thuật số, thông tin, kinh tế tri thức - bằng một Website ấn tượng, chuyênnghiệp với đầy đủ chức năng, thông tin, tiện ích để tạo được ấn tượng tốt đến chokhách hàng

1.3 Hệ thống được đề xuất

1.3.1 Mục đích của trang Web

- Cung cấp cho khách hàng những thông tin chi tiết về sản phẩm được bày bántrên shop, cũng như sẽ cập nhật những mẫu mã sản phẩm mới nhất đang có mặttrên thị trường

- Quảng bá và bán các mẫu mã xe mới và được ưa chuộng nhất Khách hàng cóthể đặt mua ngay trên trang Web

- Khách hàng cũng có thể tham khảo thêm những phụ kiện kèm theo tương thíchvới những mẫu son, phù hợp với những nhu cầu cũng như lứa tuổi khác nhau

- Ngoài ra khách hàng có thể tìm kiếm thêm những thông tin mới liên quan đếnthế giới son cũng như từng mẫu mã son có mặt trên thị trường

1.3.2 Chức năng của trang Web

- Đối với Guest: Khách hàng có thể xem, tìm kiếm những mẫu mã điện thoại cùngvới phụ kiện kèm theo luôn được cập nhật và nhận được những chương trìnhkhuyến mại trên BIKER SHOP Ngoài ra khách hàng có thể mua hàng, gửi những

ý kiến đóng góp cho shop Có thể đăng ký làm thành viên ( nếu muốn )

- Đối với Admin: Quyền Admin quản lý các mặt hàng, nhóm hàng, hóa đơn,thành viên, thông tin phản hồi và thống kê các đơn đặt hàng theo địa bàn và theothời gian Không có quyền mua sản phẩm

- Ngoài ra trang Web sẽ hỗ trợ khả năng tìm kiếm sản phẩm theo tên, hãng sảnxuất phụ kiện liên quan Nâng cao chất lượng phục vụ khách hàng và giảm đáng

kể các chi phí theo phương thức truyền thống

1.4 Ranh giới của hệ thống

- Mặc dù có rất nhiều lý do hấp dẫn để kinh doanh trên Web như vậy, song bêncạnh đó thương mại trực tuyến vẫn còn một số mặt hạn chế như :

- Sự bảo mật trên Internet không được bảo đảm, các thông tin tài chính có thể bịtiết lộ

- Khách hàng có thể lo lắng về nguy cơ nhận được hàng kém chất lượng và lolắng về các chính sách trả lại hàng của doanh nghiệp

-Các hệ thống thanh toán tiền trực tuyến vẫn chưa phổ biến là gây ra sự khó khănkhi thanh toán, khách hàng sẽ phải đến tận nơi hoặc chuyển khoản cho doanhnghiệp

- Không có sự nhất quán trong các luật thuế, cũng như các vấn đề về pháp lý

- Thương mại điện tử đối với khách hàng vẫn còn là một hình thức mới mẻ và vẫnchưa phải là một phần không thể thiếu trong cuộc sống

- Hầu hết những mặt hạn chế trong việc mua bán trên Web bắt nguồn từ nguyênnhân lĩnh vực thương mại điện tử còn khá mới mẻ Cũng như đối với các côngnghệ mới khác, nó cần thời gian để không chỉ phát triển công nghệ mà còn pháttriển kinh nghiệm, chuyên môn, và văn hóa để sử dụng nó

1.5 Yêu cầu phần cứng và phần mềm.

1.5.1 Yêu cầu tối thiểu.

Hardware - Ram 1 GB or more

- CPU 2.0GHZ Xeon or more

1.5.2 Yêu cầu đề xuất.

Hardware - Ram 2 GB or more

- CPU 2.4 GHZ Xeon or more

_ Có quyền xem, tìm kiếm sản phẩm

_ Có thể phản hồi thông tin

_ Có thể lựa chọn và đưa sản phẩm vào giỏ hàng

_ Đăng ký làm thành viên (nếu muốn)

2.1.2 Với thành viên

_ Có quyền xem, tìm kiếm sản phẩm

_ Có quyền phản hồi thông tin

_ Quản lý, hỗ trợ khách hàng.

_ Quản lý hóa đơn, sản phẩm

_ Tổng hợp thông tin phản hồi của khách hàng

2.2 Chức năng hệ thống

2.2.1 Với khách

 Xem sản phẩm:

- Description : Khách hàng có thể xem chi tiết về sản phẩm

- Input: Lựa chọn sản phẩm cần xem

- Process: Tìm kiếm trong CSDL

- Output: Hiển thị thông tin về sản phẩm mà khách hàng muốn xem

 Tìm kiếm:

- Description :Khách hàng có thể tìm kiếm sản phẩm bằng những formtìm kiếm được xây dựng sẵn trên Website

- Input: Khách hàng nhập từ khóa tìm kiếm

- Process: Hệ thống sẽ ghi nhận và thực hiện tìm kiếm trong CSDL tất

cả sản phẩm có chứa từ khóa khách hàng muốn tìm

- Output :Hiển thị thông tin sản phẩm khách hàng tìm kiếm

 Lựa chọn sản phẩm cần mua:

- Description: Khách hàng có thể lựa chọn sản phẩm bất kỳ vào giỏ hàng

- Input: Lựa chọn sản phẩm cần mua

- Process: + Kiểm tra sản phẩm có trong giỏ hàng

+ Nếu giỏ hàng đã có sản phẩm thì tăng lên “+1 ”, nếu chưa có thì hiển thị tiếp sản phẩm đang chọn vào giỏ hàng

- Output: Hiển thị thông tin về giỏ hàng mà khách hàng đã lựa chọn

+ Mật khẩu phải có ít nhất 6 ký tự trở lên

+ Kiểm tra định dạng Email và không được trùng lặp + Thêm mới các thông tin khách hàng, mã hóa Password MD5 vào CSDL nếu đúng, nếu không yêu cầu nhập lại

- Output: Thông báo tới khách hàng việc đăng ký thành công hoặc trở

về trang đăng ký nếu báo lỗi

- Description :Đăng xuất khỏi Website.

- Input : Click vào button “ Đăng xuất ” trên Website

+ Thay đổi mật khẩu:

+ Description: Khách hàng có thể thay đổi mật khẩu của mình

- Input : + Nhập mật khẩu cũ

+ Nhập mật khẩu mới

+ Xác nhận mật khẩu mới muốn đổi

- Process : + Kiểm tra tính chính xác của mật khẩu cũ

+ Nếu đúng thì mã hóa và cập nhật mật khẩu mới vào CSDL

+ Nếu sai yêu cầu nhập lại

- Output :+ Hiển thị thông báo thay đổi mật khẩu thành công nếu đúng

+ Hiển thị thông báo yêu cầu nhập lại nếu có lỗi

 Mua hàng:

- Description : Khách hàng có thể đặt mua hàng sau khi đã lựa chọn được sản phẩm ưng ý Click nút “Thanh toán” để bắt đầu làm thủ tục mua hàng

- Process : Kiểm tra thông tin đăng ký đặt hàng của khách hàng

+ Nếu chưa đăng nhập thì yêu cầu Đăng Nhập hoặc Đăng Ký + Nếu bạn đã Đăng nhập thì chuyển sang form đặt hàng

+ Thêm mới và cập nhật đơn hàng vào CSDL

- Output : Thông báo các sản phẩm đã được đặt mua thành công hoặc chưa thành công

 Gửi Feedback :

Thành viên có thể gửi ý kiến phản hổi tới Ad

2.2.3 Với Admin

Quyền Admin có thể:

 Đăng nhập quản trị:

- Description: Admin đăng nhập vào hệ thống bằng User và

Password :vào form được xây dựng sẵn

- Description Admin: có quyền thêm-sửa-xóa-ẩn-hiện các sản phẩm

- Input :Chọn và sử dụng công cụ được xây dựng sẵn để quản lý sản phẩm

- Process: + Kiểm tra tính hợp lệ của dữ liệu nhập vào

+ Thêm, sửa, xóa thông tin về sản phẩm và cập nhật vào

 Hóa đơn đã xử lý không được thay đổi trạng thái

- Output: Thông báo thành công hoặc lỗi

 Thực thể Đơn hàng:

Hình 3: Thực thể đơn hàng

 Thực thể Sản phẩm:

Hình 4: Thực thể sản phẩm

 Thực thể Bình luận:

Hình 8: Thực thể Bình luận

 Thực thể Chi tiết đơn hàng:

Hình 9: Thực thể Chi tiết đơn hàng

3.2 Thiết kế cơ sở dữ liệu

status tinyint (1): hiển thị,

(0): Khônghiển thị

Trạng thái ẩnhiện

(0): Khônghiển thị

Trạng thái ẩnhiện

status tinyint (1): hiển thị,

(0): Khônghiển thị

3.2.5 Table Ordermethod:

Bảng 5: Bảng vận chuyển

Tính chất Tên trường Kiểu dữ liệu Kích cỡ Chú thích

thức vậnchuyển

vận chuyểnstatus tinyint (1): hiển thị,

(0): Khônghiển thị

Trạng thái ẩnhiện

3.2.6 Table Order:

Bảng 6: Bảng đơn hàng

Tính chất Tên trường Kiểu dữ liệu Kích cỡ Chú thích

thức vậnchuyển

viên

hàngstatus Tinyint(4) (1):chưa sử

lí;(2):đang sửlý;(3):đã sử lí(4):hủy

Trạng tháiđơn hàng

hàng

3.2.7 Table Prices:

Bảng 7: Bảng giá cả

Tính chất Tên trường Kiểu dữ liệu Kích cỡ Chú thích

hiện(1): hiển thị,(0): Khônghiển thị

pricestatus Tinynt 1 Trạng thái ẩn

hiện(1): hiển thị,(0): Khônghiển thị

3.2.8 Table Products:

Bảng 8: Bảng sản phẩm

Tính chất Tên trường Kiểu dữ liệu Kích cỡ Chú thích

Primary key id int 11 Mã sản

productstatus Tinyint 1 Trạng thái ẩn

hiện(1): hiển thị,(0): Khônghiển thị

3.2.9 Table Users:

Bảng 9: Bảng thành viên

Tính chất Tên trường Kiểu dữ liệu Kích cỡ Chú thích

viên

viên

đăng ký

hiện(1): hiển thị,(0): Khônghiển thị

Mối quan hệ giứa các bảng:

Bảng 10: Mô hình quan hệ erd

3.3 Sơ đồ trang web

3.3.1 Khách hàng:

Hình 10: Sơ đồ khách hàng

3.4 Các quy trình

3.4.1 Đăng ký:

Hình 13: Quy trình đăng ký

3.4.2 Đăng nhập:

Hình 14: Quy trình đăng nhập

3.4.3 Tìm kiếm:

Hình 15: Quy trình tìm kiếm

3.4.4 Thêm sản phẩm:

Hình 16: Quy trình sản phẩm

3.4.5 Thêm tin tức:

Hình 17: Quy trình thêm tin tức

3.4.6 Phản hồi:

Hình 18: Quy trình phản hồi

3.4.7 Thoát tài khoản người dùng:

Hình 19: Quy trình thoát tài khoản người dùng

4 KIỂM TRA DANH SÁCH

4.1 Kiểm tra danh sách xác thực

Các trường form không được để trống? yes

Tên đăng nhập khách hàng là duy nhất yes

Có sự dàng buộc giữa khách hàng,sản phẩm,chi tiết

thông số, hóa đơn, phản hồi… ?

yes

4.2 Danh sách kiểm tra đệ trình

1 Tất cả các form đều hoạt động? Yes

2 Font đều đúng chính tả? Yes

3 Các mầu đựơc sử dụng là mầu cơ

5 Dữ liệu vào sai có bị nhắc nhở? Yes

5 GIAO DIỆN WEB

5.1 Giao diện chính

Hình 20: Giao diện chính

5.2 Đăng nhập

Hình 21: Giao diện đăng nhập

5.3 Đăng ký

Hình 22: Giao diện đăng ký tài khoản

5.4 Hướng dẫn

Hình 23: Giao diện hướng dẫn

5.5 Giới thiệu

Hình 24: Giao diện giới thiệu

5.6 Chi tiết sản phẩm

Hình 25: Giao diện chi tiết sản phẩm

5.7 Đăng nhập trang quản trị

Hình 26: Giao diện đăng nhập trang quản trị

5.8 Giao diện trang quản trị

Hình 27: Giao diện trang quản trị

6 TỔNG KẾT VÀ ĐÁNH GIÁ

Sau một thời gian tập trung triển khai đề tài, em đã hoàn thành được

“Website bán son”, với giao diện đẹp, các thao tác sử dụng dễ dàng, thân thiệnvới người dùng

Sau khi hoàn thành xong em có thêm những kỹ năng nền tảng để xâydựng được một website Bên cạnh đó, em cũng được mở rộng thêm các kiếnthức chuyên ngành mới nhờ việc tìm hiểu một số kiến thức lập trình để ápdụng vào việc phát triển ứng dụng này Nhờ vậy, kỹ năng tự học và vận dụngcác kỹ năng mới củaem được nâng cao hơn

Mặc dù hệ thống website đã hoàn thành, nhưng nó vẫn còn rất nhiều mặthạn chế và vấn đề thiếu sót

Phần mềm xây dựng có giao diện bắt mắt, thân thiện, dễ sử dụng và cónhiều chức năng:

- Xem thông tin sản phẩm.

- Xem thông tin các bài viết, tin tức.

- Quản lý thông tin khách hàng.

- Quản lý sản phẩm.

- Quản lý đơn hàng.

Trong thời gian tới, em sẽ cố gắng khắc phục những mặt còn hạn chế và cải tiến hệ thống cho phù hợp với thị trường Nghiên cứu phát triển thêm đa ngôn ngữ, thanh toán online qua nhiều hình thức khác nhau để dáp ứng nhu cầu của khách hàng