(Tiểu luận) đồ án báo c chuyên áo ngành đề tài xây d website b n linh ki ựng á ện máy tnh cho công ty tnhh mtshop

ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ ĐỒ ÁN BÁO CÁO CHUYÊN NGÀNH ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY TNH CHO CÔNG TY TNHH MTSHOP Sinh viên thực : Võ Minh Tấn – 1824801030199 Giảng viên hướng dẫn : Nguyễn Hữu Vĩnh Lớp : D18PM03 Bình Dương, tháng 11 năm 2021 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ LỜI CẢM ƠN Với đề tài môn học này, em xin chân thành cảm ơn giúp đỡ tận tình Ths Nguyễn Hữu Vĩnh tận tình giúp đỡ, trực tiếp bảo, hướng dẫn nhm em suốt trình thực học phần Đồ án Trong thời gian làm việc, em không ngừng tiếp thu thêm nhiều kiến thức, kinh nghiệm mà học tập đượ c tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho nhm em q trình học tập cơng tác sau Em xin chân thnh cm ơn ! 2|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ LỜI CAM ĐOAN Tôi xin cam đoan cơng trình nghiên cứu riêng hướng dẫn ThS Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Với điều kiện thời gian hạn chế mặt kinh nghiệm hạn hẹp nên luận văn c thiếu st khơng mong muốn, tơi kính mong nhận cảm thông lời khuyên đng gp từ quý thầy/cô trường Đại học Thủ Dầu Một Ngồi ra, luận văn cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác c trích dẫn thích nguồn gốc Nếu phát c gian lận tơi xin hồn tồn chịu trách nhiệm nội dung Trường Đại học Thủ Dầu Một khơng liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu c) Bình Dương, ngày tháng năm 2021 Người thực (ký tên ghi rõ họ tên) 3|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Tóm Tắt Trong thời đại cơng nghệ 4.0, Sự phát triển lĩnh vực công nghệ thông tin tác động vô lớn đến với sống hàng ngày người Là phần công nghệ thông tin, website thứ quan trọng sử dụng nhiều đời sống xã hội , n đem lại r ất nhiều tiện ích nhm phục vụ nhu cầu người Trong báo cáo nhm chúng em xin trình bày đề tài mà nhm thực đ là: “website bn linh kin my tnh” giúp khách hàng c thể xem, lựa chọn linh kiện phù hợp cho nhu cầu s dụng máy tính mà họ muốn giúp người quản lý dễ dàng chỉnh sửa giao diện bản, quản lý thông tin tài khoản khách hàng đơn hàng Báo cáo gồm phần chương sau: Chương 1: Tông quan Chương 2: Cơ sở lý thuyết Chương 3: Phân tích thiết kế sở liệu hệ thống Chương 4: Thiết kế xây dựng website Chương 5: Kết luận hướng phát triển 4|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Summary In the era of technology 4.0, the development of information technology has had a huge impact on people's daily lives As a part of information technology, the website is an important thing that is used a lot in social life, it brings a lot of utilities to serve human needs In this report, our team would like to present about the topic that the group is working on: "website for selling computer components" to help customers view and choose suitable components for their computer needs that they want and makes it easy for managers to edit the basic interface, manage customer and order information This report includes the following chapters: Chapter 1: Overview Chapter 2: Theoretical Basis Chapter 3: Database and system design analysis Chapter 4: Designing and building a website Chapter 5: Conclusion and development direction 5|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐH THỦ DẦU MỘT Độc lập – Tự – Hạnh phúc KHOA KỸ THUẬT CÔNG NGHỆ PHIẾU ĐÁNH GIÁ PROJECT (Đánh giá trình thực hiện, báo cáo văn sản phẩm) Học phần: ĐỒ ÁN CHUYÊN NGÀNH Họ tên sinh viên (MSSV): VÕ MINH TẤN - 1824801030199 Khá Trung bình Trọng Tốt Tiêu chí 75% 50% 100% số % Kém 0% Tích cực Nêu ý 05 tưởng Thái độ Khơng tìm kiếm Tìm kiếm chủ đưa Chọn ý tưởng quan động đưa ý số tâm lựa ý tưởng tưởng đề nghị chọn ý mang tính tốt tưởng tham gia tích cực Khơng Lập Hồn kế tồn hợp hoạch 05 lý, khơng thực cần điều chỉnh hợp lý Khá hợp lý, điều chỉnh chút theo góp ý Chưa hợp lý, c điều chỉnh theo góp ý khơng điều chỉnh theo góp ý Quá trình Giai thực đoạn project chuẩn nghiêm túc bị 10 Chuẩn bị Chuẩn bị Chuẩn bị tốt đa số số điều kiện điều kiện cho việc cho việc việc thực thực thực hiện, điều project, c thể khởi cần bổ sung kiện c thể động bổ thêm c điều kiện cho chuẩn bị 6|Xây dựng Website linh kiện máy tính 0 Tieu luan Khơng BÁO CÁO MÃ NGUỒN MỞ khởi động sung sau thể khởi động Thực Thực hoàn toàn 10 phương pháp Thực Thực không tương đối phương phương phương pháp, sai sót pháp, sai sót pháp, nhỏ c quan trọng sai sót sửa chữa c sửa chữa khơng Giai sửa đoạn chữa thực Triển Triển khai kế 10 Triển hoạch, c khai chậm trễ kế hoạch không gây ảnh hưởng Triển khai khai tương đối chậm kế trễ, gây hoạch, c ảnh chậm trễ gây hưởng ảnh hưởng không khắc khắc phục phục Mức Ghi rõ mục tiêu thnh phần (ở giai độ đoạn project) v thang điểm cụ thể đạt mục 20 tiêu thành phần 7|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Nội dung Báo cáo báo kết cáo bng văn rõ ràng 10 Trình bày 10 báo - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút - Format quán - Văn phong phù hợp - Xây dựng đầy đủ chức cáo Chất lượng sản phẩm 20 đáp ứng tiêu chí đề ĐIỂM CỦA NHÓM: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: ĐIỂM - Về kiến thức, kỹ năng, thái độ: PROJECT - Khác: NHÓM - Phương pháp cải tiến: - Nơi c thể cung cấp s ự hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Phần 2: Đnh gi c nhân lm vic nhóm Làm vic nhóm Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn Kết sử dụng để qui đổi từ điểm nhóm thành điểm cá nhân, tuỳ theo % cá nhân đạt 1) Thành viên có tham gia họp đầy đủ: 40% Đầy đủ: 40% Vắng họp lần: 20% Vắng họp lần: 0% 2) Thành viên nộp sn phẩm giao hạn: 40% 8|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Đúng hạn: 40% Trễ ngày: 20% Trễ ngày: 0% 3) Thành viên có tham gia gii vấn đề, đóng góp ý kiến ci tiến: 20% Đng gp đạt hiệu quả: 20% C quan tâm đng gp: 10% Không quan tâm: 0% Danh sách thành viên Nhóm: (Tên họ): Võ Minh Tấn ĐIỂM THÀNH VIÊN NHĨM (do nhóm ghi) Điểm làm việc nhóm (%): 100% TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC THÀNH VIÊN TRONG NHÓM: Võ Minh Tấn Danh sách thành viên Nhóm: ĐIỂM CỦA CÁ NHÂN (do GV ghi) (Tên họ):Võ Minh Tấn Điểm cá nhân: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh GÓP Ý CẢI TIẾN CHO CÁ NHÂN: Ghi nhận GV (phần GV ghi lưu riêng để theo dõi, tư vấn cho cá nhân SV, khơng phổ biến cho lớp, nhóm) 1) Tên SV: VÕ MINH TẤN GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi c thể cung cấp s ự hỗ trợ: 9|Xây dựng Website linh kiện máy tính 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Mục Lục Chương : Tổng Quan 13 1.1 Lý chọn đề tài 13 1.2 Giới thiệu sản phẩm 13 Chương : Cơ Sở Lý Thuyết 15 2.1 Giới thiệu phương pháp 15 2.2 Giới thiệu công nghệ 15 2.2.1 Giới thiệu cơng nghệ tảng điện tốn mây Heroku 15 2.2.2 Giới thiệu Laravel 16 2.2.3 Giới thiệu Bootstrap 18 2.2.4 Giới thiệu PHP 20 Chương Phân tích thiết kế hệ thống 23 3.1 Mơ hình tổng quan hệ thống nghiên cứu 23 3.1.1 Xác định Actor 23 3.1.2 Xác định yêu cầu người sử dụng 23 3.2 XÂY DỰNG BIỂU ĐỒ USECASE 23 3.3 XÂY DỰNG BIỂU ĐỒ HOT ĐỘNG 28 3.4 XÂY DỰNG BIỂU ĐỒ LỚP 29 3.5 Thiết kế cở sở liệu 30 3.5.1 Danh sách bảng 30 3.5.2 Bảng products 30 3.5.3 Bảng bills 31 3.5.4 Bảng bill_details 31 3.5.5 Bảng categories 31 3.5.6 Bảng users 32 3.5.7 Bảng customer 32 Chương 4: Thiết kế xây dựng Website 34 4.1 Giao diện trang người dùng 34 4.2 Giao diện trang người dùng 39 Chương Kết luận hướng phát triển 44 DANH MỤC TÀI LIỆU THAM KHẢO 45 10 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 3.5.3 Bng bills STT Tên thực thể Kiểu liu Ràng buộc Mơ t bill_id int(10) Khóa Kha bảng customerID int(10) Not null Id người đặt hàng date_order datetime Not Null Ngày đặt hàng total Double Not null Tổng giá tiền đơn hàng note Varchar(255) Not null Ghi status Varchar(255) Not null Trạng thái đơn hàng create_at Timestamp Not Null Ngày tạo update_at Timestamp Not Null Ngày chỉnh sửa gần Hình 3.5.3 Bảng order 3.5.4 Bng bill_details STT Tên thực thể Kiểu liu Ràng buộc Mô t id int(10) Khóa Khóa bảng bill_id int(10) Not null Id đơn hàng productID int(10) Not Null Id sản phẩm quantily float Not null Số lượng sản phẩm price bigint(20) Not null create_at Timestamp Not null Ngày tạo update_at Timestamp Not null Ngày chỉnh sửa gần nhâst Tổng tiền sản phẩm đơn Hình 3.5.4 Bảng order_details 3.5.5 Bng categories STT Tên thực thể Kiểu liu Ràng buộc Mô t categoryID bigint(20) Khóa Kha bảng categoryName Varchar(255) Not null Tên danh mục cate_description text Null Mô tả danh mục 31 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ STT Tên thực thể Kiểu liu Ràng buộc Mô t create_at Timestamp Null Ngày tạo update_at Timestamp Null Ngày chỉnh sửa gần Hình 3.5.5 Bảng categories 3.5.6 Bng users STT Tên thực thể Kiểu liu Ràng buộc Mô t Id bigint(20) Khóa Id người dùng name varchar(255) Not null Tên người dùng email varchar(255) Not null Email người dùng password varchar(255) Not null Mật Email_verified_at varchar(255) Null Email xác thực typeuser varchar(255) Not null Kiểu người dùng Remember_token varchar(100) Not null Nhớ mật create_at timestamp Null Ngày tạo update_at timestamp Null Ngày chỉnh sửa gần Hình 3.5.6 Bảng users 3.5.7 Bng customer STT Tên thực thể Kiểu liu Ràng buộc Mơ t Id bigint(20) Khóa Id khách hàng name varchar(255) Not null Tên khách hàng email varchar(255) Not null Email khách hàng address varchar(100) Not null Địa nhận hàng Phone_number varchar(255) Null Số điện thoại khách hàng note varchar(255) Null Ghi create_at timestamp Null Ngày tạo update_at timestamp Null Ngày chỉnh sửa gần Hình 3.5.7 Bảng customers 32 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Hình 3.5.8 Danh sch cc bảng sở liệu 33 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Chương 4: Thiết kế v xây dựng Website Xây dựng website Website nhóm chng em xây dựng phát triền dùng ngơn ngữ lập trình Framework php Laravel phiên 7.12, sử dụng mơ hình MVC đồng thời sử dụng Mysql làm sở liệu 4.1 Giao din trang người dùng 4.1.1 Trang chủ hiển th - Giao diện trang chủ gồm : Mục giới thiệu, sản phẩm, liên hệ, phần tìm kiếm , giỏ hàng trang admin Có chức tìm kiếm, hiển thị sản phẩm để gip người dùng dễ dàng lựa chọn đặt hàng cách nhanh chóng 34 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.1.2 Trang Đăng nhập - Khi đăng ký tài khoản hệ thống , người dùng đăng nhập vào để sử dụng dịch vụ 4.1.3 Trang gi hàng -Khi có lượng khách truy cập ghé thăm website, hệ thống tự động tạo cho người dùng giỏ hàng riêng giỏ hàng lc trống Nếu khách hàng liên tục xem sản phẩm website, chọn hàng , đưa hàng vào giỏ hàng toán 35 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.1.4 Trang đặt hàng - khách hàng chọn sản phẩm vào đơn hàng tiến hành đặt hàng hệ thống sẽ chuyển khách hàng đến form nhập thông tin, địa chỉ, số điện thoại Khách hàng bấm xác nhận đơn hàng gửi người quản trị để xác nhận duyệt đơn hàng 36 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.1.5 Email sau đặt hàng - khách hàng bấm gửi đơn hàng có email tự động hệ thống phản hồi đến địa email mà khách hàng cung cấp 4.1.6 Trang chi tiết đơn hàng - Gip khách hàng xem tình trạng đơn hàng theo cập nhật từ phía người quản trị hệ thống 4.1.7 Trang tm kiếm - Gip khách hàng tìm ki ếm sản phẩm mà mong muốn cách nhanh chóng thuận tiện 37 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.1.8 Trang chi tiết sản phm - Khách hàng xem chi tiết sản phẩm, xem sản phẩm liên quan, xem trực tiếp bình luận đánh giá sản phẩm 38 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.2 Giao din trang người dùng 4.2.1 Trang chủ thống kê - Trang chủ bao gồm thống kế sản phẩm danh mục, Số lượng đơn hàng số lượng người dùng để người quản trị dễ dàng quản lí, kiểm soát 4.2.2 Trang quản l danh mc - Trang quản lý danh mục có chức xem chi tiết, sửa thơng tin danh mục sản phẩm, thêm xóa danh mục 39 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.2.3 Trang quản l sản phm - Trang quản lý sản phẩm có chức sửa thơng tin sản phẩm, xóa sản phẩm thêm thơng tin sản phẩm 40 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.2.4 Trang quản l ngưi dng - Trang quản lí người dùng gip người quản trị quản lí người dùng có hệ thống sửa thơng tin xóa người dùng 41 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.2.5 Trang quản l đơn hàng - Gip người quản trị quản lí nhiều đơn hàng đặt từ khách hàng gồm chức xem chi tiết đơn hàng đặt, xóa đơn hàng, cập nhật trạng thái cho đơn hàng 42 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ 4.2.6 Trang tm kiếm - Trang tìm kiếm có chức tìm sản phẩm gip admin tìm đng sản phẩm cần thiết số lượng lớn sản phẩm rt ngn thời gian tìm kiếm thủ cơng 43 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ Chương Kết luận v hướng pht triển 5.1 Kết luận Sau thời gian tập trung triển khai đề tài, nhm em hoàn thành Website bn linh ki ện my tnh với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong Website, nhm có thêm kỹ tảng để xây dựng website bng ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web, biết sử dụng Frameword Laravel Bên cạnh đ, mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển website Nhờ vậy, kỹ tự học vận dụng kỹ nhm nâng cao 5.2 Ưu điểm:Cơ nắm bước xây dựng website bán hàng trực tuyến bng ngôn ngữ laravel, thực quy trình Xây dựng bố cục website hợp lí, bước đầu thực nghiệp vụ hệ thống 5.3 Nhược điểm: Website nhỏ, mang tính chất mơ Cơ sở liệu nhỏ, chức phân quyền chưa tối ưu Chưa kết hợp xử lí chức tốn ha đơn Vẫn cịn số lỗi nhỏ vận hành Còn thiếu số request 5.4 Hướng pht triển Xây dựng website sử dụng đáp ứng đầy đủ yêu cầu nghiệp vụ hệ thống Phân quyền quản trị tối ưu, sở liệu phong phú, kết hợp chức toán trực tuyến Tối ưu tốc độ xử lí, tìm hiểu xu hướng khách hàng để chỉnh sửa, bổ sung hệ thống phù hợp theo yêu cầu 44 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan BÁO CÁO MÃ NGUỒN MỞ DANH MỤC TÀI LIỆU THAM KHẢO Tài liu tham kho sách: Beginning PHP and MySQL, W Jason Gilmore, 4th Edtion Nhập môn Linux phần mềm mã nguồn mở, TS Hà Quốc Trung, Từ điển Bách khoa Hà Nội, 2011 Nguyễn Hữu Vĩnh, Bài tập thực hành lập trình PHP, Đại học Thủ Dầu Một Lập trình PHP MySQL = Murach's PHP and MySQL, Murach Joel, 2013, NXB Khoa học Kỹ thuật PHP & MySQL: Novice to Ninja: Get Up to Speed With PHP the Easy Way, 2017, Michael J Kavanagh, Richard D Johnson, SAGE Publications Tài liu tham kho mạng: https://www.w3schools.com/ http://hiepsiit.com/khoa-hoc/php/ngonnguphp/52/0 https://just1and0.medium.com/how-to-setup-database-on-heroku-for-yourlaravel-application-6a903c2c75c7 https://allaravel.com/series/hoc-laravel-tu-a-den-z-mien-phi Tài liu tham kho video: 10 https://www.youtube.com/watch?v=CjA79XhHVQI&list=PLWTu87Gngv NxpWN6FVuEcSYvFNq6RnqG&ab_channel=Hi%E1%BA%BFuTutorial withliveproject 45 | X â y d ự n g W e b s i t e l i n h k i ệ n m y t í n h 0 Tieu luan ... ph? ?n (ở giai độ đo? ?n project) v thang điểm c? ?? thể đạt m? ?c 20 tiêu thành ph? ?n 7 |Xây d? ??ng Website linh ki? ? ?n máy tính 0 Tieu luan B? ?O C? ?O MÃ NGU? ?N MỞ N? ??i dung B? ?o c? ?o b? ?o kết c? ?o b? ??ng v? ?n rõ ràng... c? ? ?n b? ?? sung ki? ? ?n c? ?? thể động b? ?? thêm c? ?? điều ki? ? ?n cho chu? ?n b? ?? 6 |Xây d? ??ng Website linh ki? ? ?n máy tính 0 Tieu luan Khơng B? ?O C? ?O MÃ NGU? ?N MỞ khởi động sung sau thể khởi động Th? ?c Th? ?c ho? ?n to? ?n. .. thiết cho nhm em q trình h? ?c tập c? ?ng t? ?c sau Em xin ch? ?n thnh c? ??m ? ?n ! 2 |Xây d? ??ng Website linh ki? ? ?n máy tính 0 Tieu luan B? ?O C? ?O MÃ NGU? ?N MỞ LỜI CAM ĐOAN Tôi xin cam đoan c? ?ng trình nghi? ?n c? ??u