Báo cáo chuyên đề tên đề tài thiết kế và xây dựng ecommerce app

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO CHUYÊN ĐỀ TÊN ĐỀ TÀI Thiết kế xây dựng Ecommerce App Thành Viên Thực Hiện: Nguyễn Văn Hùng -21IT614 Phan Nhật Huy Giảng viên hướng dẫn: -21IT414 THS.NGÔ LÊ QUÂN Đà Nẵng, tháng 5, năm 2023 Thiết kế ứng dụng thương mại điện tử ĐACS TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN CƠ SỞ Thiết kế xây dựng Ecommerce App Sinh viên: Nguyễn Văn Hùng Mã:21IT614 Phan Nhật Huy Mã:21IT414 Giảng viên hướng dẫn: THS.NGÔ LÊ QUÂN Đà Nẵng, tháng 5, năm 2023 Thiết kế ứng dụng thương mại điện tử ĐACS LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường VKU, đặc biệt thầy cô khoa khoa học máy tinh trường tạo điều kiện cho em thực tập khoa để có nhiều thời gian cho khóa luận tốt nghiệp Và chúng em xin chân thành cám ơn thầy/cô nhiệt tình hướng dẫn hướng dẫn chúng em hồn thành tốt khóa thực tập Trong q trình thực tập làm báo cáo thực tập, kiến thức kinh nghiệm thực tế nhiều hạn chế nên báo cáo tránh khỏi thiếu sót, chúng em mong nhận ý kiến đóng góp thầy, để chúng em học hỏi nhiều kĩ năng, kinh nghiệm hoàn thành tốt báo cáo tốt nghiệp tới Chúng em xin chân thành cảm ơn! Thiết kế ứng dụng thương mại điện tử ĐACS NHẬN XÉT GIÁO VIÊN HƯỚNG DẪN Chữ ký giảng viên THS.NGÔ LÊ QUÂN Thiết kế ứng dụng thương mại điện tử ĐACS Mục Lục LỜI CẢM ƠN NHẬN XÉT GIÁO VIÊN HƯỚNG DẪN .4 Mục Lục CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu : 1.2 Khái niệm 1.3 Mục tiêu đề tài : 1.4 Khảo sát hệ thống .9 1.4.1 Khảo sát trạng: .9 1.4.2 Yêu cầu cho Ứng dụng thương mại điện tử: .10 CHƯƠNG 2.1 Thiết kế xây dựng Ecommerce App 11 Mô tả: 11 2.1.1 Mô tả tổng quan 11 2.1.2 Mục tiêu dự kiến 11 2.2 Nội dung thực hiện: 11 2.3 Yêu cầu App: .11 2.3.1 Giao diện đẹp - ấn tượng: 11 2.3.2 Hình ảnh chất lượng: 11 2.3.3 Bố cục khoa học: 12 2.3.4 Nội dung chuyên nghiệp, thông tin chi tiết: .12 CHƯƠNG Phân tích thiết kế hệ thống 13 3.1 Danh sách Actor .13 3.2 Danh sách Use case 13 3.2.1 Khách hàng 13 Thiết kế ứng dụng thương mại điện tử 3.2.2 3.3 ĐACS Người quản trị 13 Đặc tả UC 13 3.3.1 Đăng kí tài khoản .13 3.3.2 Đăng nhập hệ thống 15 3.3.3 Xem thông tin sản phẩm .16 3.3.4 Thanh toán 17 3.3.5 Kiểm tra đơn hàng 18 3.3.6 Giao hàng 18 3.4 Đặc tả hệ thống 19 3.4.1 Tài liệu mẫu .20 3.4.2 Biểu đồ ca sử dụng .22 3.4.3 Biểu đồ lớp 24 3.4.4 Mô tả lớp 24 3.4.5 Biểu đồ lớp 26 3.5 Biểu đồ trình tự 26 3.5.1 Đăng nhập 26 3.5.2 Thêm sản phẩm 27 3.5.3 Xóa sản phẩm: 27 3.6 Biểu đồ hoạt động 30 3.6.1 Khách hàng 30 3.6.2 Người quản trị 35 CHƯƠNG 4.1 Giao diện Ecommerce App 39 Phần người dùng .39 4.1.1 Giao diện Đăng nhập Đăng kí, Nhập mã OTP 4.1.2 Trang chủ 41 39 Thiết kế ứng dụng thương mại điện tử ĐACS 4.1.3 Danh sách sản phẩm 42 4.1.4 Chi tiết sản phẩm 43 4.1.5 Giỏ hàng .44 4.1.6 Thanh toán 45 4.1.7 Các đơn hàng khách hàng 46 4.1.8 Profile 47 4.2 Phần admin .47 4.2.1 Trang chủ admin 49 4.2.2 Thêm Danh mục 50 4.2.3 Thêm xem sản phẩm 51 4.2.4 Thêm slide 52 4.2.5 Danh sách Order duyệt đơn giao hàng 53 CHƯƠNG 5.1 Đánh giá, kết luận, tài liệu tham khảo 54 Đánh giá 54 5.1.1 Giao diện: 54 5.1.2 Tính năng, hiệu suất: 54 5.1.3 Độ ổn định 54 5.2 Kết luận 54 5.2.1 Kết đạt đề tài 54 5.2.2 Hạn chế tồn .54 5.2.3 Hướng phát triển 54 5.3 TÀI LIỆU THAM KHẢO 55 5.3.1 Tài liệu tiếng việt .55 5.3.2 Trang web 55 Thiết kế ứng dụng thương mại điện tử CHƯƠNG ĐACS TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu : Tên tiếng Việt : Ứng dụng Thương Mại Điện Tử Tên tiếng Anh : E-Commerce App 1.2 Khái niệm - Ứng dụng, viết tắt App mobile Được định nghĩa loại phần mềm cài đặt chạy máy tính, máy tính bảng, điện thoại thơng minh thiết bị điện tử khác Ứng dụng thường dùng để ứng dụng di động phần mềm cài đặt sử dụng máy tính Hầu hết ứng dụng có chức cụ thể hẹp Ứng dụng xây dựng nhiều ngơn ngữ lập trình khác (Java, Kotlin, Swift, C#, C++, Python, JavaScript, ReactNative) - Ứng dụng di động công cụ dùng để truyền tải thông tin, quảng cáo, giới thiệu sản phẩm, dịch vụ, mơ hình hiệu mà doanh nghiệp, cá nhân sử dụng để bán hàng, giao tiếp trao đổi trực tuyến Đây coi công cụ hỗ trợ thiếu hoạt động quảng cáo, kinh doanh, bán hàng doanh nghiệp cá nhân 1.3 Mục tiêu đề tài :      Tăng sở khách hàng có, tiếp cận khách hàng tăng chuyển đổi thành khách hàng tiềm Tăng tương tác với doanh nghiệp công ty Là nơi giao tiếp hiệu với khách hàng Cung cấp cho khách hàng hội mua hàng hóa sử dụng dịch vụ với trợ giúp hệ thống tốn điện tử mà khơng cần rời khỏi nhà Cung cấp thông tin thông báo cho khách hàng, đối tác, nhân viên hoạt động công ty phạm vi dịch vụ cung cấp 1.4 Khảo sát hệ thống 1.4.1 Khảo sát trạng: Ưu điểm: Thiết kế ứng dụng thương mại điện tử ĐACS - Ứng dụng di động vốn quen thuộc với người dùng nên dễ dàng sử dụng, tìm kiếm - Khơng tốn chi phí thiết kế, xây dựng, tiền làm trang web để quản lý - Xác định nguồn liệu cách trực quan hơn: người khác xem hệ thống thơng tin mà khơng phải học trình phương pháp phổ thông - Người dùng khơng cần có nhiều kiến thức tin học nhiều đáp ứng cơng việc Nhược điểm: - Giao diện nhiều thông tin khác dễ bị chèn trôi - Cơ sở liệu có nhiều dịch vụ dẫn tới khó khăn công tác quản lý riêng lĩnh vực phương tiện lại 1.4.2 Yêu cầu cho Ứng dụng thương mại điện tử: 1.4.2.1 Yêu cầu chức năng: - Đảm bảo tính bảo mật thơng tin - Các trang hiển thị bao gồm: Sản phẩm nhất, kế bên có danh mục, toán qua ATM, giỏ hàng,lịch sử đặt hàng 1.4.2.2 Yêu cầu phi chức năng: - Giao diện đơn giản, bắt mắt, thu hút - Ứng dụng không nhiều chức năng, dễ sử dụng, font chữ dễ nhìn, - Đảm bảo tính xác trình thiết bị khác - Về độ bảo mật: An toàn bảo mật liệu, - Đáp ứng độ tin cậy, hiệu thời gian không gian 1.4.2.3 Yêu cầu hệ thống: - Hệ thống hướng tới nhiều đối tượng nên phải thiết kế đơn giản, đẹp mắt dễ hiểu thuận lợi cho người sử dụng để giảm bớt cảm giác phức tạp rắc rối cho họ Tuy nhiên phải đảm bảo quy tắc tiêu chuẩn thiết kế, tạo thuận tiện dễ dàng cho người sử dụng - Các chức phải thực cách dễ dàng, nhanh chóng xác Đảm bảo chức quan trọng - Các yêu cầu hệ thống: + Sử dụng ngơn ngữ lập trình kotlin + Sử dụng Firebase làm sở liệu cho app 1.4.2.4 Yêu cầu người dùng: - Có khả trình độ định cách sử dụng, cách thức hoạt động ứng dụng Thiết kế ứng dụng thương mại điện tử ĐACS 10 Thiết kế ứng dụng thương mại điện tử 4.1.2 ĐACS Trang chủ 40 Thiết kế ứng dụng thương mại điện tử 4.1.3 ĐACS Danh sách sản phẩm 41 Thiết kế ứng dụng thương mại điện tử 4.1.4 ĐACS Chi tiết sản phẩm 42 Thiết kế ứng dụng thương mại điện tử 4.1.5 ĐACS Giỏ hàng 43 Thiết kế ứng dụng thương mại điện tử 4.1.6 ĐACS Thanh toán 44 Thiết kế ứng dụng thương mại điện tử 4.1.7 ĐACS Các đơn hàng khách hàng 45 Thiết kế ứng dụng thương mại điện tử 4.1.8 ĐACS Profile 4.2 Phần admin 46 Thiết kế ứng dụng thương mại điện tử ĐACS 47 Thiết kế ứng dụng thương mại điện tử 4.2.1 ĐACS Trang chủ admin 48 Thiết kế ứng dụng thương mại điện tử 4.2.2 ĐACS Thêm Danh mục 49 Thiết kế ứng dụng thương mại điện tử 4.2.3 ĐACS Thêm xem sản phẩm 50 Thiết kế ứng dụng thương mại điện tử 4.2.4 ĐACS Thêm slide 51 Thiết kế ứng dụng thương mại điện tử 4.2.5 ĐACS Danh sách Order duyệt đơn giao hàng 52 Thiết kế ứng dụng thương mại điện tử CHƯƠNG ĐACS Đánh giá, kết luận, tài liệu tham khảo 5.1 Đánh giá 5.1.1 Giao diện: - Giao diện ứng dụng di động thương mại điện tử tương đối dễ nhìn, phù hợp với lứa tuổi nhu cầu khách hàng 5.1.2 Tính năng, hiệu suất: - Ứng dụng di động thương mại điện tử đáp ứng tương đối đầy đủ yêu cầu đặt ban đầu, chức tương đối ổn định, chạy không gặp lỗi sử dụng tác vụ khác - Sau chạy thử app máy có cấu hình khơng q cao cho thấy app hoạt động ổn định với số lượng sản phẩm hình ảnh liên quan Quá trình kiểm thử tính cho thấy app hoạt động ổn định, khơng xuất tình trạng khơng phản hồi từ hệ thống Các kiểm tra với liệu điều cho kết ý muốn đối lớn Kết truy vấn nhanh xác tới người dùng 5.1.3 Độ ổn định - Quá trình kiểm thử tính cho thấy ứng dụng hoạt động ổn định, khơng xuất tình trạng khơng phản hồi từ hệ thống Các kiểm tra với liệu điều cho kết ý muốn 5.2 Kết luận 5.2.1 Kết đạt đề tài - Về bản, thành phần ứng dụng di động phát triển theo lộ trình, có khả ứng dụng thực tế cao - Nắm bước việc phát triển mobile app Android với kotlin - Nắm cách lập trình web với Firebase - Xây dựng hệ thống sơ liệu hoàn chỉnh 5.2.2 5.2.3 Hạn chế tồn Còn vài chỗ chức chưa hoàn chỉnh Thiếu vài chức cần thiết cho ứng dụng App có quy mơ tương đối nhỏ Giao diện chưa bắt mắt, trơn tru Hướng phát triển - Khắc phục nhược điểm 53 Thiết kế ứng dụng thương mại điện tử ĐACS - Tìm hiểu cải thiện giao diện bắt mắt - Tối ưu hóa CSDL - Nghiên cứu lỗ hổng bảo mật ứng dụng - Tối ưu hóa chức hệ thống để đáp ứng tốt nhu cầu người sử dụng  Kết luận : Với kiến thức mà em học trường, kinh nghiệm thực tế từ thời gian qua kèm với hướng dẫn thầy cơ, em hồn thành đề tài xây dựng ưng dụng di động bán giày thể thao trực tuyến Đề tài khơng giúp em học hỏi bổ sung thêm nhiều kiến thức để em hồn thiện tương lai Tuy nhiên, làm không tránh khỏi sai sót Em mong thầy giúp đỡ em hoàn thiện Em xin chân thành cảm ơn! 5.3 TÀI LIỆU THAM KHẢO 5.3.1 5.3.2 - Tài liệu tiếng việt Youtube Gà Lại lập trình : Khóa học Kotlin Tài liệu lập trình kotlin tiếng việt – Trần Thanh : https://cuongquach.com/tai-lieu-lap-trinh-kotlin-tieng-viet.html Trang web https://hiepsiit.com/ https://developer.android.com/ 54