XÂY DỰNG WEBSITE bán đồ ăn CHO cửa HÀNG XUKA

lOMoARcPSD|11424851 TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN HỮU NGHỊ VIỆT - HÀN KHOA CÔNG NGHỆ THÔNG TIN  XÂY DỰNG WEBSITE BÁN ĐỒ ĂN CHO CỬA HÀNG XUKA TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN NIÊN KHÓA: 2016 - 2019 HSSV : Nguyễn Thị Hoa Mã HSSV : CCCT16B006 CBHD : TS Hồ Văn Phi Đà Nẵng, 06/2019 lOMoARcPSD|11424851 MỞ ĐẦU Ngày nay, với phát triển công nghệ, đặc biệt công nghệ thông tin tạo nhiều hội tiếp cận với dịch vụ tiện ích cho người, với tảng cơng nghiệp tri thức, thương mại điện tử Thay vào đó, thương mại điện tử hỗ trợ người đại cách tối đa Họ có thểdùng điện thoại di động máy tính có kết nối mạng để mạng mua sản phẩmở đâu, lúc Thương mại điện tử cung cấp cho người sử dụng dịch vụ xuyên biên giới thời gian, giúp cho khách hàng tiết kiệm thời gian chi phí lại Trong thời kì khủng hoảng kinh tế website trở nên quan trọng Sau nghiên cứu tình hình phát triển cửa hàng XuKa, tơi thấy việc cửa hàng cần có website bán hàng cần thiết Điều không làm cho doanh thu cửa hàng tăng lên mà cịn hội quảng bá hình ảnh cửa hàng rộng rãi hơn, tạo ấn tượng tốt cửa hàng với khách hàng Qua thời gian khảo sát làm việc cửa hàng XuKa định chọn đề tài “ Xây dựng website bán đồ ăn cho cửa hàng XuKa” Với mong muốn cửa hàng bán đồ ăn Xuka ngày nhiều người biết đến hơn, doanh thu cửa hàng tăng lên Lý chọn đề tài Ngày nay, với phát triển công nghệ, đặc biệt công nghệ thông tin tạo nhiều hội tiếp cận với dịch vụ tiện ích cho người, với tảng công nghiệp tri thức, thương mại điện tử Thay vào đó, thương mại điện tử hỗ trợ người đại cách tối đa Họ có thểdùng điện thoại di động lOMoARcPSD|11424851 máy tính có kết nối mạng để mạng mua sản phẩmở đâu, lúc Thương mại điện tử cung cấp cho người sử dụng dịch vụ xuyên biên giới thời gian, giúp cho khách hàng tiết kiệm thời gian chi phí lại Trong thời kì khủng hoảng kinh tế website trở nên quan trọng Sau nghiên cứu tình hình phát triển cửa hàng XuKa, thấy việc cửa hàng cần có website bán hàng cần thiết Điều không làm cho doanh thu cửa hàng tăng lên mà cịn hội quảng bá hình ảnh cửa hàng rộng rãi hơn, tạo ấn tượng tốt cửa hàng với khách hàng Qua thời gian khảo sát làm việc cửa hàng XuKa định chọn đề tài “ Xây dựng website bán đồ ăn cho cửa hàng XuKa” Với mong muốn cửa hàng bán đồ ăn Xuka ngày nhiều người biết đến hơn, doanh thu cửa hàng tăng lên Mục tiêu nhiệm vụ nghiên cứu Xây dựng trang web bán hàng cho cửa hàng, thực chức bán hàng Giao diện đẹp dễ sử dụng Đối tƣợng phạm vi nghiên cứu Nghiên cứu công cụ hỗ trợ laravel Khảo sát quy trình bán đồ ăn cửa hàng Phƣơng pháp nghiên cứu Tìm hiểu tài liệu liên quan Khảo sát thực trạng quy trình bán, sản phẩm cửa hàng Dự kiến kết Hoàn thành trang web bán đồ ăn cho cửa hàng với giao diện trực quan dễ sử dụng Nội dung đồ án lOMoARcPSD|11424851 Ngoài nội dung Phần mở đầu, kết luận, tài liệu tham khảo nội dung đồ án gồm chương sau: Chương Cơ sở lý thuyết Chương Phân tích thiết kế Chương Chương trình Demo lOMoARcPSD|11424851 CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 TỔNG QUAN VỀ LẬP TRÌNH LARAVEL Laravel Open source PHP Framework miễn phí phát triển Taylor Otwell mắt lần đầu vào tháng năm 2011 Với ưu điểm tận dụng kỹ thuật Design Pattern, công nghệ PHP dễ dàng tiếp cận sử dụng Laravel PHP Framework sử dụng phổ biến giới Nhưng không phần mềm có ưu điểm Laravel có số điểm yếu sau: khơng hỗ trợ phiên PHP cũ website có tảng PHP version thấp khó có ý định chuyển sang Laravel phải cập nhật thông tin PHP để áp dụng vào Laravel Phiên Laravel hỗ trợ phiên 5.5.9 trở lên 1.2 CÀI ĐẶT LARAVEL Laravel sử dụng Composer để quản lý thành phần phụ Vì vậy, trước sử dụng Laravel chắn Composer cài đặt máy tcủa bạn - Tạo project Laravel với trình cài đặt Laravel (Laravel Installer) Trước tiên, tải Laravel Installer Composer Câu lệnh: composer global require "laravel/installer" Hãy đảm bảo thư mục bin bên thư mục vendor hệ thống Composer đặt biến mơi trường $PATH laravel thực thi định hệ thống bạn Thư mục tồn vị trí khác dựa hệ điều hành bạn; nhiên, số vị trí phổ biến bao gồm: + Hệ điều hành Mac: $HOME/.composer/vendor/bin lOMoARcPSD|11424851 + Các phân phối GNU / Linux: $HOME/.composer/vendor/bin Sau cài đặt, lệnh “laravel new” tạo Laravel cài đặt thư mục bạn định VD: laravel new blog tạo thư mục có tên blog chứa cài đặt Laravel với tất thành phần phụ đưa vào Câu lệnh sử dụng: laravel new blog Hoặc tạo project với Composer Create-Project Cách khác để cài đặt Laravel cách dùng lệnh createproject Composer cửa sổ lệnh composer create-project prefer-dist laravel/laravel blog Tạo Server cục để phát triển Nếu có cài đặt PHP máy cục bạn muốn dùng Server tích hợp sẵn PHP phục vụ cho ứng dụng, bạn dùng lệnh Artisan serve Câu lệnh khởi động server hoạt động địa chỉ: http://localhost:8000 Câu lệch thực hiện: php artisan serve Tất nhiên, có nhiều lựa chọn phát triển cục mạnh mẽ thơng qua Homestead Valet Cấu hình cho ứng dụng Thư mục Public Sau cài đặt Laravel, bạn chỉnh cấu hình tài liệu cơng khai web server thư mục gốc website đặt thư mục public File index.php thư mục file chạy ứng dụng nhận tất HTTP Request đổ vào ứng dụng bạn Các file Cấu hình lOMoARcPSD|11424851 Tất file cấu hình Laravel Framework đặt thư mục config Mỗi option ghi tài liệu đó, nên xem qua file làm quen với option có sẵn cho bạn Application Key Việc bạn cần làm sau cài đặt Laravel thiết lập Application key thành chuỗi ngẫu nhiên Nếu bạn cài đặt Larvel thông qua Composer Laravel Installer, key thiết lập cho bạn câu lệnh: php artisan key:generate Thông thường, chuỗi phải 32 ký tự Key thiết lập file cấu hình mơi trường env Nếu bạn không thay đổi tên env.example thành env, bạn cần làm Chú ý: Nếu application key không thiết lập, sessions user liệu mã hóa khác khơng an tồn Cấu hình bổ sung Bạn tự phát triển Tuy nhiên, bạn xem file cấu hình config/app.php tài liệu Nó chứa cá tùy chọn timezone locale thay đổi theo ứng dụng bạn Bạn muốn cấu hình vài thành phần bổ sung Laravel, chẳng hạn như: - Cache - Database - Session 1.3 TỔNG QUAN VỀ XAMPP Để chạy PhP phải thiết lập môi trường wen Server Tuy nhiên, lúc đủ kinh phí để mua Server phục vụ cho việc học Điều vô tốn không cần thiết Vậy làm để ta chạy lOMoARcPSD|11424851 PHP Chúng ta tìm hiểu cơng cụ mà giúp giải vấn đề Đó XAMPP XAMPP gì? Xampp cơng cụ tích hợp đầy đủ thành bao gồm Apachee, Mysql, PHP,Perl Giúp tạo môi trường web sever máy tính ,để chạy kịch PHP Apache Là chương trình máy chủ, dùng để giao tiếp với giao thức HTTP Apache chạy tốt hệ điều hành Mysqql Là hệ quản trị sở liệu, dùng để lưu trữ thông tin website Mỗi website sử dụng nhiều sở liệu PHP Là ngơn ngữ kịch phía Server, dùng để xử lý thao tác người dùng Và làm việc trực tiếp với sở liệu (Database) Perl Là tầng cao hơn, ngơn ngữ lập trình động Sử dụng rộng rãi lập trình mạng quản trị hệ thống Ít phổ biến cho mục đích phát triển web, Perl thích hợp với nhiều ứng dụng 1.4 NGƠN NGỮ LẬP TRÌNH PHP Là PHP Framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm mục tiêu hỗ trợ phát triển ứng dụng web theo cấu trúc model- view- controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu- rõ ràng, hệ thống đóng gói Modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Những đặc trưng php lOMoARcPSD|11424851 PHP từ viết tắt từ Hypertext Preprocessor, ngôn ngữ lập trình thực kích đưa loại mã lệnh mà dùng chủ yếu việc phát triển ứng dụng có liên quan đến việc viết cho máy chủ; mã nguồn mở mục đích tổng quát PHP thích hợp với việc viết cho web, bên cạnh sử dụng chúng nhúng vào trang HTML cách dễ dàng Hiện nay, PHP ngôn ngữ lập trình cho web sử dụng biết đến vô phổ biến giới Lý việc tối ưu hóa ứng dụng web, việc có tốc độ nhanh nhỏ gọn Bên cạnh đó, cú pháp PHP giống với C Java nên lập trình viên học xây dựng sản phẩm tương đối nhanh so với ngôn ngữ khác Việc xây dựng ngôn ngữ, tài liệu gốc thư viện PHP có tính cộng đồng đóng góp Zend Inc lớn Nhằm tạo mơi trường làm việc chun nghiệp, đưa PHP vào quy mô phát triển doanh nghiệp cơng ty nhà phát triển PHP tính cốt lõi vô quan tâm, đầu tư nguồn nhân lực cho công việc Ưu điểm Ưu điểm PHP có nhiều, kể cho bạn đọc nội dung bao gồm: Ưu điểm mà chúng tơi muốn nhắc tới việc PHP sử dụng miễn phí, yếu tố vơ tuyệt vời cho muốn học ngôn ngữ lập trình Các bạn tự học PHP theo dạng online, mà không cần phải lo đến việc bỏ khoản tiền lớn để chi trả cho học lOMoARcPSD|11424851 Thứ hai, cấu trúc PHP cực đơn giản, nên bạn lập trình viên tìm hiểu theo họ khơng bị q nhiều thời gian học Đây ưu điểm, khiến cho PHP ln đón nhận quan tâm hàng đầu từ người u thích cơng nghệ thông tin Thứ ba, thư viện mà PHP tạo có phong phú, cộng đồng hỗ trợ cách mạnh mẽ Vậy nên, bạn có nhu cầu tìm nguồn tài liệu dễ dàng, gặp khó khăn hỗ trợ cách đắc lực  Thứ tư, học PHP bạn có hội việc làm lớn, mức lương cao chúng tơi khơng muốn nói khủng, chắn bạn chưa nghĩ tới Bên cạnh đó, ưu điểm cịn giúp cho bạn làm lượng công việc lớn khác nhau, nhiều công ty thu nhập từ tăng lên đáng kể  Thứ năm, PHP không dừng lại tính tại, tương lai cịn phát triển mạnh mẽ để khẳng định vị trí ln cao bảng danh sách thực điều tra, khảo sát năm ngơn ngữ lập trình cơng nghệ thông tin Nhược điểm  Với ưu điểm tiện dụng, người học lập trình dễ học PHP có nhược điểm Trong đó, thể qua:  Thứ nhất, PHP có hạn chế cấu trúc ngữ pháp, khơng thiết kế gọn gàng có phần đẹp mắt ngơn ngữ lập trình khác lOMoARcPSD|11424851  Thứ hai, PHP hoạt động sử dụng ứng dụng web Đó lý khiến cho ngơn ngữ khó cạnh tranh với ngơn ngữ lập trình khác, muốn phát triển nhân rộng lập trình 1.5 MYSQL LÀ GÌ? MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet Người dùng tải MySQL miễn phí từ trang chủ MySQL có nhiều phiên cho hệ điều hành khác nhau: phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS 10 lOMoARcPSD|11424851 CHƢƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 GIỚI THIỆU VỀ CỬA HÀNG XUKA 2.2 MỤC TIÊU VÀ YÊU CẦU XÂY DỰNG HỆ THỐNG 2.3 MƠ HÌNH HĨA U CẦU 2.3.1 Xác định tác nhân 2.3.2 Xác định trƣờng hợp sử dụng 2.3.3 Đặc tả trƣờng hợp sử dụng 2.4 BIỂU ĐỒ TRƢỜNG HỢP SỬ DỤNG Hình 2.1 Biểu đồ trường hợp sử dụng Hình 2.3 Biểu đồ cập nhật danh mục 2.5 BIỂU ĐỒ HOẠT ĐỘNG Hình 2.4 Biểu đồ hoạt động đăng nhập Hình 2.5 Biểu đồ hoạt động tìm kiếm\ Hình 2.6 Biểu đồ hoạt động xem chi tiết sản phẩm Hình 2.7 Biểu đồ hoạt động cập nhật sản phẩm Hình 2.8 Biểu đồ cập nhật đơn hàng 2.6 BIỂU ĐỒ TUẦN TỰ Hình 2.9 Biểu đồ đăng nhập Hình 2.10 Biểu đồ tìm kiếm Hình 2.11 Biểu đồ cập nhật khuyến Hình 2.12 Biểu đồ đặt hàng 2.7 BIỂU ĐỒ LỚP CHI TIẾT Hình 2.13 Biểu đồ lớp chi tiết 2.8 BIỂU ĐỒ TRẠNG THÁI Hình 2.14 Biểu đồ trạng thái đăng nhập Hình 2.15 Biểu đồ trạng thái tìm kiếm Hình 2.16 Biểu đồ trạng thái tiến hành đặt hàng 11 lOMoARcPSD|11424851 CHƢƠNG DEMO CHƢƠNG TRÌNH 3.1 GIAO DIỆN TRANG CHỦ Hình 3.1 Giao diện trang chủ 3.2 GIAO DIỆN DANH MỤC SẢN PHẨM Hình 3.2 Giao diện danh mục sản phẩm 3.3 GIAO DIỆN TRANG THỰC ĐƠN Hình 3.3 Giao diện trang thực đơn 12 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.4 GIAO DIỆN CHI TIẾT SẢN PHẨM Hình 3.4 Giao diện chi tiết sản phẩm 3.5 GIAO DIỆN TRANG GIỎ HÀNG Khách hàng thêm, sửa, xóa sản phẩm mua sản phẩm Hình 3.5 Giao diện trang giỏ hàng 3.6 GIAO DIỆN TRANG ĐĂNG KÝ Hình 3.6 Giao diện trang đăng ký 13 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.7 GIAO DIỆN TRANG ĐĂNG NHẬP Hình 3.7 Giao diện trang đăng nhập 3.8 GIAO DIỆN TRANG CHỦ ADMIN Hình 3.8 Giao diện trang chủ admin 3.9 GIAO DIỆN QUẢN LÝ SẢN PHẨM Admin có quyền thêm, sửa, xóa, sản phẩm Hình 3.9 Giao diện quản lý sản phẩm 14 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.10 GIAO DIỆN QUẢN LÝ ĐƠN HÀNG Hình 3.10 Giao diện quản lý đơn hàng 3.11 THƢ VIỆN HÌNH ẢNH Hình 3.11 Thư viện hình ảnh 15 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 KẾT LUẬN Trên kết mà em tìm hiểu, nghiên cứu Qua đồ án biết Thương mại điện tử việc mua bán hàng hoá dịch vụ thông qua phương tiện điện tử, Internet mạng viễn thông Việc xây dựng Website bán hàng có nhiều lợi ích cho việc kinh doanh trở nên dễ dàng Để xây dựng website bán hàng ta sử dụng ngơn ngữ Laravel, dễ dàng quản lý thao tác, sản phẩm cách dễ dàng Sau thời gian thực đề tài em hoàn thành đạt số kết sau: - Nắm rõ quy trình bán hàng online - Xây dựng thành công website bán đồ ăn đáp ứng nhu cầu người - Giao diện chương trình thân thiện, dễ sử dụng giúp người mua hàng dễ dàng thao tác Em sử dụng Laravel để phát triển website bán hàng, có chức đầy đủ, nhiên hạn chế mặt kinh nghiệm kiến thức, nên webite nhiều hạn chế Về thực nghiệm, thiết kế cài đặt thành cơng chương trình, thể phù hợp với nội dung đề tài Trong thời gian tới em tiếp tục hoàn thiện chức thời bổ sung thêm chức nhằm mang lại tiện dụng cho người dùng Trong tương lai, em hi vọng cố gắng hoàn thiện tốt đề tài cố gắng đáp ứng đầy đủ yêu cầu hệ thống Mong thầy cô giúp đỡ góp ý kiến Em xin chân thành cảm ơn! 16 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) ... tượng tốt cửa hàng với khách hàng Qua thời gian khảo sát làm việc cửa hàng XuKa định chọn đề tài “ Xây dựng website bán đồ ăn cho cửa hàng XuKa? ?? Với mong muốn cửa hàng bán đồ ăn Xuka ngày nhiều... tốt cửa hàng với khách hàng Qua thời gian khảo sát làm việc cửa hàng XuKa định chọn đề tài “ Xây dựng website bán đồ ăn cho cửa hàng XuKa? ?? Với mong muốn cửa hàng bán đồ ăn Xuka ngày nhiều người... triển cửa hàng XuKa, thấy việc cửa hàng cần có website bán hàng cần thiết Điều không làm cho doanh thu cửa hàng tăng lên mà cịn hội quảng bá hình ảnh cửa hàng rộng rãi hơn, tạo ấn tượng tốt cửa hàng