Untitled TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI XÂY DỰNG WEBSITE CỬA HÀNG THỜI TRANG HL FASHION Sinh viên thực hiện PHẠM THỊ[.]
Trang 1TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN
ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO
ĐỀ TÀI:
XÂY DỰNG WEBSITE CỬA HÀNG THỜI TRANG HL-FASHION
Sinh viên thực hiện : PHẠM THỊ HUYỀN
: HOÀNG NGỌC LONG
Giảng viên hướng dẫn : CẤN ĐỨC ĐIỆP
Trang 21 Phạm Thị Huyền
19810310303
Admin: tài khoản, giỏ hàng, thanh toán, đơn hàng, thống
kê, liên hệ, bài viết.
User: Tin tức, khác, chi tiết
User: sản phẩm, danh mục sản phẩm, chi tiết sản phẩm.
Sửa báo cáo
Giảng viên chấm 1:
Giảng viên chấm 2:
Trang 3MỤC LỤC
CHƯƠNG 1: TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU 1
1.1 Giới thiệu đề tài 1 1.2 Mục đích nghiên cứu 1 1.3 Mục tiêu đề tài 2 CHƯƠNG 2: PHÂN TÍCH WEBSITE 4
2.1 Mô tả website 2.1.1 Khái niệm website 4 2.2 Phân tích thiết kế các chức năng ứng dụng 6 Mô tả chức năng ứng dụng 6
2.3 Yêu cầu về chức năng : 7 Mô tả các chức năng : 9
2.4 Các hệ thống liên quan dến Website 10
2.4.1 Trang chủ 10
2.4.2 Trang sản phẩm 10
2.4.3 Trang chi tiết nội dung bán hàng 10
2.4.4 Trang đăng kí 11
2.4.5 Trang đăng nhập 11
2.4.6 Trang thông tin thời trang(blog) 11
2.4.7 Trang trợ giúp 11
2.4.8 Trang giới thiệu về web 11
2.4.9 Trang giỏ đồ 11
2.4.10.Trang giao hàng 11
2.4.11.Trang thanh toán 11
2.4.12.Trang danh sách hàng đã đặt 11
2.4.13.Trang theo dõi đơn hàng 12
2.4.15.Trang liên hệ 12
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 13
Trang 43.1 Thiết kế mô hình cơ sở dữ liệu 13
3.2.1 Giao diện trang chủ 14
3.2.3 Giao diện tất cả sản phẩm 15
3.2.5 Giao diện bài viết 16
3.2.6 Giao diện liên hệ 16
3.2.7 Giao diện giỏ hàng và thanh toán 17
3.2.8 Giao diện đăng nhập admin 18
3.2.9 Giao diện quản trị hệ thống 18
CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 19 1 Kết luận 19
2 Hướng phát triển 19
Trang 5Danh mục hình ảnh
3.2.1 Giao diện trang chủ 14
3.2.3 Giao diện tất cả sản phẩm 15
3.2.5 Giao diện bài viết 16
3.2.6 Giao diện liên hệ 16
3.2.7 Giao diện giỏ hàng và thanh toán 17
3.2.8 Giao diện đăng nhập admin 18
3.2.9 Giao diện quản trị hệ thống 18
Trang 6CHƯƠNG 1: TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU
1.1 Giới thiệu đề tài
Trong những năm gần đây, ứng dụng CNTT về quản lý web đang phát triểnmạnh mẽ, giúp cho các cửa hàng kiếm được lợi nhuận nhiều hơn nhờ vào các trangwebsite bán hàng nhanh Nên nhóm chúng em quyết định chọn đề tài xây dựngtrang website cửa hàng thời trang Với mong muốn giúp cho cửa hàng kiếm thêmthu nhập nhiều hơn nhờ vào việc bán online Ngoài ra, website bán hàng rất thânthiện giúp cho khách hàng mua được thuận lợi hơn, khách hàng sẽ được muanhững sản phẩm hàng mà mình thích không cần tốn nhiều thời gian để đi ra cửahàng mua Đây là điều tuyệt nhất đối với khách hàng Một trong các nhà phát triểnphần mềm hàng đầu thế giới về lĩnh vực này là Microsoft, họ đã cho ra đời môhình PHP hỗ trợ người phát triển các ứng dụng web trên nền NET Frameworktrong đó có tích hợp công nghệ LINQ với Entity Framework hỗ trợ làm việc vớicác loại CSDL Do đó, nhóm sinh viên chúng em chọn đề tài “Xây dựng trangwebsite cửa hàng thời trang”
PHP , Xây dựng Website để thực hiện đồ án lập trình web nâng cao đáp ứngtheo chương trình đào tạo của Trường ĐH Điện Lực, đồng thời mong muốn gópphần đẩy đưa ứng dụng CNTT vào Website để cho việc bán hàng online được hoànthiện và thân thiện nhất giúp cho khách hàng hài lòng khi vào Website bán hàngonline của nhóm chúng em
1.2 Mục đích nghiên cứu
- Học được những kiến thức mới
Tìm hiểu kĩ thuật lập trình trên PHP
Tìm hiểu các công nghệ hỗ trợ như: HTML5, CSS3, Jquery…
Trang 7Tìm hiểu về ngôn ngữ và kiến thức tương tác CSDL (LINQ to SQL và EntityFrameWork).
Cách điều khiển dữ liệu(Controller)
- Tìm hiểu về thanh toán trực tuyến vào web để cung cấp chức năng thanhtoán online
- Tìm hiểu về Domain Hosting và triển khai vận hành Website trên môitrường
1.3 Mục tiêu đề tài
- Vì là một website bán hàng, nên điều được nhóm chúng em chú trọng đó làtính thân thiện với người dùng, giao diện đẹp mắt, cách trình bày sản phẩm cũngnhư chi tiết sản phẩm, giá cả hợp lý cũng là cách để gây ấn tượng tốt với kháchhàng Cả khách hàng và nhà quản lý sẽ cảm thấy thoải mái khi sử dụng một trangweb đẹp và dễ truy cập
Người dùng (User):
+ Tham quan trang web
+ Tìm kiếm và lựa chọn sản phẩm cần mua
+ Xem chi tiết 1 sản phẩm
+ Xem quảng cáo
+ Đăng ký, đăng nhập phục vụ cho việc mua bán online
+ Thực hiện việc mua hàng và thanh toán trực tuyến
+ Quản lý trang web của mình thông qua tài khoản Admin rõ ràng, dễ sử dụng, bảo
+ Quản lý tất cả các sản phẩm một cách dễ dàng
+ Xem sản phẩm danh sách sản phẩm mới và danh sách sản phẩm bán chạy.+ Thêm loại sản phẩm, màu cho loại sản phẩm
Trang 8+ Kiểm tra và xử lý đơn đặt hàng.
+ Theo dõi và phản hồi ý kiến khách hàng
Trang 9CHƯƠNG 2: PHÂN TÍCH WEBSITE 2.1 Mô tả website
2.1.1 Khái niệm website
Website là của cửa hàng chuyên cung cấp các mặt hàng quần áo, giày dép, thắt lưng, đồng hồ Yêu cầu của website là thể hiện được các sản phẩm, thông tin sản phẩm cho phép khách hàng có thể xem và mua hàng, đồng thời xem những thông tin về sản phẩm mới một cách nhanh chóng,…
2.1.2 Tìm hiểu về ngôn ngữ PHP
- Khái niệm
PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là
một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để pháttriển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát
Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối
ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, 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ácnên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thếgiới
- Cú pháp
PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của nó Bất cứ
mã nào nằm ngoài những dấu giới hạn đều được xuất ra trực tiếp không thông qua
xử lý bởi PHP Các dấu giới hạn thường dùng nhất là <?php và ?>, tương ứng vớidấu giới hạn mở và đóng Các dấu giới hạn <scriptlanguage="php"> và </script> cũng đôi khi được sử dụng Cách viết dấu giới hạndạng thẻ ngắn cũng có thể được dùng để thông báo bắt đầu đoạn mã PHP,
là <? hay <?= (dấu này được sử dụng để in ra (echo) các xâu ký tự hay biến) với
Trang 10thẻ thông báo kết thúc đoạn mã PHP là ?> Những thẻ này thường xuyên được sửdụng, tuy nhiên giống với những thẻ kiểu ASP (<% hay <%= và %>), chúngkhông có tính di động cao bởi có thể bị vô hiệu khi cấu hình PHP Bởi vậy, việcdùng các thẻ dạng ngăn hay các thẻ kiểu ASP không được khuyến khích Mục đíchcủa những dấu giới hạn này là ngăn cách mã PHP với những đoạn mã thuộc ngônngữ khác, gồm cả HTML Mọi đoạn mã bên ngoài các dấu này đều bị hệ thốngphân tích bỏ qua và được xuất ra một cách trực tiếp
Các biến được xác định bằng cách thêm vào trước một dấu đô la ($) vàkhông cần xác định trước kiểu dữ liệu Không giống với tên hàm và lớp, tên biến làtrường hợp nhạy cảm Cả dấu ngoặc kép ("") và ký hiệu đánh dấu văn bản(<<<EOF EOF;) đều có thể dùng để truyền xâu và giá trị biến PHP coi xuốngdòng như một khoảng trắng theo kiểu như một ngôn ngữ dạng tự do (free-form
language) (trừ khi nó nằm trong trích dẫn xâu), và các phát biểu được kết thúc bởi
một dấu chấm phẩy.[5] PHP có ba kiểu cú pháp chú thích: /* */ cho phép một đoạnchú thích tùy ý, trong khi đó // và # cho phép chú thích trong phạm vi một dòng.Phát biểu echo là một trong những lệnh của PHP cho phép xuất văn bản (vd ra
Về cú pháp các từ khóa và ngôn ngữ, PHP tương tự hầu hết các ngôn ngữlập trình bậc cao có cú pháp kiểu C Các phát biểu điều kiện If (Nếu), vòng
Trang 11lặp for và white, các hàm trả về đều tương tự cú pháp của các ngôn ngữnhư C, C++, Java và Perl.
2.1.3 Tìm hiểu về MYSQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới
và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng VìMySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khảchuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiệních rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứngdụng có truy cập CSDL trên internet Người dùng có thể tải về MySQL miễn phí từtrang chủ MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bảnWin32 cho các hệ điều hành dòng Windows, Linux, MacOSX, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,
MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu
quan hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)
MySQL được sử dụng cho việc bổ trợ Node.js, PHP, Perl, và nhiều ngôn
ngữ khác, làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs,PHP hay Perl,
2.2 Phân tích thiết kế các chức năng ứng dụng
Mô tả chức năng ứng dụng
- Mục đích xây dựng hệ thống phần mềm hoạt động trên môi trường web đểquản lý việc bán hàng thuận tiện, rất dễ quản lý cho các sản phẩm giúp cho conngười quản lý dễ dàng trong việc bán hàng cho khách để có thể kiểm soát đượckhách hàng mua hàng và thống kê các sản phẩm của cửa hàng Còn khách hàngmua hàng trên web sẽ được thoải mái hơn không tốn thời gian đến cửa hàng màvẫn mua được sản phẩm mà mình thích
- Bộ phận quản lý, thực hiện các nghiệp vụ sau (trước tiên muốn thực hiện cácnghiệp vụ cần phải đăng nhập tài khoản và mật khẩu thì mới thực hiên được các
Trang 12chức năng Trong đó đã phân quyền các nhân viên để thực hiện các chức năng khácnhau, chỉ có người quản lý chính mới được đầy đủ quyền kiểm soát).
- Xem sản phẩm, danh sách chi tiết sản phẩm
- Cập nhật giá mới cho sản phẩm
Trang web phục vụ cho khách hàng, với những chức năng như sau:
- Tìm kiếm sản phẩm theo tên sản phẩm, mã sản phẩm
- Xem sản phẩm
- Chọn sản phẩm và xem chi tiết sản phẩm
- Đặt mua sản phẩm
- Xem giỏ hàng đã mua những gì
- Cập nhật giỏ hàng, thêm, sửa, xoá
- Đặt hàng
- Nhập thông tin cá nhân khi đặt hàng (tên, địa chỉ, email, số điện thoại…)
- Xem tin tức, tin khuyến mãi
Trang 132.3 Yêu cầu về chức năng :
- User: Là những người có nhu cầu mua sắm các sản phẩm Họ sẽ tìm kiếmcác sản phẩm cần thiết từ hệ thống và đặt mua các sản phẩm này Vì thế trang webphải thỏa mãn các chức năng sau:+Hiển thị danh sách các sản phẩm của cửa hàng
để khách hàng có thể xem và lựa chọn
+ Cung cấp chức năng tìm kiếm sản phẩm Với nhu cầu của khách hàng khibước vào trang web thương mại là tìm kiếm các sản phẩm mà họ cần và muốnmua Đôi lúc cũng có nhiều khách hàng vào website mà không có ý định mua haykhông biết mua gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để khách hàng cóthể tìm kiếm nhanh và hiệu quả các sản phẩm mà họ cần tìm
+Sau khi khách hàng lựa chọn xong những sản phẩm cần mua thì hệ thốngphải có chức năng hiển thị đơn đặt hàng để khách hàng nhập vào những thông tincần thiết, tránh những đòi hỏi hay những thông tin yêu cầu quá nhiều về phíakhách hàng, tạo cảm giác thoải mái, riêng tư cho khách hàng Ngoài ra còn có một
số chức năng như: Đăng ký, đăng nhập Khách hàng có thể thay đổi mật khẩu củamình Khi bạn quan tâm đến thông tin về website như: Tin tức hay giá cả Bạn cóthể nhập địa chỉ email của bạn vào Lúc đó bạn có thể nhận được thông tin cập nhật
từ website
-Admin: Là người làm chủ ứng dụng có quyền kiểm soát mọi hoạt động của hệthống Người này được cấp một username và password để đăng nhập vào hệ thốngthực hiện chức năng của mình Nếu như quá trình đăng nhập thành công thì nhàquản lý có những chức năng sau:
+Chức năng quản lý cập nhật( thêm, sửa, xóa) các sản phẩm trên trang web,việc này đòi hỏi chính xác
+Tiếp nhận và kiểm tra đơn đặt hàng của khách hàng Hiển thị đơn đặt hànghay xóa bỏ đơn đặt hàng
+Thống kê các sản phẩm đã bán, còn lại, thống kê doanh thu
- Ngoài các chức năng trên thì trang web phải trình bày sao cho dễ hiểu, giao diệnmang tính dễ dùng, đẹp mắt và làm cho khách hàng thấy được những thông tin cầntìm, cung cấp những thông tin quảng cáo thật hấp dẫn nhưng chung thực, nhằm thuhút sự quan tâm về cửa hàng của mình và có cơ hội có nhiều khách tham quan muasắm sản phẩm của cửa hàng
Trang 14- Điều quan trọng trong trang web mua bán trên mạng là phải đảm bảo an toàntuyệt đối những thông tin liên quan đến khách hàng trong quá trình đặt mua haythanh toán Đồng thời trang web còn phải có tính dễ nâng cấp, bảo trì, sửa chữa khicần bổ sung hay cập nhật tính năng mới.
- Yêu cầu phi chức năng :
-Hỗ trợ khách hàng an toàn khi mua sản phẩm như các thông tin cá nhân liênquan đến khách hàng được đảm bảo an toàn Giao diện thân thiện, dễ dùng, hấpdẫn, dễ tìm kiếm thông tin các sản phẩm
-Website có dung lượng không quá lớn, tốc độ xử lý nhanh
- Việc tính toán đảm bảo chính xác và không chấp nhận sai sót
- Đảm bảo an toàn dữ liệu khi chạy
- Có khả năng lưu trữ nhiều dữ liệu
Mô tả các chức năng :
-Chức năng: Quản lý bán hàng
+ Tìm kiếm sản phẩm: Khách hàng sẽ được cung cấp chức năng tìm kiếmtrên website Khi nhập từ khóa vào ô tìm kiếm hệ thống sẽ trả về yêu cầu với từkhóa đó Từ khóa sẽ được tìm trên tất cả các trường thông tin cần thiết của mỗi sảnphẩm
+ Hiển thị thông tin và phân loại sản phẩm: Sản phẩm hiển thị lên website sẽđược hiển thị đầy đủ thông tin như: hình ảnh, tên sản phẩm, đặc điểm nổi bật củasản phẩm, thông tin chi tiết của sản phẩm, giá, thời gian bảo hành, hãng sản xuất,thông tin về chương trình khuyến mại, Các sản phảm này sẽ được phân loại theotừng hãng sản xuất, theo tên chủng loại Sự phân loại này sẽ được người dùng lựachọn khi tham quan các gian hàng Trên trang chủ của website, thành phần chính sẽhiển thị một số sản phẩm mới nhất, nổi bật nhất và bán chạy nhất cùng các tin tứcmới nhất của các sản phẩm được lấy từ chuyên trang tin tức trên website
+ Giỏ hàng, thanh toán(đơn hàng, thanh toán): Khi tham khảo đầy đủ thôngtin về sản phẩm khách hàng có thể đặt mua sản phẩm ngay tại website thông quachức năng giỏ hàng mà không cần phải đến địa điểm giao dịch, giỏ hàng được môphỏng như giỏ hàng trong thực tế có thể thêm bớt, thanh toán thành tiền các sảnphẩm đã mua Khi chọn thanh toán giỏ hàng khách hàng phải ghi đầy đủ các thôngtin cá nhân, thông tin này được hệ thống lưu trữ và xử lý
Trang 15+Xem thông tin đơn hàng: Khách hàng có thể đặt hàng qua hệ thống websitenhà quản trị sẽ xem thông tin đơn đặt hàng của khách hàng nếu trong hệ thống cònhàng thì hệ thống sẽ duyệt đơn và trả lời đơn khách hàng và thực hiện giao dịch.Còn nếu hết hàng hệ thống sẽ gửi lại thông báo cho khách hàng.
- Chức năng: Quản lý người dùng
+ Đăng nhập: Khi khách hàng muốn mua sản phẩm của cửa hàng thì bắt buộcphải đăng nhập vào hệ thống
+ Đăng ký: Nếu khách hàng nào chưa có tài khoản thì có thể đăng ký bằngcách điền thông tin đầy đủ và chờ xác nhạn của hệ thống, nếu thông tin chính xác
hệ thống sẽ thông báo thành công cho khách hàng, nếu lỗi thì khách hàng phảikiểm tra lại thông tin mà mình đã nhập
+ Cập nhật thông tin cá nhân
2.4 Các hệ thống liên quan dến Website
2.4.1 Trang chủ
- Đây là trang đầu tiên sẽ được hiện lên khi người dùng truy cập vào website
và nó có vài nghiệp vụ sau đây
- Tạo thanh menu đa cấp điều hướng trang web
- Hiển thị thông tin sản phầm:quần áo , phụ kiện,các mẫu thời trang…
- Hiển thị cửa hàng để vào, thông báo mới nhất, các danh mục lựa chọn, formđăng kí, đăng nhập, trợ giúp … giúp cho người dùng có thể tiếp cận với trang webmột cách dễ dàng
- Hiện thị footer có các thông tin về thông tin trang web
2.4.2 Trang sản phẩm
- Là trang khi người dùng truy cập vào sẽ hiển thị các sản phẩm được bán
- Là layout cho các chủ đề trên được chia thành các khối nội dung theo từng lĩnh vực, thanh bên phải là danh mục
2.4.3 Trang chi tiết nội dung bán hàng
-Là trang cung cấp thông tin chi tiết về các mẫu quần áo giày dép, các đồdùng, phụ kiện thời trang, các style hot của nam và nữ,…
- Hiển thị theo các khối, mỗi khối có hình ảnh và nội dung kèm hình ảnh
10