Phát triển website quản lý thiết bị văn phòng, sử dụng công nghệ laravel, php và react đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE QUẢN LÝ THIẾT BỊ VĂN PHÒNG,SỬ DỤNG CÔNG NGHỆ LARAVEL, PHP VÀ REACT Sinh viên thực hiên Ngày sinh Lớp Khoa Mã sinh viên Giáo viên hướng dẫn : : : : : : Tiến Quang Ngọc 03/03/2000 CNTT1 K9 187480201292 ThS Mai Văn Linh Bắc Ninh Tháng 12 – 2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á TIẾN QUANG NGỌC TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE QUẢN LÝ THIẾT BỊ VĂN PHỊNG,SỬ DỤNG CƠNG NGHỆ LARAVEL, PHP VÀ REACT Giáo viên hướng dẫn: ThS Mai Văn Linh Bắc Ninh Tháng 12 – 2021 Nhận Xét Của Giáo Viên Lời Nói Đầu Trong phát triển mạnh mẽ khoa học cơng nghệ giới, nói ngành công nghệ thông tin phát triển với tốc độ nhanh ngày thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hộ điều ứng dụng công nghệ thông tin, nhiều phần mền mang lại hiệu phủ nhận Song thực tiễn đặt yêu cầu địi hỏi ngành cơng nghệ thơng tin khơng người phát triển để thỏa mãn đáp ứng thay đổi sống Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức cơng ty lớn nhỏ, đóng vai trị quan trọng, tạo bước phát triển mạnh mẽ Hiện nay, việc phát triển Website quản lý cần thiết đặc biệt với thiết bị văn phịng Hình thức giúp doang nghiệp quản lý lấy thiết bị mình, tráng mát hay người khác lấy cắp Lời cam đoan “ Em xin cam đoan đề tài: “Phát triển Website quản lý thiết bị văn phòng” cơng trình nghiên cứu độc lập hướng dẫn giáo viên hướng dẫn: Thạc Sỹ Mai Văn Linh Ngồi khơng có chép người khác Đề tài, nội dung báo cáo thực tập sản phẩm mà em nỗ lực nghiên cứu trình học tập trường, sở thực tập Các số liệu, kết trình bày báo cáo hoàn toàn trung thực, em xin chịu hoàn toàn trách nhiệm, kỷ luật mơn nhà trường đề có vấn đề xảy ra.” Hà Nội, Ngày 10, Tháng 7, Năm 2022 Lời cảm ơn Chúng em xin chân thành cám ơn thầy Mai Văn Linh nhiệt tình hướng dẫn hướng dẫn chúng em hoàn thành tốt đồ án Trong trình làm q trình làm báo cáo đồ án, khó tránh khỏi sai sót, mong thầy, bỏ qua Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên báo cáo khơng thể tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp thầy để chúng em học thêm nhiều kinh nghiệm hoàn thành tốt báo cáo tốt nghiệp Mục lục Lời Nói Đầu Lời cam đoan Lời cảm ơn CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 Giới Thiệu Đề Tài 1.2 Giới thiệu công nghệ, phần mềm 1.2.1 Cơng nghệ lập trình web PHP 1.2.2 Giới thiệu laravel 10 1.2.3 Giới thiệu React 12 1.2.4.Giới thiệu Xampp 12 1.2.5.Giới thiệu MySQL 13 1.2.6.Giới thiệu Visual studio code 14 CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 15 2.1 Khảo sát và đă ̣c tả yêu cầ u 15 2.1.1 Phầ n Admin quản lý 15 2.1.2 Giao diê ̣n 15 2.2 Các yêu cầ u phi chức 15 2.3 Phân tić h thiế t kế ̣ thố ng 16 2.3.1 Các chức của ̣ thố ng 16 2.3.2 Các tác nhân của ̣ thố ng 17 2.4 Biể u đồ use case 17 2.4.1 Biể u đồ Use- case tổ ng quát 17 2.4.3 Use case quản lý nhân viên 19 2.4.4 Use case quản lý thiết bị Error! Bookmark not defined 2.4.5 Use case quản lý mượn trả 23 2.4.6 Use case quản lý nhân viên 24 2.4.7 Đặc tả use case thêm thiết bị 25 2.4.8 Đặc tả usecase tìm kiếm thiết bị 25 2.4.9 Đặc tả usecase xem chi tiết thiết bị 26 2.4.10 Đặc tả use case sửa thiết bị 26 2.4.11 Đặc tả use case phân loại thiết bị 27 2.5 BIỂU ĐỒ TUẦN TỰ 28 2.5.1 Biểu đồ đăng nhập 28 2.5.2 Biểu đồ xóa nhân viên 29 2.5.3 Biểu đồ xóa thiết bị 30 2.5.4 Biểu đồ sửa nhân viên 31 2.5.5 Biểu đồ thêm nhân viên 32 2.5.6 Biểu đồ sửa thiết bị 33 2.5.7 Biểu đồ thêm thiết bị 34 2.5.8 Biểu đồ tìm kiếm 35 2.5.9 Biểu đồ thêm thông tin danh mục 36 2.5.10 Biểu đồ sửa thông tin danh mục 37 2.5.11 Biểu đồ sửa phòng ban 38 2.6 Bảng sở liệu 49 2.6.1.Bảng tổng quát 49 CHƯƠNG III.THIẾT KẾ VÀ XÂY DỰNG WEB 66 3.1 Giao Diện 66 3.1.1 Giao diện đăng nhập 66 3.1.2 Giao diện trang chủ Error! Bookmark not defined TÀI LIỆU THAM KHẢO 86 CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 Giới Thiệu Đề Tài Trong năm gần đây, ứng dụng internet sử dụng nhiều việc tuyên truyền, quảng cáo, giới thiệu tin tức, kiện, hay quảng cáo sản phẩm Một ứng dụng đơn giản vô hiệu thông qua trang web Đối với doanh nghiệp hay công ty việc quản lý thiết bị văn phịng khơng thể thiếu Do đó, phát triển website để quản lý thiết bị văn phòng đề tài có ứng dụng cao, đáng quan tâm nghiên cứu Đề tài tìm hiểu, phân tích xây dựng website thử nghiệm quản lý thiết bị văn phịng ngơn ngữ PHP hệ quản trị CSDL mySQL 1.2 Giới thiệu công nghệ, phần mềm 1.2.1 Cơng nghệ lập trình web PHP PHP cách viết tắt hồi quy cụm từ tiếng Anh Hypertext Preprocessor, ngơn ngữ lập trình kích mã nguồn mở (hay ngơn ngữ lập trình đa mục đích) được phát triển từ năm 1994 Nó dùng để phát triển ứng dụng cho máy chủ Ngơn ngữ chạy phía server, nhằm sinh mã html client Cũng thế, PHP tạo ứng dụng web Mã lệnh nhúng vào html nhờ sử dụng cặp thẻ PHP Ngơn ngữ lập trình PHP trải qua nhiều phiên khác Do tối ưu hóa cho website nên cách viết mã tương đối rõ ràng Tốc độ mã PHP, dễ hiểu dễ học Bởi mà PHP trở thành ngôn ngữ lập trình website phổ biến, sử dụng nhiều công ty, dịch vụ thiết kế website Thậm chí nhiều website lớn Facebook.com, Mona.website,… sử dụng PHP để thiết kế web * Ưu điểm PHP : PHP sử dụng với hệ điều hành : Linux, Unix, Microsoft Window, Mac OS X, RISC OS… PHP hỗ trợ cho hầu hết web server : IIS, Apache, Personal Web Server, Nescape… Đặc tính mạnh mẽ PHP truy cập nhiều loại sở liệu khác thông qua hàm xây dựng sẵn Các lệnh PHP đặt cặp thẻ mở-thẻ đóng nhúng file HTML xen kẽ với thẻ HTML Bộ biên dịch PHP có dung lượng nhỏ nên khơng tốn tài nguyên server Sử dụng PHP hoàn toàn miễn phí Bên cạnh đó, có nhiều email để liên lạc thắc mắc cần giải đáp PHP cải tiến thường xuyên có nhiều người yêu thích, sử dụng tham gia phát triển phần mềm * Nhược điểm PHP : PHP có nhiều mạnh có thiếu sót nhỏ khơng xây dựng hàm kiểm sốt lỗi Chúng ta tự thiết kế hàm kiểm lỗi cấu trúc chương trình khơng thống Một số phiên đầu PHP không thiết kế cho ngôn ngữ hướng đối tượng 1.2.2 Giới thiệu laravel Laravel PHP framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm vào mục tiêu hỗ trợ phát triển ứng dụng web theo kiếm trúc modelview-controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu – rõ ràng , hệ thống đóng gói modular quản lý gói phụ thuộc, nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Vào khoảng Tháng năm 2015, lập trình viên có bình chọn PHP framework phổ biến nhất, Laravel giành vị trí quán quân cho PHP framework phổ biến 10 Hình 6.5– Giao diện xóa thành cơng Hình 6.6– Giao diện cập nhật thông tin nhân viên 73 Hình 6.7– Giao diện quản lý danh mục Hình 6.8– Giao diện thêm danh mục 74 Hình 6.9– Giao diện tìm kiếm danh mục Hình 7.0– Giao diện cập nhật thông tin danh mục 75 Hình 7.1– Giao diện xóa thơng tin danh mục Hình 7.2– Giao diện phòng ban 76 Hình 7.3– Giao diện thêm phận phòng ban Hình 7.4– Giao diện tìm kiếm phận phịng ban 77 Hình 7.5– Giao diện xóa phận phịng ban Hình 7.6– Giao diện cập nhật phận phòng ban 78 Hình 7.7– Giao diện nhập thiết bị 79 Hình 7.8– Giao diện quản lý thiết bị Hình 7.9– Giao diện thông tin thiết bị 80 Hình 8.0– Giao diện cập nhật thiết bị 81 Hình 8.1– Giao diện xóa thiết bị thành công 82 Hình 8.2– Giao diện danh mục mượn trả 83 Hình 8.3– Giao diện cập nhật danh mục mượn trả danh mục mượn trả 84 KẾT LUẬN Kết đạt đề tài Sau thời gian tập trung làm triển khai đề tài, em hoàn thành “Phát triển Website quản lý thiết bị văn phịng”, với giao dễ nhìn, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hồn thành xong WEB em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP Laravel, vào việc phát triển ứng dụng web Bên cạnh đó, em 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 ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao Mặc dù hệ thống website hồn thành, cịn nhiều mặt hạn chế vấn đề thiếu sót Do thời gian có hạn nên phần mềm em xây dựng cịn số hạn chế: Trong thời gian tới, em cố gắng khắc phục mặt hạn chế cải tiến cho phù hợp Nghiên cứu phát triển thêm vài chức cho tối ưu 85 TÀI LIỆU THAM KHẢO Tiếng Việt [1]E-Marketing dựa tảng web 2.0 mạng xã hội thực trạng giải pháp https://bom.so/5f2EOT [2]Elasticsearch gì? https://viblo.asia/p/elasticsearch-la-gi-1Je5E8RmlnL [3]Tìm hiểu Atomic Design https://viblo.asia/p/tim-hieu-ve-atomic-design-JlkRymxqRZW [4]Việt Nam có 53 triệu người tiêu dùng số, giá trị thương mại điện tử đạt 56 tỷ USD năm tới https://vneconomy.vn/viet-nam-se-co-53-trieu-nguoi-tieu-dung-so-gia-tri-thuong-maidien-tu-dat-56-ty-usd-trong-5-nam-toi.htm [5]Xu hướng khác biệt người Việt sắm đồ cũ mạng https://ictnews.vietnamnet.vn/cuoc-song-so/xu-huong-khac-biet-cua-nguoi-viet-khi-samdo-cu-tren-mang-399257.html [6]Xu hướng mua sắm bình thường https://vnexpress.net/xu-huong-mua-sam-online-trong-binh-thuong-moi-4370571.html Tiếng Anh [7]Axios https://axios-http.com/ [8]Elasticsearch Guide https://www.elastic.co/guide/en/elasticsearch/reference/current/docs.html [9]Firebase https://firebase.google.com/docs [10]Firestore https://bom.so/2Tgfgt [11]Heroku https://www.heroku.com/ [12]MySQL https://www.mysql.com/ [13]Node.js 86 https://nodejs.org/en/ [14]React https://reactjs.org/ [15]React Native https://reactnative.dev/ [16]React Suite https://rsuitejs.com/ [17]Recoil https://recoiljs.org/ [18]Redux https://redux.js.org/ [19]Searchly http://www.searchly.com/ [20]What is UI Kitten? https://akveo.github.io/react-native-ui-kitten/docs [21] Nguyễn Mạnh Sơn, Phân tích thiết kế hệ thống thơng tin, Học viện Cơng nghệ Bưu Viễn thơng, 2007 Tác giả: Trần Đình Quế [22] Sử dụng PHP&MySQL thiết kế web động, Nhà xuất Minh Khai, 2008 Tác giả : Nguyễn Trường Sinh [23] https://allaravel.com/blog/todo-list-gioi-thieu-mo-hinh-mvc-trong-laravel [24] https://vn.got-it.ai/blog/visual-studio-code-la-gi-loi-the-tu-viec-su-dung-visual-studio-cod [25] https://hocwebchuan.com/tutorial/laravel/ [26] https://trungtrinh.com/gioi-thieu-laravel-framework.html 87