ĐỀ TÀI WEBSITE BÁN BÁNH (ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN)

Website bán bánh TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH TÊN ĐỀ TÀI WEBSITE BÁN BÁNH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Cán hướng dẫn: Th.s Hà Thị Minh Phương Khoa khoa học máy tính – Lớp19i1 Đà Nẵng – 11/2021 Phạm Việt Tiến TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH HỌ VÀ TÊN HSSV PHẠM VIỆT TIẾN Mã HSSV: 191C900044 TÊN ĐỀ TÀI WEBSITE BÁN BÁNH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Cán hướng dẫn: Th.s Hà Thị Minh Phương Website bán bánh NHẬN XÉT ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ……………………………………………………………………… ………………………………………………………………………… … Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh LỜI CẢM ƠN Những năm gần việc cập nhật thông tin thực giao dịch qua mạng internet ngày trở nên phát triển phổ biến rộng rãi với bùng nổ công nghệ thông tin thi hàng loạt website đời với tùy biến khác Do đó, doanh nghiệp hay người dùng cá nhân tạo cho trang web để cập nhật thơng tin doanh nghiệp đến với người tiêu dùng, đồng thời góp phần quản bá hình ảnh doanh nghiệp Mặt khác, với phát triển loại hình web mã nguồn mở nên người lập trình tạo cho minh doanh nghiệp trang web theo chuẩn phù hợp với doanh nghiệp Cũng phát triển nhanh chóng lợi ích mang lại lúc chọn đề tài“ em chọn đề tài: NGHIÊN CỨU VÀ XÂY DỰNG WEBSITE BÁN BÁNH" tìm hiểu thêm web mã nguồn mở Php Laravel Framework tìm hiểu sâu Trong q trình làm đồ án cịn nhiều thiếu sót Rất mong nhận ý kiến đóng góp Thầy (Cơ) để đồ án hoàn thành tốt Em xin chân thành cảm ơn “Trường Đại Học Công Nghệ Thông Tin Truyền Thông Việt-Hàn” tạo điều kiện thuận lợi để em hoàn thành đồ án Xin chân thành cảm ơn Cô Hà Thị Minh Phương giảng viên trường Đại Học Công Nghệ Thông Tin Truyền Thông Việt-Hàn" hướng dẫn em làm đồ án thật chu đáo chất lượng Em xin chân thành cảm ơn ! Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh MỤC LỤC WEBSITE BÁN BÁNH CHƯƠNG I: NHỮNG GIẢI PHÁP, CÔNG NGHỆ TRANG WEB Ngôn ngữ HTML Ngôn ngữ CSS Ngơn ngữ lập trình PHP Cài đặt Xampp 4.1 Xampp gì? 4.2 Cài đặt Xampp Lập trình sở liệu MySQL 10 5.1 Kết nối CSDL 10 5.2 Chọn CSDL sử dụng 10 5.3 Thực thi câu lệnh truy vấn 10 5.5 Đếm số record recordset 11 5.6 Lấy ID vừa cập nhật 11 5.7 Thông báo lỗi MYSQL 12 5.8 Nhảy đến record recordset 12 5.9 Đóng kết nối 12 Lập trình PHP Laravel Framework 12 6.1 Laravel gì? 12 6.2 Cách cài đặt Laravel 13 6.3 Mơ hình MVC gì? 14 CHƯƠNG II: PHÂN TÍCH BÀI TỐN 15 CHƯƠNG III: PHÂN TÍCH THIẾT KẾ HỆ THỐNG VÀ GIẢI PHÁP THỰC HIỆN 16 I Tác nhân sử dụng 16 II Sơ đồ chức (Usecase Diagram) 16 Chức Khách hàng 16 Chức Quản lý 18 Cơ sở liệu 20 CHƯƠNG IV: GIẢI PHÁP THỰC HIỆN Khoa khoa học máy tính – Lớp19i1 29 Phạm Việt Tiến Website bán bánh CHƯƠNG V: KẾT QUẢ THỰC HIỆN ĐƯỢC 30 I Kết đạt 30 Đối với Khách hàng 30 ⮚ Chức đăng ký/ đăng nhập/ đăng xuất 30 Đối với Quản lý 30 ⮚ Chức Quản lý Khách sạn 30 ⮚ Chức Quản lý Khách hàng 30 II Một vài giao diện website 31 CHƯƠNG VI: KẾT LUẬN 36 Ưu điểm 36 Nhược điểm 36 Hướng phát triển 36 Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh PHẦN MỞ ĐẦU Ngành công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thông Báo, Radio việc sử dụng Internet ngày phổ biến Truy cập Internet, có kho thông tin khổng lồ phục vụ nhu cầu, mục đích nhấp chuột Xây dựng website bán bánh đề tài xây dựng hệ thống website quản lý bánh, người dùng khách hàng địa phận nước Mục tiêu đề tài xây dựng nên website có giao diện thân thiện, đơn giản, dễ sử dụng cho người dùng Hơn hết, trình xây dựng website, em nâng cao khả tư lập trình, tiếp thu thêm nhiều kiến thức tích lũy kinh nghiệm việc phân tích thiết kế hệ thống, kinh nghiệm sử dụng HTML – CSS – JavaScrpit Bootstrap để xây dựng nên giao diện, kinh nghiệm sử dụng PHP Framework Laravel gói thư viện Laravel,… cho thân Từ đó, em chuẩn bị thêm nhiều kiến thức kỹ bổ ích cho hành trang sau trường học bước vào trường đời Về mặt nhiệm vụ phải thực hiện, trước hết website cần phải vận hành cách xác, ổn định, nhanh chóng, khơng gặp trục trặc Đối với quản lý, website cần phải hỗ trợ đội ngũ quản lý khách hàng công việc giám sát, điều hành, quản lý đơn hàng cách hiệu Giúp ban quản lý nắm bắt danh sách khách hàng người dùng liên hệ, khách hàng người dùng đặt bánh Ngoài ra, website phải giúp ban quản lý quản lý hạng mục quản lí tài khoản, thơng tin khách hàng,…Website bán bánh bắt đầu xây dựng từ ngày 01/09/2021 đến ngày 30/11/2021 xây xây dựng Laravel, Framework ngơn ngữ lập trình PHP Trong q trình sử dụng phần mềm như: SubLime Text 3, Xampp, StarUML, phần mềm trình duyệt Cốc Cốc, Google Chrome,… Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt website cho mục đích thương mại, giải trí, tin tức Để đáp ứng với việc cập nhật thơng tin hàng ngày, tình hình xã hội, trị, thời sự, sức khỏe “Website bán bánh” đời nhu cầu tất yếu CHƯƠNG 1: NHỮNG GIẢI PHÁP, CƠNG NGHỆ TRANG WEB Ngơn ngữ HTML HTML(HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn dùng để tạo tài liệu truy cập mạng Tài liệu HTML tạo nhờ dùng thẻ phần tử HTML File lưu máy chủ dịch vụ web với phần mở rộng “.htm” “.html” Các trình duyệt đọc tập tin HTML hiển thị chúng dạng trang web Các thẻ HTML ẩn đi, hiển thị nội dung văn đối tượng khác: hình ảnh, media Với trình duyệt khác hiển thị tập HTML với kết định Các trang HTML gửi qua mạng internet Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh theo giao thức HTTP HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cịn cho phép nhúng kịch vào ngơn ngữ kịch Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu HTML cho phép sử dụng kết hợp với CSS HTML khơng cho phép nhúng thêm đối tượng hình ảnh, âm mà cho phép nhúng kịch vào ngơn ngữ kịch Javascript để tạo hiệu ứng động cho trang web HTML chuẩn ngôn ngữ internet tạo phát triển tổ chức World Wide Web Consortium cịn viết tắc W3C Trước HTML xuất theo chuẩn RFC HTML tương thích với hệ điều hành trình duyệt Khả dễ học, dễ viết ưu điểm HTML khơng việc soạn thảo địi hỏi đơn giản, dùng word, notepad hay trình soạn thảo văn để viết cần lưu với định dạng “.html “ “.htm” tạo file chứa HTML Hiện nay, phiên HTML HTML5 với nhiều tính ưu việt so với phiên cũ HTML cải tiến nhiều đặc biệt hỗ trợ mạnh mẽ phần tử multimedia mà không cần plugin Một tập tin HTML bao gồm đoạn văn HTML, tạo lên thẻ HTML HTML5 nói chung mạnh mẽ nhiều không tốc độ độ thích ứng cao mà khả hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) DOM (Document Object Model – đối tượng thao tác văn bản) Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Ngôn ngữ CSS CSS (Cascading Style Sheets) ngơn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (font chữ, kích thước, màu sắc ) CSS có cấu trúc đơn giản sử dụng từ tiếng anh để đặt tên cho thuộc tính CSS sử dụng viết trực tiếp xen lẫn vào mã HTML tham chiếu từ file css riêng biệt Hiện CSS thường viết riêng thành tập tin với mở rộng “.css” Chính mà trang web có sử dụng CSS mã HTML trở nên ngắn gọn Ngồi sử dụng tập tin CSS cho nhiều website tiết kiệm nhiều thời gian công sức Một đặc điểm quan trọng tính kế thừa CSS giảm số lượng dịng code mà đạt yêu cầu Tuy nhiên, CSS trình duyệt hiểu theo kiểu riêng Do vậy, việc trình bày nội dung trình duyệt khác khơng thống CSS cung cấp hàng trăm thuộc tính trình bày dành cho đối tượng với sáng tạo cao kết hợp thuộc tính giúp mang lại hiệu Ngơn ngữ lập trình PHP PHP (Hypertext Preprocessor) ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống ngơn ngữ lập trình C ngơn ngữ lập trình Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Một tập tin PHP có phần mở rộng *.php, chứa văn bản, mã nguồn HTML, CSS, Javascript, Jquery đương nhiên chứa mã nguồn PHP Đối với trang PHP có u cầu xem trang web Server tiến hành phát sinh trang web từ mã nguồn PHP sang mã nguồn HTML, sau chuyển mã nguồn trình duyệt web để người dùng xem Vì trình duyệt web khơng thể đọc mã nguồn PHP mà đọc mã nguồn HTML Cài đặt Xampp 4.1 Xampp gì? Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Hình 3: Biểu đồ xóa sản phẩm Hình 4: Biểu đồ thêm người dùng Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 23 Hình 5: Biểu đồ sửa người dùng Hình 6: Biểu đồ xóa người dùng Hình 7: Biểu đồ xóa đơn hàng Cơ sở liệu Dựa vào sơ đồ chức năng, ta có bảng liệu mối quan hệ bảng sau: Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Bảng product (Sản phẩm) STT Tên trường Kiểu liệu Mơ tả Khóa id int Mã sản phẩm Khóa name varchar(100) Tên sản phẩm size varchar(255) Kích thước sản phẩm id_type int Mã loại Khóa phụ unit_price float Giá gốc promotion_price Float Giá khuyến image varchar(255) Đường dẫn ảnh new int Trạng thái created_at timestamp 10 updated_at timestamp Bảng type_product (Loại sản phẩm) STT Tên trường Kiểu liệu Mơ tả Khóa id int Id loại Khóa name varchar(100) Tên loại descrition text Mô tả loại image varchar(255) Ảnh loại created_at timestamp (1000) updated_at timestamp Bảng slide (Slide) Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 25 STT Tên trường Kiểu liệu id int image varchar(100) Mơ tả Khóa Khóa Bảng customer (Khách hàng) STT Tên trường Kiểu liệu Mơ tả Khóa id int Mã định danh Khóa khách hàng id_user int Mã người Khóa ngoại dùng name varchar(100) Tên người dùng gender varchar(10) Giới tính email varchar(50) Email address varchar(100) Địa phone_number varchar(20) Số điện thoại note varchar(200) Ghi created_at timestamp 10 updated_at timestamp Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Bảng bill (Đơn hàng) STT Tên trường Kiểu liệu Mơ tả Khóa id int Mã đơn hàng Khóa id_customer int Mã khách Khóa ngoại hàng date_oder datetime Thời gian đặt total float Tổng tiền payment varchar(200) Hình thức tốn note varchar(500) created_at timestamp updated_at timestamp Ghi Bảng bill_detail (Chi tiết đặt hàng) STT Tên trường Kiểu liệu Mơ tả Khóa id int Mã chi tiết đơn Khóa hang id_bill int Mã đơn hang Khóa ngoại Id_product int Mã sản phẩm Khóa ngoại quantity int Số lượng unit_price double Tổng tiền created_at timestamp updated_at timestamp status varchar(99) Trạng thái Bảng user (Người dùng) STT Tên trường Kiểu liệu Mơ tả Khóa id int Mã người Khóa dùng full_name Khoa khoa học máy tính – Lớp19i1 varchar(255) Tên người Khóa ngoại Phạm Việt Tiến Website bán bánh 27 dùng email varchar(255) Email password varchar(255) Mật author int Quyền hạn phone varchar(20) Số điện thoại address varchar(255) Địa người dùng remember_toke varchar(100) n created_at timestamp 10 updated_at timestamp Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Hình 5: Sơ đồ chức Quản lý Khách hàng Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 29 CHƯƠNG 4: GIẢI PHÁP THỰC HIỆN Trước bắt tay xây xây dựng đồ án, em tham khảo ý kiến chị Lê Thị Minh– nhân viên điều hành website bán bánh Đà Nẵng để thu thập thêm thơng tin Sau đó, em tiến hành phân tích thiết kế hệ thống xây dựng sở liệu trước thức bắt tay vào xây dựng website Trong trình làm, em tham khảo tiếp nhận ý kiến nhận xét giảng viên hướng dẫn – Cô Hà Thị Minh Phương góp ý bạn khóa Và để xây dựng website cách nhanh chóng nắm bắt chế hoạt động kiểm sốt cách tốt theo lực thân, em sử dụng Laravel version 5.8.21 Đây Framework PHP – mã nguồn mở miễn phí, hỗ trợ phát triển ứng dụng website theo mô hình MVC (Model – View Controller) nhiều thư viện, hàm có sẵn, khả kết nối sở liệu nhanh chóng đơn giản lại đạt hiệu cao tiện ích khác mà Laravel hỗ trợ Em sử phần mềm Visual Studio Code để viết lệnh dùng hệ quản trị sở liệu MySQL để tạo sở liệu, tạo bảng, tạo liên kết bảng lưu thông tin vào sử dụng Xampp để chạy localhost chạy thử đồ án Ngoài ra, em sử dụng phần mềm StarUML để xây dựng sơ đồ thiết kế hệ thống cho website Đồ án chạy phần mềm trình duyệt Google Chrome CHƯƠNG 5: KẾT QUẢ THỰC HIỆN ĐƯỢC I Kết đạt Sau 12 tuần thực hiện, website em dần hồn thiện có chức sau: Đối với Khách hàng ⮚ Chức đăng ký/ đăng nhập/ đăng xuất ⮚ Chức xem thông tin bánh, loại bánh ⮚ Chức tìm kiếm bánh, loại bánh, giá bánh ⮚ Chức đặt bánh Đối với Quản lý ⮚ Chức Quản lý bánh Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh ⮚ ⮚ - Xem tất bánh - Thêm bánh - Xem loại bánh - Thêm loại bánh - Đăng nhập/Đăng xuất Chức Quản lý người dung - Xem tất người dung - Thêm người dùng - Xóa người dung - Sửa người dung - Đăng nhập/Đăng xuất Chức Quản lý Khách hàng - Đăng nhập/Đăng xuất - Xem thông tin Khách hang - Sửa khách hang II.Một vài giao diện website Hình 1: Giao diện trang chủ Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 31 Hình 2: Giao diện loại bánh Hình 3: Giao diện sản phẩm khuyến Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Hình 4: Giao diện chi tiết sản phẩm Hình 5: Giao diện đặt hàng Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 33 Hình 6: Giao diện đăng kí Hình 7: Giao diện đăng nhập Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Hình 8: Giao diện liên hệ Hình 9: Giao diện quản lý sản phẩm Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh 35 Hình 10: Giao diện tất đơn hàng Hình 11: Giao diện tất người dùng KẾT LUẬN Khi suy xét đánh giá nhiều mặt, em nhận thấy website có ưu nhược điểm sau: Ưu điểm ⮚ Giao diện đơn giản, dễ hiểu, dễ sử dụng ⮚ Website hoạt động tương đối ổn định Ngồi ra, q trình thực đồ án, em cịn được: ⮚ Hiểu thêm ngơn ngữ PHP Laravel framework ⮚ Rèn luyện thêm kinh nghiệm làm việc với Laravel hệ sở liệu MySQL ⮚ Hiểu rõ cấu trúc cách thức hoạt động theo mơ hình MVC ⮚ Tích lũy thêm nhiều kỹ dùng HTML, CSS Boostrap để tạo giao diện Nhược điểm ⮚ Tốc độ website khơng nhanh, chưa tối ưu hóa ⮚ Giao diện có phần sơ sài ⮚ Dữ liệu cịn thiếu thơng tin thời gian để cập nhật ⮚ Cần bổ sung thêm nhiều chức để website trở nên hoàn thiện Hướng phát triển Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến Website bán bánh Để làm website ngày phát triển cho sau này, em cần phải: ⮚ Tối ưu hóa lại câu lệnh ⮚ Tinh chỉnh, làm giao diện website trở nên hoàn hảo ⮚ Bổ sung thêm liệu vào hệ thống, giúp liệu website trở nên đầy đủ hoàn thiện ⮚ Bổ sung thêm nhiều chức nhằm gia tăng tương tác Khách hàng Quản lý TÀI LIỆU THAM KHẢO https://vi.wikipedia.org/wiki/Website https://sites.google.com/site/ngoaingutinhockinangmem/website-domain/lich-suphat-trien-va-hinh-thanh-cua-world-wide-wed http://webfaver.com/php-coding/laravel-5/tut-laravel-5-0-laravel-la-gi-gioi-thieularavel-framework.html Khoa khoa học máy tính – Lớp19i1 Phạm Việt Tiến