webbannoithat manguonmo HAUI (1)

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI LOGO BÁO CÁO MÔN MÃ NGUỒN MỞ Đề tài: Giảng viên hướng dẫn: Sinh viên thực hiện: Lớp: Ngành đào tạo: ……………………………….… ……………………………….… ……………………………….… Công nghệ thông tin …………………………………………… Hà Nội, … MỤC LỤC DANH MỤC HÌNH VẼ DANH MỤC CHỮ VIẾT TẮT LỜI MỞ ĐẦU .9 CHƯƠNG TỔNG QUAN 10 1.1 Khảo sát .10 1.1.1 Phỏng vấn khách hàng 10 1.1.2 Phỏng vấn đơn vị cung cấp dịch vụ 10 1.1.3 Kết thu 10 1.2 Công cụ thiết kế 12 1.2.1 Tổng quan webstie 12 1.2.2 Tìm hiểu WordPress 12 1.2.3 Các yêu cầu phi chức 16 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 19 2.1 Các tác nhân hệ thống 19 2.2 Các ca sử dụng hệ thống 19 2.3 Biểu đồ ca sử dụng .20 2.4 Biều đồ phân rã 21 2.4.1 Biểu đồ phân rã tác nhân khách 21 2.4.2 Biểu đồ phân rã tác nhân Khách hàng 22 2.4.3 Biểu đồ phân rã tác nhân Nhân viên .23 2.4.4 Biểu đồ phân rã tác nhân Quản trị viên 23 2.5 Đặc tả ca sử dụng 24 2.5.1 Đăng ký tài khoản 24 2.5.2 Đăng nhập .25 2.5.3 Xem thông tin sản phẩm .26 2.5.4 Tìm kiếm .27 2.5.5 Giỏ hàng .27 2.5.6 Cập nhật giỏ hàng 28 2.5.7 Mua hàng 29 2.5.8 Đơn hàng .30 2.5.9 Hủy đơn hàng 31 2.5.10 Quản lý sản phẩm 31 2.5.11 Quản lý nhà cung cấp 33 2.5.12 Quản lý nhà sản xuất 35 2.5.13 Quản lý màu sắc 37 2.5.14 Quản lý tài khoản 39 2.5.15 Quản lý tài khoản 40 2.5.16 Quản lý phiếu nhập .41 2.5.17 Quản lý hóa đơn 42 2.5.18 Xem thống kê 44 2.6 Biểu đồ trình tự ca sử dụng 45 2.6.1 Biểu đồ trình tự cho ca sử dụng “Đăng ký ” 45 2.6.2 Biểu đồ trình tự cho ca sử dụng “Đăng nhập” .45 2.6.3 Biểu đồ trình tự cho ca sử dụng “Xem thông tin sản phẩm” 46 2.6.4 Biểu đồ trình tự cho ca sử dụng “Tìm kiếm” 46 2.6.5 Biểu đồ trình tự cho ca sử dụng “Giỏ hàng” 47 2.6.6 Biểu đồ trình tự cho ca sử dụng “Cập nhật giỏ hàng” 47 2.6.7 Biểu đồ trình tự cho ca sử dụng “Mua hàng” 48 2.6.8 Biểu đồ trình tự cho ca sử dụng “Đơn hàng” 49 2.6.9 Biểu đồ trình tự cho ca sử dụng “Hủy đơn hàng” 49 2.6.10 Biểu đồ trình tự cho ca sử dụng “Quản lý sản phẩm” 50 2.6.11 Biểu đồ trình tự cho ca sử dụng “Quản lý nhà sản xuất” .51 2.6.12 Biểu đồ trình tự cho ca sử dụng “Quản lý nhà cung cấp” 52 2.6.13 Biểu đồ trình tự cho ca sử dụng “Quản lý màu sắc” 53 2.6.14 Biểu đồ trình tự cho ca sử dụng “Quản lý tài khoản” 54 2.6.15 Biểu đồ trình tự cho ca sử dụng “Quản lý phiếu nhập” .55 2.6.16 Biểu đồ trình tự cho ca sử dụng “Quản lý đơn hàng” 56 2.6.17 Biểu đồ trình tự cho ca sử dụng “Xem thống kê” 56 CHƯƠNG CÀI ĐẶT WORDPRESS .57 3.1 Cài đặt wordpress cho đề tài 57 3.2 Cài đặt theme cho đề tài .64 3.3 Cài đặt plugin cho đề tài 71 CHƯƠNG GIAO DIỆN CHƯƠNG TRÌNH 77 KẾT LUẬN .84 TÀI LIỆU THAM KHẢO 85 DANH MỤC HÌNH VẼ Hình 1 Hình ảnh mơi trường vận hành website 18 Hình Biểu đồ ca sử dụng website bán hàng .20 Hình 2 Biểu đồ phân rã usecase Khách 21 Hình Biểu đồ phân rã usecase Khách hàng 22 Hình Biểu đồ phân rã usecase Nhân viên 23 Hình Biểu đồ phân rã usecase Quản trị viên 23 Hình Biều đồ trình tự ca sử dụng đăng ký 45 Hình Biều đồ trình tự ca sử dụng đăng nhập 45 Hình Biều đồ trình tự ca sử dụng xem thơng tin San pham 46 Hình Biều đồ trình tự ca sử dụng tìm kiếm 46 Hình 10 Biều đồ trình tự ca sử dụng đánh giá .47 Hình 11.Biều đồ trình tự ca sử dụng cập nhât giỏ hàng 47 Hình 12.Biều đồ trình tự ca sử mua hàng .48 Hình 13.Biều đồ trình tự ca sử dụng đơn hàng 49 Hình 14.Biều đồ trình tự ca sử dụng hủy đơn hàng 49 Hình 15.1:Biều đồ trình tự ca sử dụng quản lý sản phẩm 50 Hình 16.:Biều đồ trình tự ca sử dụng quản lý nhà sản xuất 51 Hình 17::Biều đồ trình tự ca sử dụng quản lý nhà sản xuất 52 Hình 18:Biều đồ trình tự ca sử dụng quản lý nhà cung cấp 52 Hình 19:Biều đồ trình tự ca sử dụng quản lý nhà cung cấp 53 Hình 20:Biều đồ trình tự ca sử dụng quản lý màu sắc 53 Hình 21:Biều đồ trình tự ca sử dụng quản lý tài khoản 54 Hình 22:Biều đồ trình tự ca quản lý phiếu nhập 55 Hình 23:Biều đồ trình tự ca sử dụng quản lý đơn hàng 56 Hình 24:Biều đồ trình tự ca sử dụng xem thống kê 5 Hình Thư mục sau giải nén mã nguồn 57 Hình Các tập tin thư mục mã nguồn WordPress 58 Hình 3 Mã nguồn wordpress copy vào xampp 59 Hình Chọn ngôn ngữ cài đặt WordPress 60 Hình Cài đặt database .61 Hình Nhập thơng tin database 61 Hình Cài đặt Table Prefix .62 Hình Tạo tên sử dụng mật cho web 62 Hình Giao diện trang đăng nhập vào quản trị 63 Hình 10 Trang quản trị WordPress sau cài đặt .63 Hình 11 Trang chủ website sau cài WordPress 64 Hình 12 Biểu tượng themes wordpress 65 Hình 13 Giao diện themes 65 Hình 14 Mục add themes 66 Hình 15 Giao diện cài đặt themes 66 Hình 16 Giao diện kích hoạt themes 67 Hình 17 Giao diện cài đặt themes chi tiết 67 Hình 18 Giao diện sau hoàn tất 68 Hình 19 Giao diện add themes filecó sẵn 69 Hình 20 Nút chon file themes 69 Hình 21 Nút install file themes lên web .70 Hình 22 Giao diện nút kích hoạt themes 70 Hình 23 Tải themes FTP 71 Hình 24 Giao diện tìm kiếm plugin 72 Hình 25 Giao diện nút tải Plugin 72 Hình 26 Giao diện nút kích hoạt Plugin .72 Hình 27Giao diện nút cài đặt chỉnh sửa Plugin 73 Hình 28 Giao diện upload Plugin 74 Hình 29 Giao diện chọn file cài đặt plugin 74 Hình 30 Giao diện kích hoạt plugin 75 Hình 31 Giao diện đăng nhập tài khoản phần mềm file zilla .75 Hình 32 Giao diện upload plugin lên 76 Hình 33 Giao diện kích hoạt phương pháp thủ cơng 76 Y Hình Giao diện trang chủ 77 Hình Giao diện trang sản phẩm 78 Hình Giao diện trang chi tiết sản phẩm .78 Hình 4 Giao diện trang tin tức .79 Hình Giao diện trang giới thiệu 79 Hình Giao diện trang giỏ hàng 80 Hình Giao diện trang tốn 80 Hình Giao diện trang dăng nhập admin 81 Hình Giao diện trang quản lý page website 81 Hình 10 Giao diện trang quản lý tin tức 82 Hình 11 Giao diện trang quản lý sản phẩm 82 Hình 12 Giao diện trang quản lý quản lý đơn hàng 83 DANH MỤC CHỮ VIẾT TẮT Từ viết tắt Ý nghĩa SSH Secure Shell CSDL Cơ sở liệu ORM Object Relational Mapping CSS Cascading Style Sheets VPN Virtual Private Network HTML HyperText Markup Language LTS Long Term Support DB Database CLI command line interface IoC Inversion of Control MVC Model – View – Controller ORM Object Relational Mapping UC Use -Case LỜI MỞ ĐẦU Khoa học công nghệ ngày phát triển, người ứng dụng Internet vào sống, hoạt động sản xuất kinh doanh trở nên phổ biến rộng rãi Mạng Internet phương thức truyền tải thông tin nhanh tới khách hàng lúc, nơi Website công cụ hỗ trợ hiệu cho hoạt động quảng bá thông tin, quảng cáo sản phẩm dịch vụ kinh doanh xem cánh tay đắc lực cho chiến lược Marketing doanh nghiệp Chính vậy, vai trò website doanh nghiệp quan trọng cho tồn phát triển đơn vị kinh doanh lĩnh vực thời điểm tương lai Hiện nay, thị trường có nhiều ứng dụng web bán hàng trực tuyến phát triển nhiều ngơn ngữ, tảng khác Trong đó, ngơn ngữ Wordpress Một ngơn ngữ lập trình đánh giá tốt giới với hàng triệu “tín đồ” người sử dụng phát triển Wordpress Dựa vào tảng trên, em chọn đề tài “Xây dựng Website bán nội thất sử dụng công nghệ WordPress” với mục đích giúp người tiếp cận tốt với sản phẩm có hỗ trợ tốt cho chủ cửa hàng khách hàng việc mua bán Đồng thời, hội để thân áp dụng kỹ năng, kiến thức tích lũy năm học vào thực tế Em chân thành cảm ơn thầy, em cảm ơn thầy anh chị công ty, cửa hàng cung cấp nội thất cao cấp ủng hộ, hướng dẫn em, cho em ý kiến, lời khuyên tốt để em hoàn thành tập lớn mơn thật tốt Bên cạnh đó, em xin cảm ơn thầy (cơ) giáo khoa truyền đạt cho em kiến thức tảng để em hồn thành tập lớn mơn học Trong q trình làm tập lớn mơn, em nhận nhiều giúp đỡ thầy cô, bạn bè em tránh thiếu sót Em mong thầy khoa cơng nghệ thơng tin đóng góp thêm ý kiến để em hồn thiện tập lớn mơn CHƯƠNG TỔNG QUAN 1.1 Khảo sát 1.1.1 Phỏng vấn khách hàng Đối tượng: sinh viên, công nhân, dân văn phịng có nhu cầu sử dụng cao, mua sử dụng sản phẩm liên quan đến dòng nội thất Danh sách câu hỏi: - Câu 1: Bạn sử dụng loại nội thất chưa? - Câu 2: Bạn cảm thấy chất lượng sản phẩm nào? Nó có phù hợp với bạn khơng ? Bạn nghĩ họ cần cải thiện thêm điều để tạo điều kiện tốt cho người mua? - Câu 3: Khi mua hàng bạn mô tả lựa chọn màu sắc sản phẩm bạn diễn nào? - Câu 4: Bạn hủy hóa đơn chưa? Q trình diễn nào? (nếu có) 1.1.2 Phỏng vấn đơn vị cung cấp dịch vụ Đối tượng: doanh nghiệp, chủ website cửa hàng nội thất đặc trị nhân viên Danh sách câu hỏi: - Câu 1: Xin anh (chị) giới thiệu nhóm sản phẩm bên mình? - Câu 2: Nhân viên xem hóa đơn xác nhận ? - Câu 3: Quá trình quản lý nhập hàng? - Câu 4: Anh (chị) nghĩ dịch vụ bên cung cấp tạo điều kiện thuận lợi cho khách hàng chưa ? - Câu 5: Trường hợp, khách hàng muốn hủy hóa đơn đột xuất có chấp nhận khơng? Q trình thực nào? 1.1.3 Kết thu Các hệ thống Website thường gồm đối tượng tương tác với website khách vãng lai, khách hàng, quản trị viên, nhân viên với chức cụ thể sau: - Khách (Khách vãng lai): ₊ Có chức đăng ký tài khoản ₊ Khách xem hàng theo nhóm nhà sản xuất, xem theo khoảng giá sản phẩm, sản phẩm mới, sản phẩm bán chạy ₊ Khách tìm kiếm sản phẩm cách nhập từ khóa vào hệ thống ₊ Khách cần có giỏ hàng để lưu giữ sản phẩm lựa chọn chưa thể đặt hàng - Khách hàng: ₊ Có chức đăng nhập, đăng ký tài khoản Khi đăng nhập đăng nhập Email/Password, đăng ký phải cung cấp đầy đủ thông tin yêu cầu tên, địa chỉ, email,… 10 Hình 22 Giao diện nút kích hoạt themes Cách cài theme cho WordPress FTP Hình 23 Tải themes FTP Một cách cài theme cho WordPress tương đối thuận tiện upload theme trực tiếp vào thư viện WordPress thơng qua trình quản lý file FTP Ngồi cách trên, có cách khác để cài theme cho WordPress upload theme tự mua thiết kế trực tiếp vào thư viện WordPress thơng qua trình quản lý file FTP Ưu điểm phương thức tiết kiệm thời gian, tức cần sử dụng đến theme này, bạn không cần phải chờ đợi để upload cài đặt file từ máy lên 70 3.3 Cài đặt plugin cho đề tài Hướng dẫn cài đặt plugin cho WordPress Để cài đặt plugin cho WordPress bạn thực theo cách là: Cài đặt plugin trang Dashboard thơng qua tìm kiếm (áp dụng cho plugin miễn phí) Cài plugin cách tải lên từ máy tính bạn (áp dụng cho plugin trả phí) Cài đặt plugin cách upload thơng phần mềm kết nối FPT (áp dụng cho plugin miễn phí trả phí) Cài đặt plugin cách tìm kiếm Đây cách đơn giản để cài đặt plugin cho WordPress Với cách có nhược điểm bạn cài đặt plugin miễn phí có kho WordPress mà Để bắt đầu cài đặt plugin cho WordPress, trang Dashboard bạn cần chọn memu Plugin -> Add New Sau bạn cần gõ tên plugin vào tìm kiếm Trong hình Ngọc tìm plugin TinyMCE Advance (một plugin mở rộng chức soạn thảo cho WordPress) Hình 24 Giao diện tìm kiếm plugin Sau bạn thấy loạt plugin liệt kê hình bên Chọn plugin tốt mà bạn cần sau việc nhấn Install Now 71 Hình 25 Giao diện nút tải Plugin Tiếp theo WordPress tự động tải cài đặt plugin cho bạn Sau hoàn thành bạn nhận thơng báo u cầu kích hoạt plugin hình bên Hình 26 Giao diện nút kích hoạt Plugin Nếu bạn khơng tiến hành kích hoạt plugin khơng hoạt động cài đặt Do để sử dụng plugin bạn cần nhấp vào Activate Plugin Sau quay menu plugin bạn thấy tên plugin vừa cài đặt nằm danh sách Đây cách cài đặt plugin trực tiếp trang Dashboard thông qua cách tìm kiếm Hình 27Giao diện nút cài đặt chỉnh sửa Plugin Tiếp theo bạn cần thiết lập cho plugin, nhiên plugin có cách thiết lập khác viết Ngọc không hướng dẫn cụ thể 72 Cài đặt plugin cách upload từ máy tính Ngồi plugin miễn phí nằm kho WordPress cịn nhiều plugin trả phí hữu ích mà q trình sử dụng WordPress chắn đến lúc bạn cần phải cài đặt Do chức cài đặt plugin cách upload đời để bạn cài plugin trả phí Trước tiên để cài đặt bạn cần download plugin máy tính với định dạng file zip Tiếp theo khu vực admin, bạn chọn Plugin -> Add New Hình 28 Giao diện upload Plugin Bạn chuyển qua trang upload file Nhấp vào Choose File tải lên plugin máy tính bạn Sau nhấn Install Now Hình 29 Giao diện chọn file cài đặt plugin 73 WordPress tải lên tập tin plugin từ máy tính bạn cài đặt Bạn thấy thơng báo thành cơng hình sau cài đặt hồn thành Hình 30 Giao diện kích hoạt plugin Nhấp Activate Plugin để kích hoạt bắt đầu sử dụng Cấu hình plugin khác nhau, giới hạn viết Ngọc không hướng dẫn chi tiết Cài plugin thông qua giao thức FPT Trong số trường hợp dịch vụ hosting bạn sử dụng bị hạn chế dung lượng tệp tin tải lên trực tiếp từ trang Dashboard Nếu gặp tình trạng bạn hồn tồn cài đặt plugin cho WordPress cách sử dụng giao thức kết nối qua cổng FPT thông qua phần mềm FPT client Trong ví dụ Ngọc sử dung phần mềm FileZilla Để kết nối vào host bạn cần nhập tên miền, user, password sử dụng cổng kết nối 21 Hình 31 Giao diện đăng nhập tài khoản phần mềm file zilla Trước tiên bạn cần giải nén file zip máy tính, sau thư mục tên Đây thư mục bạn upload lên host Sau kết nối thành công bạn tìm đến thư mục wp-content/plugins Tại cửa sổ bên trái tìm đến thư mục plugin giải nén sau click chuột phải chọn Upload 74 Hình 32 Giao diện upload plugin lên Sau tải lên thành công, bạn quay trang quản trị WordPress tìm đến menu plugin thấy tên plugin cài đặt Nhấp Activate để kích hoạt bắt đầu sử dụng plugin Hình 33 Giao diện kích hoạt phương pháp thủ cơng Sau kích hoạt bạn cần cấu hình cho plugin, việc cấu hình chi tiết plugin khác 75 CHƯƠNG GIAO DIỆN CHƯƠNG TRÌNH 4.1 Trang chủ Hình Giao diện trang chủ 76 4.2 Trang sản phẩm Hình Giao diện trang sản phẩm 4.3 Trang chi tiết sản phẩm Hình Giao diện trang chi tiết sản phẩm 77 4.4 Trang tin tức Hình 4 Giao diện trang tin tức 4.5 Trang giới thiệu Hình Giao diện trang giới thiệu 78 4.6 Trang giỏ hàng Hình Giao diện trang giỏ hàng  Trang tốn Hình Giao diện trang toán  Trang đăng nhập admin 79 Hình Giao diện trang dăng nhập admin  Trang quản lý page website Hình Giao diện trang quản lý page website 80  Trang quản lý tin tức Hình 10 Giao diện trang quản lý tin tức  Trang quản lý sản phẩm Hình 11 Giao diện trang quản lý sản phẩm  Trang quản lý đơn hàng 81 Hình 12 Giao diện trang quản lý quản lý đơn hàng 82 KẾT LUẬN  Kết đạt - Xây dựng website với số tính hiển thị thông tin sản phẩm, chi tiết sản phẩm, phân chia danh mục, chia lọc theo khoảng giá, cung cấp danh sách mặt hang mới, bật cửa hàng, quản lý thông tin tài khoản, phân quyền truy cập, quản lý sản phẩm, nhập hàng, đơn hàng, …  Hạn chế - Website chưa đáp ứng đủ số yêu cầu giao diện thân thiện tiện ích với người dùng, … - Một số chức chưa xây dựng xuất báo cáo thống kê, hỗ trợ toán online, tích hợp tốn đa dạng,quản lý phản hồi bình luận, mac hóa bảo mật thơng tin người dùng - Một số chức xây dựng hạn chế mặt xử lý logic  Hướng phát triển - Tìm hiểu xây dựng tính hỗ trợ kết nối, tăng tính tương tác cửa hàng với khách hàng - Xây dựng tính hỗ trợ quản lý nhân viên, trao đổi thông tin trực tiếp với khách hàng qua website 83 TÀI LIỆU THAM KHẢO [1] Tài liệu: Phạm Hữu Khang, Quản trị My SQL, NXB Thống kê, 2008 [2] Tài liệu: Mai Minh Tuấn - Đỗ Hữu Phú, Giáo trình Cơ sở liệu, NXB Giáo dục, 2011 [3] Tài liệu: Dương Quang Thiện, Wordpress Framewoek, NXB Tổng hợp TP HCM [4] Tài liệu: Phạm Trung Kiên, Kỹ thuật lập trình web với Ajax, NXB Hồng Đức, 2007 [5] Tài liệu: Rebecca M Riordan, Wordpress Step by Step, O’Reilly Media, 2005 [6] Tài liệu: Jesse Liberty, Programming Wordpress, O’Reilly Media [7] Trang web: https://www Wordpress/ Wordpress [8] Trang web: https://www.w3schools.com/ [9] Trang web: https://www.mkyong.com/ [10] Trang web: https://www.google.com.vn/ [11] Trang web: https://stackoverflow.com 84