Báo cáo phân tích thiết kế và xây dựng website bán mĩ phẩm

Báo Cáo Phân tích thiết kế xây dựng Website bán mĩ phẩm LỜI MỞ ĐẦU Ngày nay, phát triển vượt bậc công nghệ thông tin, đặc biệt lĩnh vực thương mại điện tử, giúp cửa hàng, doanh nghiệp dễ tiếp cận với người dùng, đáp ứng nhu cầu nhanh chóng rộng rãi Hầu hết doanh nghiệp, cửa hàng có website riêng để giới thiệu mặt hàng Trước nhu cầu cần thiết để xây dựng website cho cửa hàng, doanh nghiệp Em chọn đề tài “Phân tích thiết kế xây dựng Website bán mĩ phẩm” Đồ án gồm có chương:  Chương I: Giới thiệu đề tài: Giới thiệu chung đề tài: lý chọn đề tài, mục tiêu đề tài, giới hạn phạm vi, với kết dự kiến đạt đề tài xây dựng  Chương II: Cơ sở lý thuyết: Nêu sở lý thuyết áp dụng hệ thống phần mềm triển khai: ngôn ngữ HTML, CSS, JavaScript, hệ quản trị sở liệu MySQL,  Chương III: Phân tích thiết kế hệ thống: Thực tìm hiểu, khảo sát hệ thống cửa hàng bán mĩ phẩm, từ trình bày sơ đồ, mơ hình UseCase, biểu đồ chức hệ thống Từ phân tích trên, tiến hành thiết kế sở liệu cho hệ thống triển khai  Chương IV: Xây dựng phần mềm: Từ phân tích thiết kế hệ thống trên, áp dụng xây dựng chức hệ thống Trình bày giao diện phần mềm triển khai  Chương V: Tổng kết: Tổng kết kết đạt phần mềm, hạn chế tồn hướng phát triển, tài liệu đề tài tham khảo MỤC LỤC CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI: 1 Lý chọn đề tài: .1 Mục tiêu đề tài: .1 Giới hạn phạm vi đề tài: .2 Kết dự kiến đạt được: CHƯƠNG II: CƠ SỞ LÝ THUYẾT: Phân tích thiết kế hướng đối tượng: .3 1.1 Phân tích thiết kế hướng đối tượng gì? 1.2 UML gì? Ngôn ngữ thiết kế web HTML CSS: 2.1 HTML: .4 2.2 CSS: 2.3 Khác HTML CSS: Ngôn ngữ kịch JavaScript: 3.1 JavaScript gì? 3.2 Ứng dụng bật JavaScript: 3.3 Giới thiệu thư viện JQuery: .7 3.4 Ưu việt thư viện JQuery: Mơ hình MVC: 4.1 Khái niệm: .8 4.2 Ưu điểm mô hình MVC: 10 Ngơn ngữ lập trình PHP: 10 5.1 Giới thiệu: .10 5.2 Giới thiệu Framework Laravel: .11 5.3 Tính bật Laravel: .11 Hệ quản trị sở liệu: .12 6.1 Các khái niệm: .12 6.2 Chức hệ quản trị sở liệu: 13 6.3 MySQL: 13 CHƯƠNG III: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG: 15 Khảo sát hệ thống: 15 Thiết kế hệ thống: 17 2.1 UseCase Tổng quát hệ thống: 17 2.2 UseCase hệ thống: 18 2.3 UseCase Customer: 20 2.4 UseCase Quản lý từ khóa: .25 2.5 UseCase Quản lý danh mục: 27 2.6 UseCase Quản lý sản phẩm: 29 2.7 UseCase Quản lý thành viên: 31 2.8 UseCase Quản lý menu: 32 2.9 UseCase Quản lý viết: .35 2.10 UseCase Quản lý đơn hàng: 37 2.11 UseCase Quản lý slide: .39 Biểu đồ hệ thống: 41 Thiết kế sở liệu:………………………………………………………49 4.1 Biểu đồ lớp: 49 4.2 Các bảng thực thể sở liệu: 49 CHƯƠNG IV: TRIỂN KHAI PHẦN MỀM: 56 Giao diện trang chủ: .56 Giao diện đăng nhập trang quản lý: .56 Giao diện trang xem chi tiết sản phẩm: 57 Giao diện trang đặt hàng: .58 Giao diện trang quản lý sản phẩm: 58 Giao diện trang quản lý thành viên: 59 Giao diện trang quản lý menu: .59 Giao diện trang quản lý viết: 60 Giao diện trang quản lý đơn hàng: 60 10 Giao diện trang toán: 61 CHƯƠNG V: TỔNG KẾT: .62 Kết đạt được: 62 Hạn chế: 62 Kết luận: 62 CHƯƠNG VI: TÀI LIỆU THAM KHẢO: .63 DANH MỤC BẢNG DANH MỤC HÌNH CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI: Lý chọn đề tài: Sự phát triển công nghệ thông tin thúc đẩy phát triển hầu hết lĩnh vực, có kinh doanh Với đời internet vươn lên cơng nghệ dẫn đến hình thức kinh doanh online Hình thức kinh doanh online nhiều cửa hàng lựa chọn để tăng doanh thu cửa hàng để giới thiệu sản phẩm đến người tiêu dùng cách nhanh chóng Với phát triển nhanh chóng cơng nghệ độ phủ sóng rộng khắp smartphone, lĩnh vực kinh doanh sản phẩm mĩ phẩm Việt Nam ngày quan tâm nhiều Tuy nhiên, với lĩnh vực kinh doanh nhiều tiềm có hàng trăm, hàng ngàn đơn vị, doanh nghiệm tham gia khiến cho cạnh tranh vơ gay gắt Mỗi cửa hàng có nhiều mức giá chương trình ưu đãi khác dẫn đến khó khăn cho người dùng việc tìm kiếm giá sản phẩm cửa hàng Với mục đích giúp người dùng tiếp cận nhiều chương trình sản phẩm mĩ phẩm làm đẹp, em định chọn đề tài “Phân tích thiết kế xây dựng Website bán mĩ phẩm” Mục tiêu đề tài:  Trình bày vấn đề liên quan đến ngôn ngữ PHP, sở liệu Mysql, mơ hình MVC  Khảo sát thực trạng dịch vụ sửa chữa điện thoại trung tâm sửa chữa thực trạng nhu cầu tìm kiếm dịch vụ sửa chữa người dùng  Phân tích hệ thống chương trình bao gồm giao diện, activity nhằm đáp ứng nhu cầu người dùng  Triển khai cài đặt chương trình Giới hạn phạm vi đề tài:  Xây dựng chương trình dựa vào ngơn ngữ lập trình PHP sở liệu Mysql  Chương trình tập trung chức nghiệp vụ từ khảo sát thực tế Kết dự kiến đạt được:  Tìm hiểu nhu cầu, nghiệp vụ tìm kiếm dịch vụ sửa chữa giá sửa chữa người dùng  Hiểu ngôn ngữ lập trình php áp dụng cho xây dựng website  Hoàn thành website quản lý dịch vụ sửa chữa điện thoại online nhà với tính như:  Admin: Thực chức quản trị hệ thống, quản lý dịch vụ sửa chữa, quản lý tin tức, quản lý slide, quản lý người dùng, quản lý thành viên, quản lý liên lệ, quản lý bình luận, xem thống kê  Khách hàng: Có thể thực chức tìm kiếm tin tức, xem thông tin chi tiết dịch vụ, bình luận, đăng ký, đăng nhập tài khoản hệ thống, gửi thông tin liên hệ CHƯƠNG II: CƠ SỞ LÝ THUYẾT: Phân tích thiết kế hướng đối tượng: 1.1 Phân tích thiết kế hướng đối tượng gì? Phân tích thiết kế hướng đối tượng(OOAD) giai đọan phát triển mơ hình xác súc tích vấn đề, có thành phần đối tượng khái niệm đời thực, dễ hiểu người sử dụng Năm nguyên tắc thiết kế hướng đối tượng:  Một lớp nên có lý để thay đổi, tức lớp nên xử lý chức đơn lẻ, Nếu đặt nhiều chức vào lớp dẫn đến phụ thuộc chức với sau thay đổi chức phá vỡ chức lại  Các lớp, module, chức nên dễ dàng Mở(Open) cho việc thêm chức mới, Đóng(Close) cho việc thay đổi  Lớp dẫn xuất phải có khả thay lớp cha  Chương trình khơng nên buộc phải cài đặt Interface mà khơng sử dụng đến  Các module cấp cao không nên phụ thuộc vào module cấp thấp Cả hai nên phụ thuộc thông qua lớp trừu tượng Lớp trừu tượng không nên phụ thuộc vào chi tiết Chi tiết nên phụ thuộc vào trừu tượng 1.2 UML gì? UML(viết tắt Unified Modeling Language) ngơn ngữ mơ hình hố hợp dùng để đặc tả, trực quan hóa tư liệu hóa phần mềm hướng đối tượng, có phần bao gồm ký hiệu hình học, phương pháp hướng đối tượng sử dụng để thể miêu tả thiết kế hệ thống Một số dạng biểu đồ UML:  Biểu đồ lớp(Class Diagram): Class Diagram xương sống hầu hết phương pháp hướng đối tượng, bao gồm UML Chúng mô tả cấu trúc tĩnh hệ thống  Biểu đồ gói(Package Diagram): Package Diagram tập hợp Class Diagram Các ackage diagram thiết lập mối quan hệ pakage, pakage nhóm phần tử hệ thống có mối quan hệ liên quan đến nhâu  Biểu đồ chức năng(UseCase Diagram): UseCase Diagram đưa cách nhìn bao quát(từ xuống) sử dụng hệ thống cách nhìn hệ thống từ bên Hiển thị chức hệ thống lớp tương tác hệ thống với tác nhân UseCase Diagram dùng q trình phân tích hệ thống để nắm bắt yêu cầu hệ thống hiểu vận hành hệ thống  Biểu đồ hoạt động(Activity Diagram): Activity Diagram mơ tả tiến trình xử lý trình tự hành động tiến trình xử lý Activity Diagram giúp hiểu tồn tiến trình hoạt động, hữu ích mơ tả tiến trình song song mô tả vài tương tác use case  Biểu đồ triển khai(Deployment Diagram): Deployment Diagram mô tả tài nguyên vật lý hệ thống, gồm node, thành phần kết nối Ngôn ngữ thiết kế web HTML CSS: 2.1 HTML: HTML(Hypertext Markup Language) mã dùng để xây dựng nên cấu trúc nội dung trang web Ví dụ, nội dung cấu thành loạt đoạn văn, danh sách liệt kê, sử dụng hình ảnh bảng biểu 2.2 CSS: CSS – dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML CSS viết tắt Cascading Style Sheets CSS hiểu cách đơn giản cách mà chúng thêm kiểu hiển thị (font chữ, kích thước, màu sắc,…) cho tài liệu Web 2.3 Khác HTML CSS: Hình 2.1 Sự khác HTML CSS “HTML ngôn ngữ đánh dấu để mô tả tài liệu web (trang web)” - W3Schools HTML tạo để giúp lập trình viên mơ tả nội dung trang web HTML sử dụng thẻ để gúp bạn thêm đoạn văn, tiêu đề, hình ảnh, dấu đầu dịng phần cấu trúc khác Giống việc viết tài liệu word, HTML giúp bạn viết trang web “CSS mô tả cách phần tử HTML hiển thị hình, giấy phương tiện khác” - W3Schools Biểu đồ Đánh giá sản phẩm: Hình 3.22 Biểu đồ Đánh giá sản phẩm 49 Thiết kế sở liệu: 4.1 Biểu đồ lớp: Hình 3.23 Biểu đồ lớp 4.2 Các bảng thực thể sở liệu:  Bảng Admin: Bảng 3.1 Bảng admin STT Tên thực thể Kiểu liệu Id bigint (20) 50 Ràng buộc Khóa Mơ tả Khóa bảng STT 10 11 Tên thực thể Kiểu liệu Name varchar(255) Email varchar(255) Phone varchar(255) Password varchar(255) Log_login text Created_at timestamp Updated_at timestamp Class varchar(255) Address varchar(255) Avatar varchar(255) Ràng buộc Not null Not null Not null Not null Null Null Null Null Null Null Mô tả Tên Email Số điện thoại Mật Lịch sử đăng nhập Ngày tạo Ngày cập nhật Lớp người dùng Địa Ảnh đại diện  Bảng User: Bảng 3.2 Bảng user STT 10 11 12 13 Tên thực thể ID Kiểu liệu bigint(20) Ràng buộc Mô tả Khóa Khóa Name Email Nick_name Password Log_login Created_at Updated_at Address Count_comment Avatar Phone Status varchar(255) varchar(255) varchar(255) varchar(255) text timestamp timestamp varchar(255) tinyint(4) Varchar(255) Varchar(255) tinyint(4) Not null Not null Null Not null Null Null Null Null Not null Null Not null Not null bảng Tên Email Tên đăng nhập Mật Lịch sử đăng nhập Ngày tạo Ngày cập nhật Địa Số lần bình luận Ảnh Số điện thoại Trạng thái  Bảng Product: Bảng 3.3 Bảng product STT Tên thực thể ID Pro_name Pro_price Pro_content Kiểu liệu Ràng Mô tả bigint(20) buộc Khóa Khóa varchar(255) int(11) int(11) Null Not null Not null bảng Tên Giá Nội dung 51 STT 10 11 12 13 14 15 Tên thực thể Kiểu liệu Pro_category_id Created_at Updated_at Pro_admin_id Pro_sale Pro_avatar Pro_view Pro_hot Pro_active Pro_description Pro_number_import Ràng Mơ tả int(11) buộc Khóa ID danh mục timestamp timestamp bigint(20) ngoại Null Null Khóa Ngày tạo Ngày cập nhật ID admin tinyint(4) varchar(255) int(11) tinyint(4) tinyint(4) varchar(255) int(11) ngoại Not null Null Not null Not null Not null Null Not null Giảm giá Ảnh Xem Nổi bật Hoạt động Mô tả Số lượng nhập  Bảng Categories: Bảng 3.4 Bảng categories STT 10 11 Tên thực thể Id C_name C_parent_id C_Avatar C_type C_active C_hot Created_at Updated_at C_sort C_banner Kiểu liệu int(11) Ràng buộc Mơ tả Khóa Khóa varchar(255) int(11) varchar(255) tinyint(4) tinyint(4) tinyint(4) timestamp timestamp tinyint(4) varchar(255) bảng Not null Tên Khóa ngoại ID danh mục cha Null Ảnh Not null Loại Null Hoạt động Not null Nổi bật Null Ngày tạo Null Ngày sửa Null Sắp xếp Null Banner  Bảng Keyword: Bảng 3.5 Bảng keyword STT Tên thực thể Id K_name K_description K_hot Kiểu liệu int(11) varchar(255) varchar(255) tinyint(4) 52 Ràng buộc Mơ tả Khóa Khóa Not null Null Not null bảng Tên Mơ tả Nổi bật STT Tên thực thể Created_at Updated_at Kiểu liệu timestamp timestamp Ràng buộc Mô tả Null Ngày tạo Null Ngày sửa  Bảng menu: Bảng 3.6 Bảng menu STT 10 Tên thực thể ID Mn_name Mn_admin_id Mn_avatar Mn_banner Mn_Description Mn_hot Mn_Status Created_at Updated_at Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa varchar(255) bigint(20) varchar(255) varchar(255) varchar(255) tinyint(4) tinyint(4) timestamp timestamp bảng Not null Tên Khóa ngoại ID quản trị viên Null Ảnh Null Banner Null Mô tả Not null Nổi bật Not null Trạng thái Null Ngày tạo Null Ngày sửa  Bảng Article: Bảng 3.7 Bảng article STT Tên thực thể Id Kiểu liệu bigint(20) Ràng buộc Mô tả Khóa Khóa A_Name A_Hot A_Active varchar(255) tinyint(4) tinyint(4) Not null Not null Not null A_Menu_id int(11) Khóa ngoại 10 11 A_View A_Description A_Avartar A_Content Created_at Updated_at int(11) mediumtext varchar(255) text timestamp timestamp Not null Null Null Null Null Null  Bảng Slide: Bảng 3.8 Bảng slide 53 bảng Tên Nổi bật Hoạt động ID danh mục viết Xem viết Mô tả Ảnh Nội dung Ngày tạo Ngày cập nhật STT Tên thực thể ID Sd_title Sd_link Sd_image Sd_target Sd_active Created_at Updated_at Sd_sort Kiểu liệu bigint(20) varchar(255) varchar(255) varchar(255) tinyint(4) tinyint(4) timestamp timestamp Tinyint(4) Ràng buộc Mô tả Khóa Khóa Null Null Null Not null Not null Null Null Not null bảng Tiêu đề Liên kết Ảnh Mục tiêu Hoạt động Ngày tạo Ngày cập nhật Sắp xếp  Bảng Comment: Bảng 3.9.Bảng comment STT Tên thực thể ID Cmt_name Cmt_content Cmt_product_id Cmt_user_id Cmt_like Cmt_disk_like Updated_at Created_at Kiểu liệu bigint(20) Ràng buộc Mô tả Khóa Khóa varchar(255) text int(11) int(11) int(11) int(11) timestamp timestamp bảng Null Tên Null Nội dung Khóa ngoại ID sản phẩm Khóa ngoại ID người dùng Not null Thích Not null Khơng thích Null Ngày cập nhật Null Ngày tạo  Bảng Order: Bảng 3.10 Bảng order STT Tên thực thể ID Kiểu liệu bigint(20) Ràng buộc Mô tả Khóa Khóa Od_transaction_i int(11) bảng Khóa ngoại ID giao dịch d Od_Product_id Od_Sale Od_qty Od_price Created_at Updated_at int(11) int(11) tinyint(4) int(11) timestamp timestamp Khóa ngoại Not null Not null Not null Null Null 54 ID sản phẩm Khuyến mại Số lượng Giá Ngày tạo Ngày cập nhật  Bảng Transaction: Bảng 3.11 Bảng transaction STT 10 11 12 Tên thực thể ID Tst_user_id Tst_total_money Tst_name Tst_email Tst_phone Tst_admin_id Tst_address Tst_note Tst_status Created_at Updated_at Kiểu liệu bigint(20) Ràng buộc Mơ tả Khóa Khóa int(11) int(11) varchar(255) varchar(255) varchar(255) bigint(20) varchar(255) varchar(255) tinyint(4) timestamp timestamp bảng Khóa ngoại ID người dùng Not null Tổng tiền Null Tên Null Email Null Số điện thoại Khóa ngoại ID quản trị viên Null Địa Null Ghi Not null Trạng thái Null Ngày tạo Null Ngày cập nhật CHƯƠNG IV: TRIỂN KHAI PHẦN MỀM: Giao diện trang chủ: 55 Hình 4.1 Giao diện trang chủ Giao diện đăng nhập trang quản lý: Hình 4.2 Giao diện đăng nhập trang quản lý Giao diện trang xem chi tiết sản phẩm: 56 Hình 4.3 Giao diện trang xem chi tiết sản phẩm 57 Giao diện trang đặt hàng: Hình 4.4 Giao diện trang đặt hàng Giao diện trang quản lý sản phẩm: Hình 4.5 Giao diện trang quản lý sản phẩm 58 Giao diện trang quản lý thành viên: Hình 4.6 Giao diện trang quản lý thành viên Giao diện trang quản lý menu: Hình 4.7 Giao diện trang quản lý menu 59 Giao diện trang quản lý viết: Hình 4.8 Giao diện trang quản lý viết Giao diện trang quản lý đơn hàng: Hình 4.9 Giao diện trang quản lý đơn hàng 60 10.Giao diện trang tốn: Hình 4.10 Giao diện trang tốn 61 CHƯƠNG V: TỔNG KẾT: Kết đạt được: Từ hướng dẫn tận tình thầy, học trường, em phân tích xây dựng phần mềm với kết đạt được:  Áp dụng kiến thức học xây dựng website bán mĩ phẩm, phân quyền người dùng người quản trị, với giao diện chức khác  Quản lý thông tin cần thiết cửa hàng sản phẩm, thông tin khách hàng giao dịch mua hàng cửa khách hàng  Có đầy đủ chức để quản lý cửa hàng Hạn chế: Bên cạnh có hạn chế như:  Chưa có nhiều kiến thức thực tế, nên việc xây dựng phần mềm áp dụng vào thực tế cịn nhiều thiếu sót chưa khả quan  Giao diện chưa thật bắt mắt  Một số chức hạn chế Kết luận: Bài báo cáo đề tài “xây dựng website bán mĩ phẩm” xây dựng mơ hình MVC với framework laravel kết hợp với hệ quản trị sở liệu MySQL Với chức sở liệu nghiên cứu, khảo sát từ thực tế, ứng dụng mơ hình cửa hàng kinh doanh mĩ phẩm, giúp cải thiện khó khăn cho người quản lý, thuận tiện cho người dùng Tuy nhiên, thời gian hồn thành đề tài có hạn kinh nghiệm nghiệp vụ chưa sâu nên đề tài em cịn nhiều thiếu sót nghiệp vụ chun mơn Em mong nhận ý kiến, góp ý thầy cô bạn để đề tài em hồn thiện áp dụng tốt thực tế 62 Em xin chân thành cảm ơn! CHƯƠNG VI: TÀI LIỆU THAM KHẢO: [1]: Thạc Bình Cường, 2002, Phân tích thiết kế hệ thống thông tin, nhà xuất Khoa học Kỹ thuật [2]:  Jermy Osborn & Nhóm AGI Creative, HTML5 Và CSS3: Thiết Kế Trang Web Thích Ứng Giàu Tính Năng, nhà xuất Bách Khoa – Hà Nội [3]:https://www.devwork.vn/download-file/57/tai-lieu-hoc-frameworklaravel -tieng-viet-mien-phi [4]: https://vi.wikipedia.org/wiki/HTML [5]: https://www.w3schools.com/css/ [6]: https://vi.wikipedia.org/wiki/JavaScript [7]: https://en.wikipedia.org/wiki/Unified_Modeling_Language 63 ... nghiệp, cửa hàng có website riêng để giới thiệu mặt hàng Trước nhu cầu cần thiết để xây dựng website cho cửa hàng, doanh nghiệp Em chọn đề tài “Phân tích thiết kế xây dựng Website bán mĩ phẩm”... vụ sửa chữa giá sửa chữa người dùng  Hiểu ngơn ngữ lập trình php áp dụng cho xây dựng website  Hoàn thành website quản lý dịch vụ sửa chữa điện thoại online nhà với tính như:  Admin: Thực chức... cải thiện phần nhìn, thay đổi bố cục website hợp lý hơn, nhằm phục vụ tốt cho việc thiết kế đáp ứng (responsive design)  Tạo hiệu ứng sinh động bắt mắt: Với website đại hiệu ứng chuyển động phần