Báo cáo đồ án tốt nghiệp xây dựng ứng dụng và website bán hàng

TRƯỜNG ĐẠI HỌC XÂY DỰNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG ỨNG DỤNG VÀ WEBSITE BÁN HÀNG Sinh viên thực hiện: Lê Anh Tuấn Mã sinh viên: 223463 Lớp: 63IT3 Giảng viên hướng dẫn: Ths Nguyễn Hải Dương HÀ NỘI 12/2022 Đồ án tốt nghiệp PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên: Họ tên sinh viên: Lê Anh Tuấn Điện thoại liên lạc: 0328866625 Lớp: 63IT3 Hệ đào tạo: Đại học Email: tuan223463@nuce.edu.vn Năm tốt nghiệp: 2023 Đồ án tốt nghiệp thực tại: Đại học Xây Dựng Hà Nội Thời gian làm ĐATN: Từ ngày 19/09/2022 đến 31/12/2022 Mục đích nội dung ĐATN: - Xây dựng ứng dụng hệ điều hành Android website, cho phép người dùng mua hàng online Các nhiệm vụ cụ thể ĐATN: - Tìm hiểu yêu cầu ứng dụng, website bán hàng ; đưa tính cần thiết Tìm hiểu Android Jetpack Tìm hiểu Restful API laravel Phân tích u cầu Thực yêu cầu Cài đặt hệ thống Lời cam đoan sinh viên: Tôi – Lê Anh Tuấn – cam kết ĐATN cơng trình nghiên cứu thân hướng dẫn Ths.Nguyễn Hải Dương Các kết nêu ĐATN trung thực, chép công trình khác Hà Nội, ngày 26 tháng 12 năm 2022 Tác giả ĐATN Lê Anh Tuấn Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp Xác nhận giảng viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Hà Nội, ngày…tháng…năm 202… Giảng viên hướng dẫn Ths Nguyễn Hải Dương Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP I Nội dung đồ án: Tìm hiểu tốn xây dựng ứng dụng, website bán hàng: - Tìm hiểu xu hướng lợi việc mua hàng online thông qua ứng dụng website - Lưu trữ thông tin mua hàng server theo tài khoản người dùng Tìm hiểu thư viện Jetpack Android Tìm hiểu Restful Api Laravel Phân tích thiết kế toàn hệ thống ứng dụng, website bán hàng: - Khảo sát, phân tích xây dựng tài liệu đặc tả yêu cầu toàn hệ thống II Nội dung chương trình bày báo cáo: - Chương 1: Đặt vấn đề định hướng giải pháp Chương 2: Tìm hiểu hệ điều hành Android thư viện Jetpack Chương 3: Tìm hiểu Restful Api Laravel Chương 4: Tìm hiểu TypeScript với React Chương 5: Phân tích thiết kế cài đặt hệ thống Chương 6: Kết luận định hướng phát triển III Từ khóa tìm kiếm: Android Jetpack TypeScript API Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp ABSTRACT OF THESIS I Content of thesis: Learn the problem of building a sales website and application: - Learn the trends and advantages of buying online through apps and websites - Store purchase information on the server according to each user account Learn about Jetpack libraries in Android Learn about Restful Api in Laravel Analyze and design the entire application system, sales website: - Investigate, analyze and develop requirements specification documents of the entire system II Content of the chapters presented in the report: - Chapter 1: Problem setting and solution orientation Chapter 2: Learn the Android operating system and the Jetpack library Chapter 3: Learn about Laravel Chapter 4: Learn about TypeScript with React Chapter 5: System analysis and design Chapter 6: Conclusion and development direction III Search keywords: Android Jetpack TypeScript API Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp LỜI CẢM ƠN Để đề tài đồ án tốt nghiệp đạt kết tốt đẹp, em nhận hỗ trợ, giúp đỡ nhiều tổ chức, cá nhân Với tình cảm sâu sắc, chân thành, cho phép em xin bày tỏ lòng biết ơn đến tất cá nhân tổ chức tạo điều kiện giúp đỡ trình học tập nghiên cứu đề tài Trước hết, em xin gửi tới thầy khoa Cơng nghệ thơng tin nói riêng thầy cô trường Đại học Xây Dựng Hà Nội nói chung lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình, chu đáo thầy cô suốt năm đại học, đến em hồn thành đồ án tốt nghiệp với đề tài: “Xây dựng ứng dụng website bán hàng” Đặc biệt, em xin gửi lời cảm ơn chân thành tới thầy giáo – Ths Nguyễn Hải Dương tận tình hướng dẫn em thực hoàn thành tốt đồ án Trong thời gian làm việc với thầy, em học hỏi thêm nhiều kiến thức kinh nghiệm làm việc Những kinh nghiệm chắn có ích cho thân em sau trường Sau lời cảm ơn tới bạn lớp 63IT gắn bó giúp đỡ em suốt năm học trường trình làm hoàn thiện đề tài đồ án tốt nghiệp Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án tránh khỏi thiếu sót Em mong nhận bảo, đóng góp ý kiến thầy để em có điều kiện bổ sung, nâng cao ý thức phát triển thân, phục vụ tốt cho công tác thực tế sau Em xin chân thành cảm ơn! Hà Nội, ngày 30 tháng 12 năm 2022 Sinh viên thực đồ án Lê Anh Tuấn Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP ABSTRACT OF THESIS LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH ẢNH 12 CHƯƠNG – ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP .14 I Giới thiệu toán 14 II Mục tiêu đề tài 14 III Các vấn đề cần giải 14 Nội dung đồ án .14 Công nghệ sử dụng 15 CHƯƠNG – TÌM HIỂU VỀ HỆ ĐIỀU HÀNH ANDROID VÀ BỘ THƯ VIỆN JETPACK 16 I Tổng quan hệ điều hành Android 16 Hệ điều hành 16 Hệ điều hành Android 16 Kiến trúc hệ điều hành Android 17 Giao diện Android 18 Ứng dụng Android 18 Ưu, nhược điểm hệ điều hành Android 18 II Bộ thư viện Jetpack 19 Một số components Jetpack 19 1.1 Data Binding 19 1.2 ViewModel 20 1.3 LiveData 22 1.4 Paging 23 Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp 1.5 WorkManager 23 Ưu điểm Android Jetpack 24 2.1 Tính “mở” .24 2.2 Tính tương thích ngược 24 2.3 Dễ dàng testing 24 2.4 Các component độc lập với 24 CHƯƠNG 3-TÌM HIỂU VỀ RESTFUL API TRONG LARAVEL 25 I Các method http 25 II URL Trong Restful API 26 III Các status code http cần biết 26 CHƯƠNG 4-TÌM HIỂU VỀ TYPESCRIPT TRONG REACT 28 I Tổng quan TypeScript 28 II Ưu nhược điểm TypeScript 28 Ưu điểm: 28 Nhược điểm: 28 III Cài đặt 29 CHƯƠNG 5- PHÂN TÍCH THIẾT KẾ VÀ CÀI ĐẶT HỆ THỐNG 30 I Phân tích chức hệ thống .30 Biểu đồ Use Case tổng quát 30 Biểu đồ Use Case chi tiết .30 2.1 Xem danh sách sản phẩm bật 30 2.1.1 Biểu đồ .30 2.1.2 Đặc tả .30 2.2 Tìm kiếm sản phẩm 31 2.2.1 Biểu đồ .31 2.2.2 Đặc tả .31 2.3 Xem chi tiết sản phẩm .32 2.3.1 Biểu đồ .32 Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp 2.3.2 Đặc tả .32 2.4 Đăng ký 32 2.4.1 Biểu đồ .32 2.4.2 Đặc tả .33 2.5 Đăng nhập, Đăng xuất .33 2.5.1 Biểu đồ .33 2.5.2 Đặc tả .34 2.6 Quản lý hồ sơ cá nhân .35 2.6.1 Biểu đồ .35 2.6.2 Đặc tả .35 2.7 Quản lý giỏ hàng .36 2.7.1 Biểu đồ .36 2.7.2 Đặc tả .36 2.8 Quản lý đơn hàng 37 2.8.1 Biểu đồ .37 2.8.2 Đặc tả .37 2.9 Quản lý đơn hàng (Bên quản lý) .38 2.9.1 Biểu đồ .38 2.9.2 Đặc tả .38 2.10 Quản lý sản phẩm 39 2.10.1 Biểu đồ 39 2.10.2 Đặc tả .40 2.11 Quản lý tài khoản 40 2.11.1 Biểu đồ 40 2.11.2 Đặc tả .41 2.12 Quản lý thống kê 41 2.12.1 Biểu đồ 41 2.12.2 Đặc tả .41 Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp Sequence Diagram 42 3.1 Quản lý sản phẩm 42 3.2 Thêm tài khoản 43 3.3 Giỏ hàng 43 3.4 Sủa thông tin cá nhân 44 3.5 Thêm giỏ hàng 44 3.6 Xem danh sách sản phẩm bật 45 3.7 Tìm kiếm sản phẩm 45 3.8 Xem chi tiết sản phẩm .46 3.9 Xem thông tin cá nhân 46 3.10 Đăng nhập .47 3.11 Đăng ký 47 Biểu đồ lớp .48 4.1 Biểu đồ lớp hệ thống 48 4.2 Biểu đồ lớp thực thể hệ thống 49 Biểu đồ hoạt động 50 5.1 Đăng nhập .50 5.2 Đăng ký 51 5.3 Đăng xuất 52 5.4 Tìm kiếm sản phẩm 53 5.5 Xem chi tiết sản phẩm .54 5.6 Quản lý hồ sơ cá nhân .55 5.7 Quản lý đơn hàng 56 5.8 Quản lý giỏ hàng .57 5.9 Quản lý sản phẩm 58 5.10 Quản lý tài khoản 59 5.11 Quản lý đơn hàng (bên quản lý) 60 5.12 Quản lý thống kê 61 Lê Anh Tuấn – 223463 – 63IT3 Đồ án tốt nghiệp Hình 74 Giao diện Chỉnh sửa địa liên hệ Lê Anh Tuấn – 223463 – 63IT3 83 Đồ án tốt nghiệp Hình 75 Giao diện Chỉnh sửa ngày sinh, giới tính Lê Anh Tuấn – 223463 – 63IT3 84 Đồ án tốt nghiệp Giao diện hình Đơn hàng Hình 76 Giao diện Đơn hàng Lê Anh Tuấn – 223463 – 63IT3 85 Đồ án tốt nghiệp Hình 77 Giao diện Chi tiết đơn hàng Lê Anh Tuấn – 223463 – 63IT3 86 Đồ án tốt nghiệp Hình 78 Giao diện khơng có đơn hàng Lê Anh Tuấn – 223463 – 63IT3 87 Đồ án tốt nghiệp Giao diện hình Đăng nhập Hình 79 Giao diện Đăng nhập Lê Anh Tuấn – 223463 – 63IT3 88 Đồ án tốt nghiệp Giao diện hình Đăng ký Hình 80 Giao diện Đăng ký Lê Anh Tuấn – 223463 – 63IT3 89 Đồ án tốt nghiệp IV Giao diện website Giao diện người dùng 1.1 Giao diện hình Trang chủ Hình 81 Giao diện Trang chủ 1.2 Giao diện hình Chi tiết sản phẩm Hình 82 Giao diện Chi tiết sản phẩm Lê Anh Tuấn – 223463 – 63IT3 90 Đồ án tốt nghiệp 1.3 Giao diện hình Giỏ hàng Hình 83 Giao diện Giỏ hàng 1.4 Giao diện hình Tìm kiếm Hình 84 Giao diện Tìm kiếm Lê Anh Tuấn – 223463 – 63IT3 91 Đồ án tốt nghiệp 1.5 Giao diện hình Thơng tin cá nhân Hình 85 Giao diện Thơng tin cá nhân Hình 86 Giao diện Thông tin tài khoản Lê Anh Tuấn – 223463 – 63IT3 92 Đồ án tốt nghiệp 1.6 Giao diện hình Đăng nhập Hình 87 Giao diện Đăng nhập 1.7 Giao diện hình Đăng ký Hình 88 Giao diện Đăng ký Lê Anh Tuấn – 223463 – 63IT3 93 Đồ án tốt nghiệp Giao diện admin 2.1 Giao diện Trang chủ Hình 89 Giao diện Trang chủ 2.2 Giao diện Quản lý đơn hang Hình 90 Giao diện Quản lý đơn hàng Hình 91 Giao diện thơng tin đơn hàng Lê Anh Tuấn – 223463 – 63IT3 94 Đồ án tốt nghiệp 2.3 Giao diện Quản lý sản phẩm Hình 92 Giao diện Quản lý sản phẩm Hình 93 Giao diện Chỉnh sửa sản phẩm Lê Anh Tuấn – 223463 – 63IT3 95 Đồ án tốt nghiệp CHƯƠNG – KẾT LUẬN VÀ ĐỊNH HƯỚNG PHÁT TRIỂN I Kết thực Đây đề tài mới, phản ánh xu mua sắm online người Bằng tìm tịi học tập từ thầy cô, sau khoảng thời gian nghiên cứu thực hiện, sinh viên hoàn thành thiết kế cài đặt hệ thống, sử dụng thực tế Tuy nhiên, thời gian khơng cho phép kiến thức hạn hẹp Ứng dụng xây dựng nhiều hạn chế như: - Tổ chức, cấu trúc dự án hạn chế, chưa tốt - Chưa đa dạng tính II Định hướng phát triển Vì hạn chế cịn tồn trên, tơi mong tương lai cải thiện chức bao gồm: - Học cách tổ chức, cấu trúc code tốt - Bổ sung thêm chức hữu ích khác bổ trợ cho người dùng Gia tăng tính năng, làm phong phú gây hứng thú cho người sử dụng Lê Anh Tuấn – 223463 – 63IT3 96 Đồ án tốt nghiệp TÀI LIỆU THAM KHẢO [1] Android Studio https://developer.android.com/studio/ [2] Android Jetpack https://developer.android.com/jetpack/ [3] Laravel API https://laravel.com/api/9.x/ [4] React TS https://www.npmjs.com/package/react-ts Lê Anh Tuấn – 223463 – 63IT3 97