Thiết kế và xây dựng website bán điện thoại

Bước khảo sát yêu cầu sẽ làm rõ được một số vấn đề sau: • Mục đích xây dựng ứng dụng: Mục đích sử dụng của dự án này là trình bày thông tin sản phẩm trên website, cho phép người dùng tru

NGUYỄN CÔNG VIỆT BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC PHENIKAA ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI KHOA HỌC MÁY TÍNH Sinh viên: Nguyễn Công Việt Mã số sinh viên: 18010149 Khóa: K12 Ngành: Khoa Học Máy Tính Hệ: Chính Quy Giảng viên hướng dẫn: ThS Nguyễn Thị Thùy Liên Hà Nội – Năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC PHENIKAA ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI Sinh viên: Nguyễn Công Việt Mã số sinh viên: 18010149 Khóa: K12 Ngành: Khoa Học Máy Tính Hệ: Chính Quy Giảng viên hướng dẫn: ThS Nguyễn Thị Thùy Liên Hà Nội – Năm 2022 LỜI CAM ĐOAN Tôi tên là: Nguyễn Công Việt………………………………………………………………… Mã sinh viên: 18010149………………………… Lớp: K12-KHMT………………………… Ngành: Khoa Học Máy Tính…………………………………………………………………… Tôi đã thực hiện đồ án/khóa luận tốt nghiệp với đề tài: Thiết Kế Và Xây Dựng Website Bán Điện Thoại……………………………………………………………………………………… Tôi xin cam đoan đây là đề tài nghiên cứu của riêng tôi và được sự hướng dẫn của: ThS Nguyễn Thị Thùy Liên Các nội dung nghiên cứu, kết quả trong đề tài này là trung thực và chưa được các tác giả khác công bố dưới bất kỳ hình thức nào Nếu phát hiện có bất kỳ hình thức gian lận nào tôi xin hoàn toàn chịu trách nhiệm trước pháp luật Hà Nội, ngày 24 tháng 7 năm 2022 GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN (Ký, ghi rõ họ tên) (Ký, ghi rõ họ tên) Nguyễn Thị Thùy Liên Nguyễn Công Việt LỜI CẢM ƠN Trước tiên em xin được bày tỏ sự trân trọn và long biết ơn với cô ThS Nguyễn Thị Thùy Liên Trong suốt thời gian học và làm đồ án tốt nghiệp, Cô đã dành thời gian quý báu để tận tình chỉ bảo, hướng dẫn, định hướng cho em trong việc nghiên cứu thực hiện luận văn Em xin cảm ơn thầy cô Trường Đại Học Phenikaa đã giảng dạy em trong quá trình học tập, thực hành, làm bài tập, đọc và nhận xét luận văn của em, giúp em hiểu thấu đáo lĩnh vực mà em nghiên cứu, những hạn chế mà em cần khắc phục trong việc học tập nghiên cứu và thực hiện bản luận văn này Em cũng xin chân thành cảm ơn Trường Đại Học Phenikaa nơi đã đào tạo em trong suốt 4 năm học qua Xin cảm ơn các bạn bè và các thành viên trong gia đình đã tạo mọi điều kiện tốt nhất, động viên, cổ vũ tôi trong suốt quá trình học và làm đồ án tốt nghiệp Hà Nội, ngày 24 tháng 7 năm 2022 SINH VIÊN THỰC HIỆN Nguyễn Công Việt 1 MỤC LỤC CHƯƠNG I: GIỚI THIỆU………………………………………………………………… 6 1.1 Giới thiệu qua về dề tài……………………………………………………… ……… 6 1.1.1 Lý do chọn đề tài………………………………………………………… ……… …6 1.1.2 Mục đích đề tài………………………………………………… …………… 6 1.1.3 Đối tượng, phạm vi nghiên cứu và công cụ…………………………………… … 6 1.1.4 Phương pháp nghiên cứu…………………………………………………… …… 7 1.2 Khảo sát yêu cầu của một Website bán điện thoại…………………………………….7 CHƯƠNG II:PHÂN TÍCH THIẾT KẾ WEBSITE BÁN ĐIỆN THOẠI……………… 9 2.1 Các đối tượng sử dụng Website…………………………………………………………9 2.2 Phân tích các chức năng của hệ thống…………………………………………………9 2.2.1 Biểu đồ Use Case tổng quát………………………………………………………… 9 2.2.1.1 Mô tả chức năng của đối tượng Users…………………………………… …… 10 2.2.1.2 Mô tả chức năng của đối tượng Admin……………………………………… ….12 2.2.2 Biểu đồ Use Case của trường hợp sử dụng……………………………… ……… 13 2.3 Biểu đồ phân tích thiết kế hệ thống……………………………………………………15 2.3.1 Biểu đồ hoạt động…………………………………………………………… …… 15 2.3.2 Sơ đồ hoạt động………………………………………………… ………………… 24 2.4 Thiết kế cơ sở dữ liệu………………………………………………………………… 29 2.4.1 Danh sách các bảng CSDL…………………………………………… ……………30 CHƯƠNG III: PHÁT TRIỂN WEBSITE DỰA TRÊN LARAVEL PHP FRAMEWORK…………………………………………………………………………… 34 3.1 Giới thiệu về Laravel PHP Framework……………………………………………….34 3.2 Ưu điểm của Laravel PHP Framework đối với phát triển websit………………… 34 3.3 Cấu trúc thư mục và luồng xử lý Laravel…………………………….………………35 3.4 Thành phần cơ bản trong Laravel…………………………………………………….35 3.4.1 Route trong Laravel….………………………………………………………… ….35 2 3.4.2 Laravel Model……………………………………………………………… .38 3.4.3 Laravel Controller………………………………………………………… ……….39 3.4.4 Laravel View(Master Template)………………………………………… ……… 41 3.5 Sử dụng các thư viện dành cho thiết kế giao diện website với Laravel …………….43 3.5.1 Sử dụng Bootstrap CSS Framework……………………………………………… 43 3.5.2 Sử dụng Jquery Javascript Framework………………………………… ……… 44 3.5.3 Sử dụng kỹ thuật Jquery Ajax……………………………………… …………….44 CHƯƠNG IV: KẾT QUẢ ĐẠT ĐƯỢC…………………………………………………46 4.1 Giao diện dành cho Users………………………………………….……………… 46 4.2 Giao diện dành cho Admin…………………………… …………………… … 54 4.3 Cơ Sở Dữ Liệu………….……………………………… …………………… … 61 CHƯƠNG V: KẾT LUẬN……………………………………………………… …… 67 TÀI LIỆU THAM KHẢO……………………………………………………………… 68 3 DANH MỤC ẢNH Hình 1.1: Biểu đồ tổng quát Use Case Hình 1.2 : Sơ Đồ Use Case của người dùng Hình 1.3: Sơ Đồ Use Case của Admin Hình 1.4: Biểu đồ đăng nhập Hình 1.5: Biểu đồ đăng xuất Hình 1.6: Biểu đồ xem thông tin sản phẩm Hình 1.7: Biểu đồ thêm sản phẩm vào giỏ hàng Hình 1.8: Biểu đồ đặt hàng Hình 1.9: Biểu đồ thêm sản phẩm Hình 1.10: biểu đồ sửa thông tin sản phẩm Hình 1.11: Biểu đồ xóa sản phẩm Hình 1.12: biểu đồ xóa Users Hình 1.13: Biểu diễn chức năng đăng nhập Hình 1.14: Biểu diễn chức năng tìm kiếm Hình 1.15: Biểu diễn chức năng thêm mới sản phẩm Hình 1.16: Biểu diễn chức năng sửa thông tin sản phẩm Hình 1.17: Biểu diễn chức năng sửa thông tin sản phẩm Hình 1.18 : Biểu đồ tổng quát về CSDL Hình 2.1: Liên kết Route, Controller và View trong Laravel Hình 2.2: Hoạt động của Master Template trong Laravel Hình 3.1 : Giao diện trang chủ 4 Hình 3.2: Giao diện Shop Hình 3.3: Giao diện tìm kiếm Hình 3.4: Giao diện Show sản phẩm Hình 3.5: Giao diện khi nhấn vào logo giỏ hàng bên cạnh sản phẩm Hình 3.6: Giao diện giỏ hàng Hình 3.7: Giao diện thanh toán Hình 3.8: Email xác thực đơ Hình 3.9: Giao diện bản đồ địa chỉ cửa hàng Hình 3.10: Giao diện đăng nhập Admin Hình 3.11: Giao diện đăng ký Admin Hình 3.12: Giao diện quản trị Products Hình 3.13: Giao diện quản trị Orders Hình 3.14: Giao diện quản trị Order_details Hình 3.15: Giao diện quản trị Comments Hình 3.16: Giao diện quản trị Users Hình 4.1 : Bảng CSDL Users Hình 4.2 : Bảng CSDL Orders Hình 4.3: Bảng CSDL Order_details Hình 4.4: Bảng CSDL Products Hình 4.5: Bảng CSDL Brands và Product_category Hình 4.6: Bảng CSDL Product_images, Product_comments và Product_details 5 DANH MỤC BẢNG Bảng 1: Biểu diễn bảng Users Bảng 2: Biểu diễn bảng Orders Bảng 3: Biểu diễn bảng Order_details Bảng 4: Biểu diễn bảng Products Bảng 5: Biểu diễn bảng Brands Bảng 6: Biểu diễn bảng Product_category Bảng 7: Biểu diễn bảng Product_comments Bảng 8: Biểu diễn bảng Product_details Bảng 9: Biểu diễn bảng Product_images 6 CHƯƠNG I: GiỚI THIỆU 1.1 Giới thiệu qua về đề tài 1.1.1 Lý do chọn đề tài Chúng ta đang chứng kiến sự phát triển mạnh mẽ của ngành Công nghệ thông tin Công nghệ thông tin (CNTT) đã và đang thay đổi thế giới một cách nhanh chóng và từng bước kéo nền tri thức của nhân loại xích lại gần nhau hơn Đó là nhờ việc phát triển hệ thống website trên toàn thế giới Ngày nay, Website đã đóng một vai trò quan trọng đối với con người chúng ta từ giải trí cho đến quảng cáo, thương mại, quản lý…Website (thương mại điện tử) sẽ dần dần thay thế những phương thức kinh doanh cũ trong các doanh nghiệp bởi tính ưu việt mà Website mang lại như: nhanh hơn, rẻ hơn, tiện dụng hơn, hiệu quả hơn và không bị giới hạn không gian và thời gian Hiện nay có thể xem công nghệ xây dựng web bằng Laravel framework rất phổ biến Laravel framework dùng mã nguồn mở miễn phí, vì thế nên Laravel framework có thể được cài đặt trên hầu hết các Web Server thông dụng hiện nay như Apache, IIS… dễ học khi đã biết HTML, C, OOP (vì php được phát triển trên nền tảng C, OOP ), có nhiều websever cấu hình đơn giản như XAMPP, WAMPP,… thư viện phong phú (Joomla, wordpress…), có tính bảo mật, thích hợp cho làm việc nhóm Tuy nhiên ngoài những ưu điểm bên cách đó Laravel framework còn có nhược điểm là chỉ chạy trên ứng dụng web, mã nguồn không đẹp và hiếm tool 1.1.2 Mục đích đề tài • Xây dựng Website Bán Điện Thoại o Giới thiệu và trưng bày được các mặt hàng o Nhanh chóng hiệu quả o Đảm bảo chính xác, bảo mật cao, tiện lợi và dễ dàng sử dụng o Thuận tiện cho việc mua và bán các mặt hàng o Phân tích thiết kế hệ thống để đưa cơ sơ dữ liệu và các chức năng cho website 1.1.3 Đối tượng, phạm vi nghiên cứu và công cụ • Đối tượng nghiên cứu o Công nghệ Laravel Framework o Tìm hiểu và khảo sát quy trình bán hàng qua mạng để có cơ sở xây dựng một trang web bán hàng • Phạm vi nghiên cứu o Xây dựng một trang web bán lẻ, chuyên bán sản phẩm điện thoại trong lãnh thổ việt nam • Công cụ sử dụng