Biểu đồ use case quản trị viên
3.3 Đặc tả tả use case
Use case thêm sản phẩm vào giỏ hàng
Use case: Thêm sản phẩm vào giỏ hàng Use case ID: Id sanpham
Tác nhân chính: Khách hàng
Tổng quan: Khi khách hàng muốn thêm sản phẩm vào giỏ hàng, khách hàng bắt buộc phải đăng nhập vào hệ thống.
Khi đó khách hàng có thể thêm sản phẩm vào giỏ.
Mối quan hệ :
- Tác nhân: Khách hàng. - Include: Đăng nhập.
- Extend: Thêm sản phẩm vào giỏ, xóa sản phẩm, thanh tốn.
Dịng sự kiện chính:
1. Người dùng truy cập vào hệ thống để xem sản phẩm.
2. Người dùng chọn sản phẩm cần thêm vào giỏ.
3. Người dùng bấm nút thêm
4. Hệ thống yêu cầu đăng nhập.
5. Người dùng nhập thông tin tài khoản và mật khẩu.
6. Hệ thống kiểm tra tài khoản và mật khẩu.
7. Nếu hợp lệ hệ thống hiển thị giao diện chọn sản phẩm
8. Người dùng bấm nút thêm, sản phẩm được thêm vào giỏ.
Dòng sự kiện phụ:
Thêm sản phẩm thất bại.
Tiền điều kiện (pre-condition)
Hệ thống hiển thị giao diện chọn sản phẩm.
Hậu điều kiện (post-condition)
Hệ thống ở trạng thái cho phép người dùng thêm sản phẩm vào giỏ.
Use case đăng ký người bán hàng
Use case: Đăng ký người bán hàng Use case ID: id NBH
Tác nhân chính: Người bán hàng
Tổng quan: Khi người dùng muốn trở thành người bán hàng của hệ thống, người dùng bắt buộc phải đăng ký tài
khoản để trở thành người bán hàng, hệ thống sẽ xử lý đăng ký.
Mối quan hệ:
- Tác nhân: Người bán hàng. - Include: Đăng ký.
- Extend: Khơng cần đăng ký
Dịng sự kiện chính:
1. Người bán hàng truy cập vào hệ thống.
2. Người bán hàng đăng ký thông tin tài khoản và mật khẩu.
3. Hệ thống sẽ xử lý, kiểm tra thông tin đăng ký.
4. Hệ thống hiển thị giao diện đăng ký thành cơng.
Dịng sự kiện phụ:
Đăng ký thất bại.
Tiền điều kiện:
Hệ thống ở giao diện cho người bán hàng chọn nút đăng ký.
Hậu điều kiện
Hệ thống hiển thị giao diện đăng nhập cho người bán hàng.
Use case đăng bán sản phẩm
Use case: Đăng sản phẩm Use case ID: Id dangsanpham Tác nhân chính: Người bán hàng
Tổng quan: Khi người bán hàng muốn đăng sản phẩm lên hệ thống, người bán hàng bắt buộc phải điền các thơng
tin gồm tên, giá, hình ảnh, mơ tả. Khi đó hệ thống sẽ kiểm tra thơng tin sản phẩm của người bán hàng đăng.
Mối quan hệ :
- Tác nhân: Người bán hàng - Include: Đăng nhập. - Extend: Đăng sản phẩm.
Dịng sự kiện chính:
1. Người bán hàng đăng nhập vào hệ thống quản lý để đăng sản phẩm.
2. Người bán hàng chọn mục đăng sản phẩm
3. Người bán hàng điền các thông tin sản phẩm muốn đăng
4. Người bán hàng bấm nút đăng
5. Hệ thống kiểm tra thong tin sản phẩm
6. Sản phẩm đã được đăng bán.
Dòng sự kiện phụ:
Đăng sản phẩm thất bại.
Tiền điều kiện (pre-condition)
Hệ thống hiển thị mục điền thông tin sản phẩm.
Hậu điều kiện (post-condition)
Hệ thống hiển thị giao diện đăng sản phẩm thành công.
4. Thiết kế giao diện
4.1 Giao diện trang chủ
4.2 Giao diện giới thiệu
4.3 Giao diện liên hệ
4.4 Giao diện đăng ký
4.5 Giao diện đăng nhập
4.6 Giao diện giỏ hàng
4.7 Giao diện thanh tốn
4.8 Giao diện quản lý của người bán
5. Hướng dẫn cài đặt xampp
Các bước cài đặt XAMPP:
Bước 1:
Truy cập đường link bên dưới để tải phần mềm: https://www.apachefriends.org/download.html
Hình 2.22. Giao diện trang chủ tải về
Các bạn chọn liên kết phù hợp với máy rồi tải xuống
Bước 2: Tiến hành cài đặt
Sau khi tải file cài đặt về xong bấm vào file “ xampp-windows-x64-8.0.13-0-VS16- installer” để chạy, sau đó chọn Next.
Hình 2.23. Cửa sổ cài đặt XAMPP
Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn cần lưu cài đặt của XAMPP. Lưu ý rằng đường dẫn này bạn phải nhớ vì khi cài đặt web lên localhost, bạn phải truy cập vào thư mục này. Bạn nên để mặc định là c:\xampp.( bạn có thể cài ở ổ khác, do máy tui ổ C đã đầy nên tui cài ổ D). Tiếp tục ấn Next.
Hình 2.24. Chọn nơi lưu trữ XAMPP
Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“. Và ấn Next 2 lần nữa để bắt đầu quá trình cài đặt XAMPP.
Hình 2.25. Bỏ chọn “Learn more about Bitnami for XAMPP“
Sau khi cài xong, ấn nút Finish để kết thúc cài đặt và mở bảng điều khiển của XAMPP. Tuy nhiên, hãy khởi động lại máy sau khi cài đặt xong để tránh tình trạng khơng khởi động được localhost.
Hình 2.25. Cài đặt xong XAMPP Bước 3: Khởi động localhost
Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật bảng điều khiển của XAMPP.
Hình 2.26 Bảng điều khiển của XAMPP
Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu bảo 2 ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để khởi động Webserver Apache và MySQL Server lên thì mới chạy được localhost. Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành cơng.
Hình 2.27. Bảng điều khiển của XAMPP
Sau khi khởi động xong, bạn hãy truy cập vào website với địa chỉ là http://localhost/dashboard/ sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.
*Lưu ý: phải chạy phần mềm và bật start của Apache và MySQL trong suốt quá trình làm việc thì dự án bạn mới chạy được
6. Giải pháp hồn thiện sản phẩm6.1 Vấn đề: 6.1 Vấn đề:
Khi khách hàng hay một cơ quan, tổ chức yêu cầu làm một dự án sản phẩm lớn, ví dụ làm một trang web bán hàng thương mại diện tử giống như shopee, lazada,.v.v., thì khi hồn thiện sản phẩm, giao cho khách hàng phải đảm bảo các chức năng của trang web đểu ổn định, không được xảy ra lỗi, các dữ liệu thông tin của trang web như thông tin cá nhân của khách hàng, người bán hàng, quản trị viên, thơng tin hóa đơn,v.v., phải được bảo mật an toàn tuyệt đối.
6.2 Câu hỏi đặt ra:
Yếu tố nào có thể giúp cho trang web hoản thành được các điểu kiện đã nêu ra trong vấn đề trên ?
6.3 Trả lời: Đó chính là phần Backend.6.4 Backend là gì: 6.4 Backend là gì:
L p trình Backend là vi c x lý m i nghi p v ph c t p, n phía sau m t trangậ ệ ử ọ ệ ụ ứ ạ ẩ ộ
web, ng d ng, h th ng... giúp cho h th ng ho t đ ng tr n tru. Backend thứ ụ ệ ố ệ ố ạ ộ ơ ường bao g m ba ph n: máy ch , ng d ng và c s d li u. B t c s n ph m nào đ u có haiồ ầ ủ ứ ụ ơ ở ữ ệ ấ ứ ả ẩ ề
n i mã code ho t đ ng đ m i th di n ra tr n tru:ơ ạ ộ ể ọ ứ ễ ơ phía máy khách và phía máy ch .ủ
Coding phía máy khách là cơng vi c c a frontend developer. H t o ra c u trúcệ ủ ọ ạ ấ
c a trang web b ng HTML, CSS và JavaScript, giúp nh ng chuy n đ i tr nên tr n tru,ủ ằ ữ ể ổ ở ơ
có th nh n để ấ ược các nút và văn b n có th ch nh s a đả ể ỉ ử ược.
Backend sẽ làm cho m i th ho t đ ng v i máy ch , CSDL... Khơng có Backendọ ứ ạ ộ ớ ủ
thì web/ ng d ng trên không th ho t đ ng đứ ụ ể ạ ộ ược.
6.5Ngơn ng Backend:ữ
Hi n nay có nhi u ngơn ng Backend nh : Java, .Net, Python, PHP, C++, Golang,…ệ ể ữ ư
6.6PHP là gì ?
PHP là m t t vi t t t c a c m t Hypertext Pre Processor. Là m t ngôn ng l pộ ừ ế ắ ủ ụ ừ ộ ữ ậ trình thường đượ ử ục s d ng đ phát tri n ng d ng. Nh ng th có liên quan đ n vi tể ể ứ ụ ữ ứ ế ế máy ch , mã ngu n m hay m c đích t ng qt. Ngồi ra, nó cịn rât thích h p đ l pủ ồ ở ụ ổ ợ ể ậ trình web và có th d dàng nhúng vào trang HTML. Ngày nay, PHP đã chi m t i h nể ễ ế ớ ơ 70% web hi n nay, trang web gi i thi u c a các công ty nhệ ớ ệ ủ ư influxwebtechnologies, Monamedia đ u đề ược xây d ng b ng WordPress – m t mã ngu n đự ằ ộ ồ ược vi t b i ngônế ở ng PHP.ữ B i nh ng tính năng nh t i u hóa cho các ng d ng web. T c đ load webở ữ ư ố ư ứ ụ ố ộ nhanh, nh g n, cú pháp gi ng C và JAVA. R t d h c và th i gian xây d ng s n ph mỏ ọ ố ấ ễ ọ ờ ự ả ẩ tương đ i ng n h n so v i các ngôn ng khác hi n nay.ố ắ ơ ớ ữ ệ
Ưu đi mể
V u đi m đề ư ể ược gi i thi u s qua trong n i dung trên, chúng tôi sẽ cho b nớ ệ ơ ộ ạ th y 5 u đi m n i b t nh t vấ ư ể ổ ậ ấ ề ngôn ng PHPữ này:
Đ u tiên đó là PHP đầ ượ ử ục s d ng mi n phí. Là m t l i th c c l n cho aiễ ộ ợ ế ự ớ mu n h c l p trình này. Các b n có th h c và th c hành theo d ng online. Không c nố ọ ậ ạ ể ọ ự ạ ầ ph i lo đ n vi c chi tr s ti n l n đ h c l p trình.ả ế ệ ả ố ề ớ ể ọ ậ
Cú pháp và c u trúc c aấ ủ PHP tương đ i d dàng. N u b n mu n h c vố ễ ế ạ ố ọ ề ngôn ng này, b n sẽ không ph i m t quá nhi u th i gian đ hi u đữ ạ ả ấ ề ờ ể ể ược. Đa s cácố b n l p trình viên thạ ậ ường ng i v i c u trúc khó. Là m t u đi m l n cho m i ngạ ớ ấ ộ ư ể ớ ọ ười quan tâm và yêu thích hàng đ u v ngơn ng l p trình.ầ ề ữ ậ
Sẽ r t d ki m đấ ễ ế ược vi c làm v i m c lệ ớ ứ ương kh ng. Đa s công ty thi tủ ố ế k web hi n nay đ u có b ph n PHP. Và đó là đi u khơng th thi u. Ngồi ra cịn cóế ệ ề ộ ậ ề ể ế thêm các công ty v ph n m m. Nhi u công vi c l n khác nhau, cũng nh nhi u côngề ầ ề ề ệ ớ ư ề ty khác nhau sẽ mang l i cho b n thu nh p đáng k .ạ ạ ậ ể
Không ch v i hi n t i mà trong tỉ ớ ệ ạ ương lai. ngơn ng l p trình này sẽ cịnữ ậ phát tri n m nh me h n n a đ kh ng đ nh v trí c a mình ln là cao nh t trong cácể ạ ơ ữ ể ẳ ị ị ủ ấ b ng kh o sát ngôn ng l p trình.ả ả ữ ậ
Nhược đi m c a PHPể ủ
Tuy nhi u v i u đi m k trên,ề ớ ư ể ể PHP cũng có vài nhược đi m c b n nh sau:ể ơ ả ư
PHP còn h n ch v c u trúc a ng pháp. Nó khơng đạ ế ề ấ ủ ữ ược thi t k g nế ế ọ gàng và không được đ p m t nh nh ng ngơn ng l p trình khác.ẹ ắ ư ữ ữ ậ
PHP ch có th ho t đ ng và s d ng đỉ ể ạ ộ ử ụ ược trên các ng d ng trong web.ứ ụ Đó chính là lý do khi n cho ngơn ng này khó có th c nh tranh đế ữ ể ạ ược v i nh ng ngơnớ ữ ng l p trình khác. N u nh mu n phát tri n và nhân r ng h n n a trong l p trình.ữ ậ ế ư ố ể ộ ơ ữ ậ
CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 1. Chức năng đăng nhập, thêm sản phẩm vào giỏ hàng
Mô tả:
+ Trường hợp 1(TH1): Khách hàng đã đăng nhập có thể thêm sản phẩm vào giỏ hàng.
+ Trường hợp 2(TH2): Khách hàng chưa đăng nhập khi chọn chức năng thêm sản phẩm vào giỏ hệ thống sẽ yêu cầu đăng nhập.
Hình 3.13 Thêm vào gi thành cơngỏ
Demo TH2:
Khi bấm nút thêm u cầu đăng nhập
Hình 3.15 Yêu c u đăng nh pầ ậ
2. Chức năng thanh tốn, xuất mã đơn hàngMơ tả: Mơ tả:
Khi khách hàng chọn chức năng thanh toán, hệ thống sẽ hiển thị giao diện tùy chọn
thanh toán gồm 2 tùy chọn: thanh toán bằng thẻ, thanh toán khi nhận hàng. Nếu khách hàng chọn chức năng thanh tốn bằng thẻ, thì khách hàng phải điển các thơng tin thẻ lên form hệ thống sau đó hệ thống kiểm tra rồi mới thanh tốn.
Hình 3.17 Thanh tốn qua thẻ
3. Ch c năng đăng kýứ
Mô t :ả
Khách hàng đi n t t c thông tin vào form đăng ký, h th ng ki m tra email, tên ề ấ ả ệ ố ể tài kho n, s đi n tho i h p l sẽ thông báo đăng ký thành công, ngả ố ệ ạ ợ ệ ượ ạc l i đăng ký khơng thành cơng
Hình 3.19 Giao di n đăng kýệ
Hình 3.21 Đăng ký thành cơng
Thơng báo lỗi điền lại
4. Ch c năng c a ngứ ủ ười bán hàng
Mô tả:
Khi ngưởi bán hàng đăng nhập vào trang quản lý, người bán hàng có thể sử dụng các chức năng như: xem mặt hàng, đăng mặt hàng, sửa cập nhật thơng tin mặt hàng,xóa mặt hàng.
Xem mặt hàng
Đăng mặt hàng
Hình 3.25 Đi n thơng tin trề ước khi đăng
Chỉnh sửa thơng tin mặt hàng
Hình 3.27 M c ch nh s aụ ỉ ử
Cập nhật thông tin chỉnh sửa
Xóa mặt hàng
Hình 3.30 Giao di n xóa m t hàngệ ặ
Hình 3.32 Xóa thành cơng
Xem đơn đặt hàng
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA TRANG WEB1. Kết quả đạt được: 1. Kết quả đạt được:
Đề tài: “xây dựng Website bán hàng trực tuyến” cũng xuất phát từ thực tế ngày nay nhằm tạo một nền tảng cơ sở ban đầu để có thể hỗ trợ thêm cho thiết kế một Website của công ty hay một Website các nhân.
Mặc dù đã có nhiều cố gắng, tìm hiểu các kiến thức đã học, kết hợp tra cứu các tài liệu chuyên ngành nhưng do hạn chế về thời gian, cũng như khả năng và kinh nghiệm nên không trán khỏi nhựng thiếu sót nhất định do đó báo cáo đã hồn thành ở mức độ sau:
1.1 Những kết quả đạt được:
- Về cơng nghệ
Tìm hiểu về các cơng nghệ lập trình web
Tìm hiểu và nắm bắt được các cơng cụ thiết kế web
Biết được cách thiết kế web động cũng như cách tổng chức cơ sở dữ liệu. Các dịch vụ trên Interner, đặc biệt là web…
- Về cài đặt chương trình
Giới thiệu các mặt hàng kinh doanh đến khách hàng.
Cho phép ngưởi dùng xem được các mặt hàng, thêm vào giỏ hàng, thanh toán khi mua hàng
Tiếp nhân đơn đặt hàng của khách hàng.
Người bán hàng có thể: đăng mặt hàng,cập nhật, xóa mặt hàng, xem đơn đặt hàng của khách hàng.
Thống kê: chủng loại mặt hàng, tin tức và các đối tác - Tính năng chương trình
Thơng tin về khách hàng, mặt hàng… được cập nhật kịp thời, chính xác
- Giao diện đẹp, dễ dàng sử dụng trên các trình duyệt web. - Tốc độ xử lý nhanh.
- Mô phỏng cơ bản về cấu trúc của trang web.
1.3 Nhược điểm:
- Sản phẩm chưa được thử nghiệm với thời gian dài với nhiều môi trường khác nhau nên chưa đánh giá chính xác được độ ổn định.
- Website chỉ mới giải quyết được các vấn đề cơ bản nhất.
- Vẫn còn thiếu rất nhiều chức năng cơ bản của một website bán đồ thương mại điện tử.
2. Hướng nghiên cứu phát triển
Tìm hiểu sâu hơn hệ quản trị cơ sở dữ liệu có thể đáp ứng nhiều nhu cầu của người dử