Đồ án báo c át áo ph triển phần mềm mã nguồn mở đề tài xây d website b n linh ki ựng á ện máy tnh

ĐẠI HỌC THỦ DẦU MỘT VIỆN KỶ THUẬT CÔNG NGHỆ ĐỒ ÁN BÁO CÁO PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN LINH KIỆN MÁY T NH Sinh viên thực : Võ Minh Tấn – 1824801030199 Văn Đức Quý – 1824801030173 Giảng viên hướng dẫn : Nguyễn Hữu Vĩnh Lớp : D18PM03 Bình Dương, tháng7 năm 2021 BÁO CÁO MÃ NGUỒN MỞ MỞ ĐẦU 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 đư c 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 v đ 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 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 2|Xây dựng Website linh kiện máy tính d 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 Thầy 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ả, u r t 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 ! 3|Xây dựng Website linh kiện máy tính BÁO CÁO MÃ NGUỒN MỞ NHẬN XÉT CỦA GIẢNG VIÊN Bình Dương, ngày tháng năm 2021 Giảng viên hướng dẫn Nguyễn Hữu Vĩnh 4|Xây dựng Website linh kiện máy tính BÁO CÁO MÃ NGUỒN MỞ MỤC LỤC Trang MỞ ĐẦU Chương Tổng quan 1.1 1.2 1.3 Giới thiệu sản phẩm Giới thiệu phương pháp Giới thiệu kết 8 9 1.3.1 Giới thiệu công nghệ n n tảng điện toán đám mây Heroku 1.3.2 Giới thiệu Laravel 1.3.3 Giới thiệu v BootStrap 1.3.4 Giới thiệu v PHP Chương 2: Cơ sở lý thuyết 2.1 Quy trình đặt hàng 2.2 Giới thiệu sản phẩm 2.3 Giới thiệu sản phẩm 2.3.1 Heroku CLI 2.3.2 V n đ phát sinh Chương Phân t ch thiết kế h thống 3.1 Mô h nh tổng quan hệ thống nghiên c u 3.1.1 Xác định Actor 3.1.2 Xác định yêu cầu ngư i s d ng 3.2 Xây dựng biểu đồ Usecase 3.3 Xây dựng biểu ho t động 3.4 Xây dựng biểu đồ lớp 3.5 Thiết kế sở liệu 3.5.1 Danh sách bảng 3.5.2 Bảng products 3.5.3 Bảng bills 3.5.4 Bảng bill_details 3.5.5 Bảng categories 3.5.6 Bảng users 3.5.6 Bảng customers Chương Thiết kế v xây d ng Website 4.1 Giao diện trang ngư i d ùng 4.2 Giao diện trang quản trị Chương Kết luận v Hướng ph t triển 5.1 Kết luận 5.2 Ưu điểm 5.3 Như c điểm 5.4 Hướng phát triển 17 17 17 17 17 19 20 20 20 20 20 25 26 27 27 27 28 28 28 29 29 31 31 36 41 41 41 41 41 DANH MỤC TÀI LIỆU THAM KHẢO 42 5|Xây dựng Website linh kiện máy tính 1 BÁO CÁO MÃ NGUỒN MỞ DANH MỤC HÌNH Trang Chương Tổng quan .8 Hình 1.1 – Heroku 10 Hình 1.2 – Laravel 11 Chương 2: Cơ sở lý thuyết 17 Chương Phân t ch thiết kế h thống 20 Hình 3.2.1 – Biểu đồ Use case tổng quan 21 Hình 3.2.2 – Biểu đồ Use case khách hàng 21 Hình 3.2.3 – Biểu đồ Use case quản lý giỏ hàng khách hàng .22 Hình 3.2.4 – Biểu đồ Use case tìm kiếm sản phẩm khách hàng 22 Hình 3.2.5 – Biểu đồ Use case Admin 23 Hình 3.2.6 – Biểu đồ Use case quản lý danh m c Admin 23 Hình 3.2.7 – Biểu đồ Use case quản lý sản phẩm Admin 23 Hình 3.2.8 – Biểu đồ Use case quản lý đơn hàng Admin .24 Hình 3.2.9 – Biểu đồ Use case quản lý ngư i dùng Admin 24 Hình 3.2.10 – Biểu đồ Use case ngư i truy cập hệ thống .24 Hình 3.3.1 – Đăng nhập .25 Hình 3.3.2 – Quản lý đơn hàng .25 Hình 3.3.3 – Quản lý đặt hàng 26 Hình 3.4.1 – Biểu đồ lớp 26 Hình 3.5.1 – Danh sách bảng 27 Hình 3.5.2 – Bảng products .27 Hình 3.5.3 – Bảng order .28 Hình 3.5.4 – Bảng order_details 28 Hình 3.5.5 – Bảng categories 29 Hình 3.5.6 – Bảng users .29 Hình 3.5.7 – Bảng customers 29 Hình 3.5.8 – Danh sách bảng sở liệu .30 Chương Thiết kế v xây d ng Website 31 4.1 Giao diện trang ngư i dùng .31 Hình 4.1.1 – Trang chủ hiển thị .31 Hình 4.1.2 – Trang đăng nhập 32 Hình 4.1.3 – Trang giỏ hàng 32 Hình 4.1.4 – Trang đặt hàng 33 Hình 4.1.5 – Email sau đặt hàng 34 Hình 4.1.6 – Trang chi tiết đơn hàng 34 Hình 4.1.7 – Trang tìm kiếm 34 Hình 4.1.8 – Trang chi tiết sản phẩm 35 4.2 Giao diện trang quản trị .36 Hình 4.2.1 – Trang chủ thống kê 36 Hình 4.2.2 – Trang quản lý danh m c 36 Hình 4.2.3 – Trang quản lý sản phẩm 37 Hình 4.2.4 – Trang quản lý ngư i dùng .38 Hình 4.2.5 – Trang quản lý đơn hàng 39 Hình 4.2.6 – Trang tìm kiếm 40 6|Xây dựng Website linh kiện máy tính BÁO CÁO MÃ NGUỒN MỞ DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ phần m m Công nghệ thông tin … 7|Xây dựng Website linh kiện máy tính Viết tắt CNPM CNTT BÁO CÁO MÃ NGUỒN MỞ Chương : Tổng Quan Chương giới thiệu chung sản phẩm, phái người dùng,về phía người quản trị, module chính, giới thiệu phương pháp công nghệ đề tài 1.1 Giới thi u s n phẩm Ho t động bán hàng c a hàng linh kiện máy t nh t m t t sau: Khi khách hàng c nhu cầu mua sản phẩm, c a hàng s cho khách hàng xem danh m c sản phẩm c a hàng k m theo giá ti n k m với sản phẩm đ để khách hàng c thể so sánh lựa chọn sản phẩm cần mua Khi khách hàng lựa chọn nhi u sản phẩm th khách hàng s thông báo với nhân viên bán hàng c a hàng v thông tin sản phảm đ số lư ng sản phẩm muốn mua để nhân viên viết h a đơn toán Khách hàng s trả ti n nhận sản phẩm m nh Hệ thống “website b n linh ki n m y t nh” đư c xây dựng nh m giải v n đ sau: Về ph a người dùng: -T m kiếm linh kiện, thiết bị máy t nh mà khách hàng cần -Xem thông tin chi tiết sản phẩm -Ch c đặt mua h nh th c toán -Khách hàng chọn sản phẩm thêm vào giỏ hàng xem giá ti n -Ch c xây dựng cáu h nh máy t nh v nhu cầu công việc giải tr đồ họa Gi p khách hàng c lựa chọn thuận tiện,nhanh ch ng để mua đư c sản phẩm m nh cần nhanh nh t Về ph a người qu n trị h thống: Phải c chế đăng nhập để xác định ngư i có quy n h n c thể đăng nhập vào hệ thống quản trị website Quản lí thơng tin khách hàng, thơng tin sản phẩm -Thêm thông tin liệu cập nhật lên sở liệu - Dễ dàng quản lý sản phẩm,danh m c sản phẩm -Tùy chọn chỉnh s a,x a liệu từ trang web thông qua trang ngư i quản trị C c module c a website: Module s n phẩm: Hiển thị thông tin phân lo i sản phẩm gian hàng ảo Sản phẩm hiển thị lên website s đư c hiển thị đầy đủ thông tin v sản phẩm đ như: h nh ảnh, tên sản phẩm, đặc điểm bật sản phẩm, giá ti n - Module t m kiếm, liên h , giới thi u: Khách hàng s đư c cung c p ch c t m kiếm Website Thanh t m kiếm Trả v kết t m kiếm t i trang t m kiếm khác hàng muốn t m nhanh qua từ kh a sản phẩm, danh m c theo giá ti n Trang giới thiệu: 8|Xây dựng Website linh kiện máy tính BÁO CÁO MÃ NGUỒN MỞ - Giới thiệu thông tin v v c a hàng, danh m c sản phẩm, chương tr nh khuyến mãi… Trang liên hệ: Khách hàng c thể liên hệ với nhân viên bán hàng v th c m c, ý kiến Module qu n l s n phẩm, đơn h ng: Ngư i quản trị c thể cập nhật thông tin mặt hàng, lo i hàng, quản lý thông tin đơn hàng Module gi h ng: Khi tham khảo đầy đủ thông tin v sản phẩm khách hàng c thể đặt mua sản phẩm t i Website thông qua ch c giỏ hàng mà không cần phải đến địa điểm giao dịch, giỏ hàng đư c làm mô giỏ hàng thực tế c thể thêm, bớt, toán ti n sản phẩm mua Khi chọn toán giỏ hàng khách hàng phải ghi đầy đủ thông tin cá nhân, thông tin đư c hệ thống lưu trữ x lý Module đăng k th nh viên, đăng nhập h thống: Mỗi khách hàng giao dịch t i Website s đư c quy n đăng ký môt tài khoản riêng Tài khoản s đư c s d ng hệ thống yêu cầu Một tài khoản khách hàng đăng ký s lưu trữ thông tin cá nhân khách hàng 1.2 Giới thi u phương ph p T m hiểu k thuật lập tr nh, cách th c ho t động Hiểu đư c cách th c ho t động web Back-end Hiểu đư c cách lưu trữ liệu hệ quản trị sở liệu MySQL Hiểu đư c cách Deploy ng dựng lên n n tảng đám mây Heroku S d ng ngôn ngữ lập tr nh : Html, Css, Jquery, Framework Boostrap, Php, Framework Laravel S d ng công c hỗ tr : Xampp, Navicat, Visual Studio Code StarUML 1.3 Giới thi u công ngh 1.3.1 Giới thi u công ngh t ng n toán mây Heroku Heroku g ? N n n tảng đám mây cho phép lập tr nh viên xây dựng, triển khai, quản lý mở rộng ng d ng (PaaS – Platform as a service) N r t linh ho t dễ s d ng, cung c p cho đư ng đơn giản nh t để đưa sản phẩm tiếp cận ngư i dùng N gi p nhà phát triển tập trung vào phát triển sản phẩm mà không cần quan tâm đến việc vận hành máy chủ hay phần c ng… 9|Xây dựng Website linh kiện máy tính BÁO CÁO MÃ NGUỒN MỞ Hình 1.1.Heroku Heroku hoạt động n o? Heroku ch y ng d ng dynos – n máy ảo mà c thể tăng giảm s c m nh dự vào độ lớn ng d ng Hiểu đơn giản dynos block, bạn muốn tăng tốc độ xử lý nhiều cơng việc phức tạp thêm block (scale chiều ngang) tăng kích thước block (scale chiều dọc) Heroku tốn phí tháng dựa số lượng dynos kích thước dyno bạn sử dụng Heroku có ưu v khuyết điểm g ? B n c thể dùng Heroku miễn ph với addons hỗ tr hữu ch th đ y đư c coi dịch v h p dẫn Hỗ tr nhi u ngôn ngữ lập tr nh như: NodeJS Ruby Python PHP Java Scala Clojure Go 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 ... linh ki? ? ?n máy tính B? ?O C? ?O MÃ NGU? ?N MỞ DANH M? ?C CỤM TỪ VIẾT TẮT STT C? ??m từ C? ?ng nghệ ph? ? ?n m m C? ?ng nghệ thơng tin … 7 |Xây d? ??ng Website linh ki? ? ?n máy tính Viết tắt CNPM CNTT B? ?O C? ?O MÃ NGU? ?N MỞ... tập trung vào ph? ?t tri? ?n s? ?n ph? ??m mà không c? ? ?n quan tâm đ? ?n vi? ?c v? ?n hành máy chủ hay ph? ? ?n c ng… 9 |Xây d? ??ng Website linh ki? ? ?n máy tính B? ?O C? ?O MÃ NGU? ?N MỞ Hình 1.1.Heroku Heroku hoạt động n o?... i n h k i ệ n m y t í n h B? ?O C? ?O MÃ NGU? ?N MỞ Framework Laravel với mã ngu? ?n mở mi? ?n ph , cho ph? ?p b n xây d? ??ng ng d ng web l? ?n ph c t p c? ?ch nhanh ch ng, d? ?? d? ?ng T t u b n c? ? ?n làm c? ?i đặt PHP,