Xây dựng website bán điện thoại di động

LỜI CẢM ƠN Để hoàn thành báo cáo thực tập chuyên ngành, trước tiên nhóm chúng em xin gửi lời cảm ơn chân thành sâu sắc đến thầy Trần Vũ Hà, mơn Khoa học máy tính, khoa Công nghệ thông tin, Học viện nông nghiệp Việt Nam, người tận tình hướng dẫn giúp đỡ nhóm chúng em suốt trình làm thực tập chuyên ngành Nhóm em xin gửi lời cảm ơn sâu sắc tới anh Lê Văn Tân chị Vũ Thị Duyên đến từ công ty TNHH phần mềm Acazia Software, hai người trực tiếp hướng dẫn chúng em suốt trình thực tập cơng ty Đồng thời chúng em xin gửi lời cảm ơn chân thành với anh chị công ty tạo điều kiện cho chúng em có hội tiếp xúc với mơi trường làm việc chun nghiệp để chúng em có hội phát triển Nhóm em xin gửi lời cảm ơn chân thành tới thầy cô giáo khoa Công nghệ thông tin, Học viện Nông Nghiệp Việt Nam, người giảng dạy hai chúng em suốt năm học qua Đồng thời, chúng em xin gửi lời cảm ơn tới thầy, cô giáo Bộ mơn Khoa học máy tính nhiệt tình giúp đỡ chúng em trình thực tập hồn thiện báo cáo Trong q trình thực tập, trình làm báo cáo thực tập, khó tránh khỏi sai sót, mong thầy (cô) bỏ qua Do điều kiện thời gian trình độ lý luận thực tế hạn chế nên báo cáo tránh khỏi thiếu sót, nhóm em mong nhận ý kiến đóng góp thầy (cơ) để học hỏi thêm kinh nghiệm hoàn thành tốt báo cáo khóa luận tới i MỤC LỤC LỜI CẢM ƠN .i MỤC LỤC ii DANH MỤC HÌNH .v DANH MỤC BẢNG vii CHƯƠNG ĐẶT VẤN ĐỀ .1 1.1.Tính cấp thiết đề tài 1.2.Mục đích, yêu cầu 1.2.1 Mục đích 1.2.2 Yêu cầu 1.3.Nội dung phương pháp nghiên cứu 1.3.1.Nội dung nghiên cứu 1.3.2 Phương pháp nghiên cứu 1.4 Địa điểm thời gian thực tập 1.5 Tình hình nghiên cứu ngồi nước 1.5.1 Tình hình nghiên cứu nước 1.5.2 Tình hình nghiên cứu ngồi nước CHƯƠNG SƠ LƯỢC VỀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU VÀ NGƠN NGỮ LẬP TRÌNH 2.1 Tổng quang thương mại điện tử .5 2.2 Tìm hiểu FrameWork React JS 2.2.1 Giới thiệu React JS 2.2.2 Đặc tính React JS 2.2.3 Thế mạnh React JS 2.3 Tìm hiểu PostgreSQL (cơ sở liệu mã nguồn mở) 2.3.1 PostgreSQL gì? 2.3.2 Vì nên sử dụng PostgreSQL 2.3.3 Hệ thống tính PostgreSQL 2.3.4 Các yếu tố giúp PostgreSQL bật 10 2.4 Tổng quan ngôn ngữ lập trình JAVA 10 2.4.1 Các đặc điểm ngơn ngữ JAVA 11 2.4.2 Tìm hiểu Spring Boot 12 2.4.2.1 Tính bật Spring Boot 13 2.4.2.2 Tổng kết Spring Boot 13 CHƯƠNG 14 KHẢO SÁT HỆ THỐNG 14 3.1 Phát biểu toán 14 3.2 Mục tiêu hệ thống .14 ii 3.3 Phạm vi hệ thống 14 3.3.1 Người sử dụng hệ thống 15 CHƯƠNG 16 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 4.1 Phân tích hệ thống mặt chức 16 4.1.1 Mô tả chức 16 CHƯƠNG 19 TÓM LƯỢC CHỨC NĂNG 19 5.1 Đặc tả yêu cầu chức 19 5.1.1 Đăng nhập 19 Mô tả nghiệp vụ .19 5.1.2 Tìm kiếm sản phẩm 20 Mô tả nghiệp vụ .20 5.1.3 Thêm sản phẩm, danh mục 21 5.1.4 Sửa thông tin 22 5.1.5 Xóa sản phẩm 23 5.1.6 Đặt hàng 24 5.1.7 Xử lí đơn hàng 25 5.1.8 Phản hồi 26 CHƯƠNG 27 THIẾT KẾ 27 6.1 Biểu đồ 27 6.1.1 Biểu đồ phân cấp chức 27 6.1.2 Biểu đồ Use case 28 6.1.3 Biểu đồ 29 6.1.5 Sơ đồ thực thể liên kết 34 6.2 Thiết kế liệu 35 CHƯƠNG 39 XÂY DỰNG HỆ THỐNG WEBSITE 39 7.1 Giao diện trang chủ 39 7.2 Giao diện trang tìm kiếm nhanh sản phẩm 40 7.3 Giao diện chi tiết sản phẩm 40 7.4 Giao diện giỏ hàng 41 7.5 Giao diện đặt hàng 41 7.6 Giao diện đăng nhập 42 7.7 Giao diện trang quản lí sản phẩm 43 7.8 Giao diện quản lí khách hàng 44 7.9 Giao diện trang đơn hàng 44 CHƯƠNG 45 KẾT LUẬN VÀ ĐỀ XUẤT 45 iii 8.1 Kết luận 45 8.2 Đề xuất .45 TÀI LIỆU THAM KHẢO 46 iv DANH MỤC HÌNH Hình 1: Sơ đồ phân cấp chức Error: Reference source not found Hình 2: Biểu đồ usecase tổng quát Error: Reference source not found Hình 3: Biểu đồ use case người quản trị Error: Reference source not found Hình 4: Biểu đồ use case khách hàng .Error: Reference source not found Hình 5: Biểu đồ chức Đăng nhập.Error: Reference source not found Hình 6: Biểu đồ chức tìm kiếm khách hàng Error: Reference source not found Hình 7: Biểu đồ chức tìm kiếm người quản trị Error: Reference source not found Hình 8: Biểu đồ chức Đặt hàng .Error: Reference source not found Hình 9: Biểu đồ chức Sửa Error: Reference source not found Hình 10: Biểu đồ chức Thêm .Error: Reference source not found Hình 11: Biểu đồ chức Xóa .Error: Reference source not found Hình 12: Biểu đồ chức Báo cáo thống kê Error: Reference source not found Hình 13: Biểu đồ chức Xử lý đơn hàng Error: Reference source not found Hình 14: Sơ đồ thực thể liên kết .Error: Reference source not found Hình 7.1 Giao diện trang chủ Error: Reference source not found Hình 7.2 Giao diện trang tìm kiếm nhanh sản phẩm Error: Reference source not found Hình 7.3 Giao diện chi tiết sản phẩm Error: Reference source not found Hình 7.4 Giao diện giỏ hàng Error: Reference source not found Hình 7.5 Giao diện đặt hàng Error: Reference source not found Hình 7.6.1 Giao diện trang đăng nhập Error: Reference source not found Hình 7.6.2 Giao diện trang quản trị viên .Error: Reference source not found Hình 7.7 Giao diện trang quản lí sản phẩm Error: Reference source not found v Hình 7.8 Giao diện quản lí khách hàng Error: Reference source not found Hình 7.9 Giao diện quản lí đơn hàng .Error: Reference source not found vi DANH MỤC BẢNG Bảng 1: Bảng User Error: Reference source not found Bảng 2: Bảng Role Error: Reference source not found Bảng 3: Bảng NhomKhacHang Error: Reference source not found Bảng 4: NhaCC .Error: Reference source not found Bảng 5: SanPham Error: Reference source not found Bảng 6: SanPham Error: Reference source not found Bảng 7: DonDatHang .Error: Reference source not found Bảng 8: ChiTietDDH Error: Reference source not found vii CHƯƠNG ĐẶT VẤN ĐỀ 1.1 Tính cấp thiết đề tài Trong sống xã hội nay, Internet marketing online phần thiếu, động lực cho phát triển toàn xã hội Ở Việt Nam nói riêng tồn giới nói chung tỷ lệ người sử dụng Internet ngày cao Tính đến năm 2019, có đến gần tỷ người giới sử dụng Internet (chiếm 46,64%), khu vực châu Á khu vực có số người dùng lớn (xấp xỉ 1,5 tỷ người chiếm gần 50% toàn giới) Việt Nam quốc gia có tỷ lệ người sử dụng Internet cao, theo thống kê ngày 1/1/2019 Việt Nam có khoảng 50 triệu người sử dụng internet chiếm 53% tổng dân số, tăng 6% so với năm 2018 số có dấu hiệu tăng lên trích báo Dân Trí Thế nên, việc nhu cầu thiết kế trang web tăng trưởng mạnh, đặc biệt doanh nghiệp vừa nhỏ, họ ý thức việc phải có trang web bắt mắt, giao diện thân thiện, thu hút người dùng Internet Nắm bắt phát triển đó, với đa dạng mẫu mã mặt hàng điện thoại di động, nhu cầu người smartphone thông minh, giới trẻ Nhóm chúng em định chọn đề tài: “Xây dựng website bán điện thoại di động” ngôn ngữ lập trình JAVA để đáp ứng nhu cầu tìm kiếm, so sánh; cập nhập nhanh nhất, xác thông tin smartphone mà người dùng quan tâm 1.2 Mục đích, yêu cầu 1.2.1 Mục đích - Nhằm đáp ứng nhu cầu mở rộng thị trường, giới thiệu sản phẩm điện thoại di động Quảng bá thương hiệu dòng máy điện thoại di động, thơng tin cập nhập đáp ứng nhu cầu tìm kiếm mặt hàng theo xu hướng khách hàng Bên cạnh tiết kiệm thời gian chi phí lại cho khách hàng - Quản trị website dễ dàng quản lí thơng tin loại sản phẩm, dịch vụ, chương trình khuyến dành cho khách hàng, đơn hàng mà khách hàng đặt, để tư vấn trả lời khách hàng cách xác, cụ thể nhanh 1.2.2 Yêu cầu - Khảo sát sơ hệ thống nhằm thu thập thông tin cho q trình phân tích - Khảo sát chi tiết hệ thống với mục đích tìm hiểu u cầu người sử dụng, xác định thông tin đánh giá lựa chọn cho giải pháp - Xác định u cầu hệ thống: + Phân tích tốn + Thiết kế sở liệu + Phân tích thiết kế hệ thống + Xây dựng chương trình ngơn ngữ lập trình JAVA, quản trị sở liệu hệ quản trị sở liệu PostgreSQL - Chức cho hệ thống website: + Xây dựng hệ thống đăng kí, đăng nhập cho khách hàng có nhu cầu mua hàng + Xây dựng module giỏ hàng cho khách hàng mua hàng + Xây dựng module tìm kiếm sản phẩm, quản lí thơng tin cá nhân thành viên quản lí mặt hàng phân quyền admin + Hỗ trợ tư vấn trực tuyến - Giao diện dễ nhìn, thân thiện, dễ sử dụng, có đầy đủ chức giao diện 1.3 Nội dung phương pháp nghiên cứu 1.3.1 Nội dung nghiên cứu - Tham khảo website bán điện thoại di động như: thegioididong, fpt shop, didongthongminh… để đúc kết kinh nghiệm hiểu chức web nên bán điện thoại di động cần có - Khảo sát hướng tới nhu cầu người dùng - Phân tích thiết kế hệ thống - Thiết kế CSDL - Ngơn ngữ lập trình JAVA hệ quản trị sở liệu PostgreSQL - Xây dựng chương trình - Kiểm thử chương trình 1.3.2 Phương pháp nghiên cứu - Tham khảo, nghiên cứu giáo trình, tài liệu liên quan đến nội dung đề tài - Nghiên cứu thương mại điện tử, nhu cầu người dùng với thương mại điện tử - Tham khảo tài liệu chuyên ngành, giản, học mạng… - Phân tích thiết kế hệ thống, xây dựng sở liệu - Viết chương trình - Chạy chương trình, thử nghiệm tính năng, xin ý kiến đề xuất thầy cô bạn bè 1.4 Địa điểm thời gian thực tập Địa điểm: Công ty TNHH phần mềm Acazia Software số 57, ngõ 66, phố Ngọc Lâm, phường Ngọc Lâm, Quận Long Biên, thành phố Hà Nội 1.5 Tình hình nghiên cứu ngồi nước 1.5.1 Tình hình nghiên cứu nước Theo Cơng ty nghiên cứu thị trường Nielsen Việt Nam Tỉ lệ sở hữu thiết bị di động thông minh thành thị nông thôn tăng lên rõ rệt Việt Nam - Biểu đồ chức Đặt hàng Hình 8: Biểu đồ chức Đặt hàng - Biểu đồ chức Sửa - Hình 9: Biểu đồ chức Sửa Biểu đồ chức Thêm 32 Hình 10: Biểu đồ chức Thêm - Biểu đồ chức Xóa Hình 11: Biểu đồ chức Xóa - Biểu đồ chức Báo cáo thống kê 33 - Hình 12: Biểu đồ chức Báo cáo thống kê Biểu đồ chức Xử lý đơn hàng Hình 13: Biểu đồ chức Xử lý đơn hàng 6.1.5 Sơ đồ thực thể liên kết 34 Hình 14: Sơ đồ thực thể liên kết 6.2 Thiết kế liệu Bảng: User Thuộc tính ID_User Username Password Email SDT Ngaytao Viết đầy đủ Id users Tên tài khoản Mật Email Email Ngày tạo Định dạng Int Varchar Varchar Varchar Varchar Date Đặc tả Khố Bảng 1: Bảng User Bảng: Role Thuộc tính Id_Role TenRole Giatien Viết đầy đủ Id quyền truy cập Tên quyền truy cập Tên loại Định dạng Int Int Int Đặc tả Khố Khóa ngoại 35 Ngaytao Ngày tạo Date Bảng 2: Bảng Role Bảng: NhomKhacHang Thuộc tính ID_NhomKH Viết đầy đủ Định dạng Id nhóm khách Int ID_CTDDH Ten_nhom Ngaytao hàng Tên nhóm Tên nhóm Ngày tạo Int Varchar Date Đặc tả Khóa Khóa ngoại Bảng 3: Bảng NhomKhacHang Bảng: NhaCC Thuộc tính ID_NhaCC Viết đầy đủ Định dạng Id mã nhà cung Int Đặc tả Khóa TenNCC Diachi cấp Tên nhà cung cấp name Địa nhà cung Varchar Khóa ngoại cấp SDT Số điện thoại Ngaytao Ngày tạo Bảng 4: NhaCC Bảng: SanPham Varchar Date Thuộc tính ID_SanPham ID_MaNCC Viết đầy đủ Định dạng Id sản phẩm Int Id mã nhà cung Int TenSp Soluong Baohanh Mota Ngaytao cấp Tên sản phẩm Số lượng Bảo hành Mơ tả Ngày tạo Đặc tả Khóa Khóa ngoại Varchar Int Varchar Varchar Date Bảng 5: SanPham 36 Bảng: GIA Thuộc tính Id_gia Id_SanPham Giatien Ngaytao Viết đầy đủ Id giá Id sản phẩm Tên loại Ngày tạo Định dạng Int Int Int Date Đặc tả Khố Khóa ngoại Bảng 6: SanPham Bảng: DonDatHang Thuộc tính ID_DonDH ID_User Email SDT Diachi Hoten Ngaytao Viết đầy đủ Id đơn đặt hàng Id user Số lượng đầu Số lượng nhập Số lượng xuất Họ tên Ngày tạo Định dạng Int Int Varchar Varchar Varchar Varchar Date Đặc tả Khóa Khóa ngoại Bảng 7: DonDatHang Bảng: ChiTietDDH Thuộc tính Id_CTDDH Viết đầy đủ Định dạng Id chi tiết đơn đặt Int hàng Id_SanPham Id sản phẩm Id_DONDH Id đơn đặt hàng Soluong Số lượng Tongtien Int Ngaytao Ngày tạo XacNhanDH Xác nhận đơn hàng Bảng 8: ChiTietDDH Int Int Number Number Date Int Đặc tả Khóa Khóa ngoại Khóa ngoại 37 38 CHƯƠNG XÂY DỰNG HỆ THỐNG WEBSITE 7.1 Giao diện trang chủ Hình 7.1 Giao diện trang chủ 39 7.2 Giao diện trang tìm kiếm nhanh sản phẩm Hình 7.2 Giao diện trang tìm kiếm nhanh sản phẩm 7.3 Giao diện chi tiết sản phẩm Hình 7.3 Giao diện chi tiết sản phẩm 40 7.4 Giao diện giỏ hàng Hình 7.4 Giao diện giỏ hàng 7.5 Giao diện đặt hàng Hình 7.5 Giao diện đặt hàng 41 7.6 Giao diện đăng nhập Hình 7.6.1 Giao diện trang đăng nhập Hình 7.6.2 Giao diện trang quản trị viên 42 7.7 Giao diện trang quản lí sản phẩm Hình 7.7 Giao diện trang quản lí sản phẩm 43 7.8 Giao diện quản lí khách hàng Hình 7.8 Giao diện quản lí khách hàng 7.9 Giao diện trang đơn hàng Hình 7.9 Giao diện quản lí đơn hàng 44 CHƯƠNG KẾT LUẬN VÀ ĐỀ XUẤT 8.1 Kết luận Sau thời gian nghiên cứu làm thực tập chuyên ngành với đề tài “Xây dựng website bán điện thoại di động”, nhóm em hồn thành số nội dung Về ý nghĩa thực tiễn: nhóm em tham gia vào môi trường làm việc chuyên nghiệp, kỹ làm việc nhóm, kỹ mềm giao tiếp, ứng cử, cách làm việc theo thời gian, phân chia công việc phù hợp tham gia vào trình phát triển phần mềm thực tế Về kiến thức: nắm bắt ReactJS, ngôn ngữ lập trình Java, hệ quản trị CSDL Về sản phẩm: Do kiến thức có hạn nhiều hạn chế bước tiến hành làm thực tập nên tốn nhóm nêu tập trung vào số chức nêu Em mong nhận ý kiến góp ý từ thầy, 8.2 Đề xuất Do thời gian ngắn với lượng kiến thức hạn hẹn, bắt đầu vào tìm hiểu ngơn ngữ lập trình nên nhóm chúng em trọng tới chức trang web bán điện thoại di động là: giới thiệu sản phẩm tạo đơn đặt hàng, thời gian tới làm khóa luận tốt nghiệp kì II, chúng em cố gắng bổ sung phát triển trang web với nhiều chức như: toán online, chat online, toán điện tử… Rất mong thầy góp ý thêm tính để chúng em tìm hiểu hồn thiện cho website mình! 45 TÀI LIỆU THAM KHẢO - Một số trang web bán điện thoại di động như: thegioididong, fpt shop… - Giáo trình thương mại điện tử - Đại học Ngoại thương Hà Nội - https://www.w3schools.com/ - https://reactjs.org/docs/getting-started.html?fbclid=IwAR1dUyXprtAQ5W7L9zz1u7MT-AtfGydVL6kz5xjX22jFFfVCUCZWpaP5TI - https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/? fbclid=IwAR0KR15HIs6qHHmkSqJmWPjnO-WUIH5BM4EPv7mAM_7EmMG58OSlWeKhkE - Một số video tài liệu khác google, youtobe… 46 ... Giao di n dễ nhìn, thân thiện, dễ sử dụng, có đầy đủ chức giao di n 1.3 Nội dung phương pháp nghiên cứu 1.3.1 Nội dung nghiên cứu - Tham khảo website bán điện thoại di động như: thegioididong,... Mọi thứ Spring Boot tự động làm hết sử dụng framework, Java web sau build chạy nhanh 13 CHƯƠNG KHẢO SÁT HỆ THỐNG 3.1 Phát biểu toán “ Xây dựng website bán điện thoại di động lĩnh vực nhỏ để phát... nhu cầu người smartphone thông minh, giới trẻ Nhóm chúng em định chọn đề tài: Xây dựng website bán điện thoại di động ngôn ngữ lập trình JAVA để đáp ứng nhu cầu tìm kiếm, so sánh; cập nhập nhanh