ĐẠI HỌC ĐÀ NẴNG TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI WEBSITE BÁN ĐIỆN THOẠI LỜI MỞ ĐẦU Lý do chọn đề tài Hiện nay, các công nghệ tiên tiến phát triển ngày càng mạnh[.]
ĐẠI HỌC ĐÀ NẴNG TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: WEBSITE BÁN ĐIỆN THOẠI LỜI MỞ ĐẦU Lý chọn đề tài Hiện nay, công nghệ tiên tiến phát triển ngày mạnh mẽ ứng dụng ngày nhiều vào lĩnh vực kinh tế, sản xuất đời sống thường nhật người Một điểm tiêu biểu việc phát triển cơng nghệ phải kể đến việc ứng dụng cơng nghệ thông tin vào hầu khắp hoạt động Nhờ đó, cơng việc thực nhanh, xác đạt kết cao nhiều Khi xã hội ngày phát triển, mức sống người dân nâng cao thu nhập kinh tế ngày cải thiện điện thoại di động khơng cịn trở nên xa lạ với người mà ngược lại vật dụng khơng thể thiếu người dân Hầu hết người trang bị cho điện thoại phù hợp với nhu cầu túi tiền Tuy nhiên, với sống ngày bận rộn việc muốn mua điện thoại ưa thích người tiêu dùng phải đến tận cửa hàng để chọn lựa nhiều thời gian công sức Cùng với lý nêu trên, qua tìm hiểu nhóm đồ án biết việc ứng dụng bán điện thoại di động trực tuyến giúp cho khách hàng giảm bớt thời gian công sức phải đến tận cửa hàng để mua Muốn lựa chọn cho điện thoại ưng ý phù hợp với túi tiền khách hàng cần ngồi bên máy tính có nối mạng internet mua mặt hàng điện thoại cần Do nhóm đề tài chọn thực đề tài “ Xây dựng Website bán điện thoại di động trực tuyến cho công ty Nhật Cường Mobile ” Phần mềm xây dựng với định hướng giúp việc mua sắm điện thoại khách hàng dễ dàng nhanh gọn hơn, không thời gian công sức Qua trình khảo sát thực tế, tìm hiểu phân tích thiết kế nhóm đề tài đưa báo cáo gồm phần sau để giúp người đọc hiểu rõ chức Website Phần I: Mở đầu Phần II: Nội dung • Chương 1: Tổng quan vấn đề nghiên cứu • Chương 2: Phân tích thiết kế hệ thống • Chương 3: Thiết kế giao diện cài đặt chương trình • Chương 4: Thử nghiệm đánh giá phần mềm Phần III: Kết luận Khách thể đối tượng nghiên cứu • Hệ thống bán điện thoại di động; • Các cơng cụ xây dựng phần mềm như: Visual Studio 2008 SQL Server 2005 Giới hạn phạm vi nghiên cứu Áp dụng thực bán hàng cho cơng ty Nhật Cường Mobile Mục đích nghiên cứu • Quản lý thơng tin khách hàng, ban quản trị • Đưa sản phẩm điện thoại di động đa dạng hợp túi tiền • Cung cấp cho khách hàng cập nhật sản phẩm giá • Đưa thống kê, báo cáo, xác số lượng sản phẩm khách hàng Nhiệm vụ nghiên cứu • Tìm hiểu quy trình bán hàng cơng ty thơng qua thực tế khảo sát Nhật Cường Mobile • Tìm hiểu cơng cụ xây dựng hệ thống như: Visual Studio 2008, SQL 2005; • Demo hệ thống máy cục Phương pháp nghiên cứu • Khảo sát thực trạng cơng ty Nhật Cường Mobile • Thu thập u cầu từ phía người dùng • Phân tích thiết kế hệ thống theo yêu cầu người dùng • Nghiên cứu cơng cụ xây dựng hệ thống Ý nghĩa lý luận thực tiễn đề tài • Giúp nhóm đề tài hiểu rõ quy trình bán điện thoại trực tuyến • Giúp cho việc quản lý hàng hóa thuận tiện • Giúp cho khách hàng mua hàng website biết rõ thực trình tự mua hàng LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn chân thành đến thầy cô Khoa Công nghệ Thông tin & Truyền Thông dạy em kiến thức hay, thầy cô môn Công nghệ Web truyền đạt kiến thức chuyên ngành bổ ích kỹ sống Đặc biệt, em xin cảm ơn sâu sắc tới giáo viên hướng dẫn ThS.Nguyễn Văn Lợi tận tình hướng dẫn, góp ý theo sát giúp em hồn thành đồ án tốt Em xin cảm ơn tới gia đình ln động viên tinh thần, tạo động lực cho em trình thực đồ án Cảm ơn tất bạn bè, tập thể lớp chia sẻ, góp ý q trình thực Vì kiến thức cịn hạn chế,trong q trình hồn thiện chun đề khơng tránh khỏi sai sót, kính mong nhận góp ý q thầy giáo Xin chân thành cảm ơn! DANH SÁCH BIỂU ĐỒ Hình Sơ đồ phân rã chức .4 Hình 2 Biểu đồ luông liệu mức khung cảnh .5 Hình Biểu đồ luồng liệu mức đỉnh Hình Biểu đồ luồng liệu mức chức giao dịch Hình Biểu đồ luồng liệu mức chức quản trị Hình Biểu đồ luồng liệu mức chức tìm kiếm MỤC LỤC Chương TỔNG QUAN VỀ ĐỀ TÀI .1 1.1 Đặt vấn đề 1.2 Hiện trạng chung 1.3 Thương mại điện tử ứng dụng website .2 MERN Stack Chương PHÂN TÍCH HỆ THỐNG 2.1 Khảo sát hệ thống 2.1.1 Mục đích 2.1.2 Mô tả hệ thống 2.1.3 Nhóm chức .4 2.2 Phân tích hệ thống .5 2.2.1 Mơ hình hóa chức nghiệp vụ 2.2.2 Xây dựng biểu đồ Use Case 2.2.3 Xây dựng bảng liệu .7 2.2.4 Xây dựng biểu đồ 2.3 Cơ sở liệu .9 2.4.Đặc tả chương trình 10 Chương THIẾT KẾ GIAO DIỆN 12 3.1 Cài đặt 12 3.1.1 Node Js 12 3.1.2 Visual Studio .12 3.1.3 Mongo DB 13 3.1.4 React(Mode_Modules) .15 3.1.5 App 16 Chương ĐÁNH GIÁ PHẦN MỀM VÀ KẾT LUẬN 20 Thành tựu 20 Kết luận .21 Chương TỔNG QUAN VỀ NGHIÊN CỨU 1.1 Đặt vấn đề Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử , công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu , tảng cho truyền tải , trao đổi thơng tin toàn cầu Giờ , việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng : cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm , có đầy đủ thơng tin , hình ảnh chí đơi lúc có âm bạn cần Bằng internet , thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều , thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới , làm biến đổi đáng kể mặt văn hóa , nâng cao chất lượng sống người Trong hoạt động sản xuất , kinh doanh , thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với công ty, việc quảng bá giới thiệu đến khách hàng thông tin mới, chương trình ưu đãi cơng ty tổ chức thời điểm cách hiệu kịp thời yếu tố mang tính định cho tồn phát triển công ty Vì , thật thiếu sót cơng ty bạn chưa xây dựng website để giới thiệu rộng rãi dòng máy Và vấn đề đặt song song với , để quản lý điều hành website cách dễ dàng hiệu , có , tránh nhàm chán cho khách hàng thường xuyên website , thu kết mong muốn Đây vấn đề cấp thiết trăn trở hầu hết công ty bán điện thoại nói riêng doanh nghiệp khác nói chung , doanh nghiệp Việt Nam – với họ , thương mại điện tử Với đồ án , em xin trình bày cách thức quản lý website giúp cho người quản trị dễ dàng việc phân quyền quản lý , thay đổi , cập nhật thông tin trang web , quản lý hiệu khách hàng đơn đặt hàng mạng 1.2 Hiện trạng chung Hiện , khác với nước có cơng nghệ thơng tin phổ biến phát triển , Việt Nam , đại đa số website tĩnh , có cấu trúc tổ chức thông tin cố định , không thay đổi thay đổi , chủ yếu mang tính chất giới thiệu công ty sản phẩm dịch vụ Bên cạnh , có nhiều trang web động ( tên thương mại Dynamic Website ) với nhiều hình thức tổ chức khác giao diện , bố cục cách thức quản lý , tiêu biểu website kinh doanh địa ốc Cơng ty Hồng Qn , website bán linh kiện điện thoại trực tuyến Công ty Thương mại điện tử Việt , website Ngân hàng Cổ phần thương mại ABC , Tuy nhiên , thực tế cần nhìn nhận : đa số website công ty sở hữu thuê nhà thiết kế ( thường công ty thiết kế website ) đảm nhận việc thiết kế ban đầu , điều hợp lý , với chi phí ban đầu cho dù có cao - trang web động - website thiết lập mang tính chun nghiệp hoạt động ổn định điều cần thiết ; để website hoạt động thực hiệu khơng thể thiếu bàn tay người chủ , cơng ty sở hữu quản lý điều hành Thực tế , Việt Nam , vai trò người quản trị website dường chưa đánh giá , đa phần người trị trang web công ty đảm đương công việc sau hồn tất cơng việc khác, vấn đề làm thơng tin website cịn bị xem nhẹ , khiến cho khách hàng thường xuyên website cảm thấy nhàm chán từ từ rời bỏ thói quen vào thăm trang web ! Sự hoạt động hiệu số trang web nói minh chứng cho vai trò người quản trị website doanh nghiệp Các công ty sở hữu website có phận riêng đảm đương việc quản lý thông tin website , nhằm đáp ứng kịp thời hiệu yêu cầu vị “ thượng đế ” thơng qua mạng internet , có khai thác hết giá trị website , nguồn khách hàng tiềm mạng Vì cơng ty , có ý định xây dựng website riêng cho dù , dù nhiều quan tâm đến vai trò công nghệ thông tin khách hàng tiềm mạng , nên có kế hoạch cắt đặt người quản trị để website cơng ty mẻ , thu hút khách hàng đến với website , đến với công ty 1.3 Thương mại điện tử ứng dụng website bán điện thoại Nói đến internet , ngày , người ta thường nhắc đến phủ điện tử, thương mại điện tử Đây hai số ứng dụng lớn công nghệ thông tin , xa lộ thông tin Internet vào lĩnh vực tổ chức thương mại tồn cầu Chính phủ điện tử : cách thức tổ chức truyền thông liệu phủ , sử dụng cơng nghệ để cung cấp cho công dân khả truy cập hiệu vào nguồn tài nguyên thông tin có độ tin cậy cao phủ Thương mại điện tử : đề cập đến hình thức mua bán , giao tiếp hồn tồn khác so với hình thức giao tiếp thương mại truyền thống Ở , người mua người bán mặt , thoả thuận , trao đổi diễn mạng internet thơng qua hệ thống tốn đặc biệt , chẳng hạn thẻ tín dụng ngân hàng 2.Mern stack MERN viết tắt MongoDB, Express, React, Node, theo tên bốn cơng nghệ tạo nên ngăn xếp MongoDB - sở liệu tài liệu Express (.js) - Khung web Node.js React (.js) - khung JavaScript phía máy khách Node (.js) - máy chủ web JavaScript hàng đầu MERN số biến thể ngăn xếp MEAN (MongoDB Express Angular Node), nơi khung giao diện người dùng Angular.js truyền thống thay React.js Các biến thể khác bao gồm MEVN (MongoDB, Express, Vue, Node) thực khung JavaScript frontend hoạt động Express Node tạo nên tầng (ứng dụng) Express.js khung cơng tác web phía máy chủ Node.js tảng máy chủ JavaScript phổ biến mạnh mẽ Bất kể bạn chọn biến thể nào, ME (RVA) N cách tiếp cận lý tưởng để làm việc với JavaScript JSON, lúc nơi Ngăn xếp MERN hoạt động nào? Kiến trúc MERN cho phép bạn dễ dàng xây dựng kiến trúc tầng (giao diện người dùng, phụ trợ, sở liệu) hoàn toàn JavaScript JSON React.js user interface Tầng ngăn xếp MERN React.js, khung JavaScript khai báo để tạo ứng dụng phía máy khách động HTML React cho phép bạn xây dựng giao diện phức tạp thông qua Thành phần đơn giản, kết nối chúng với liệu máy chủ phụ trợ bạn hiển thị chúng dạng HTML Điểm mạnh React xử lý giao diện theo hướng liệu, trạng thái với mã tối thiểu đau đớn có tất chng cịi mà bạn mong đợi từ khuôn khổ web đại: hỗ trợ tuyệt vời cho biểu mẫu, xử lý lỗi, kiện, danh sách, v.v Biểu đồ luồng liệu mức chức giao dịch Hình 2.4 Biểu đồ luồng liệu mức chức giao dịch Biểu đồ luồng liệu mức chức Quản trị Hình 2.5 Biểu đồ luồng liệu mức chức Quản trị Biểu đồ luồng liệu mức chức Tìm kiếm - Chức tìm kiếm hệ thống chia làm tiêu chí tìm kiếm khác nhau: tìm kiếm theo giá sản phẩm tìm kiếm theo tên sản phẩm - Khi người dùng muốn tìm kiếm theo tiêu chí tìm kiếm theo tiêu chí hệ thống tìm bảng sở dự liệu gửi trả lại thông tin yêu cầu từ phía người dùng Hình 2.6 Biểu đồ luồng liệu mức chức Tìm kiếm Cơ sở liệu Các bảng sở liệu Bảng TblDienThoai - Bảng tbldienthoai chứa tồn thơng tin liên quan đến sản phẩm Trong Website thị tất thông tin chứa bảng Bảng TblDienThoai 10 Bảng tblDonDH Trong bảng ta thấy số lượng sản phẩm đặt mua tổng tiền mà khách hàng phải toán Bảng tblDonDH Bảng tblDonHang Sau khách hàng đặt lệnh mua sản phẩm tất thông tin liên quan đến khách hàng đươc lưu lại Sau khách hàng toán tiền, sản phẩm mà đặt mua giao hàng đến tận nơi nhờ thông tin mà khách hàng để lại Bảng tblDonHang Bảng tblNguoiSuDung Bảng tbltaikhoan bảng dành cho khách hàng kể admin Trong bảng lưu lại tất thông tin tài khoản.Khi admin muốn vào trang quản trị phải thơng qua q trình đăng nhập vào trang quản trị, khách hàng muốn mua sản phẩm trước hết có tài khoản phải đăng kí tài khoản Khi người sử dụng cần nhập user Password mua sản phẩm Nếu người dùng chưa có tài khoản mà đăng nhập hệ thống báo lỗi Đặc tả chương trình Giao diện chương trình Giao diện chương trình hiển thị tất menu chức hệ thống cho phép người dùng thao tác với hệ thống Tùy theo quyền người dùng mà đăng nhập vào hệ thống mà chương trình hiển thị chức tương ứng Những người admin hệ thống khơng có quyền truy cập vào trang “ Quản trị ” hệ thống Đăng nhập Người dùng muốn vào hệ thống phải đăng nhập theo tài khoản quản trị hệ thống cấp a Tại chức đăng nhập người dùng chưa có tài khoản để đăng nhập vào hệ thống click vào link “ Bạn chưa có tài khoản ” nhập đầy đủ thơng tin định dạng đăng ký thành công b Khi đăng nhập thành công muốn thay đổi mật nhớ mật cũ người dùng thay đổi cách click vào mục “ Đổi mật khẩu” Khi click vào “ Đổi mật ” lúc người dùng phải điền đầy đủ xác số thơng tin u cầu thay đổi mật c Tại giao diện click để đổi mật khẩu, người dùng thơng tin cá nhân cách click vào “ Thông tin cá nhân ” Bảng thông tin cá nhân Click vào nút “ Thay đổi ” thay đổi thông tin mà người dùng muốn thay đổi Tìm kiếm sản phẩm 11 Ở giao diện trang chủ người dùng tìm kiếm sản phẩm mong muốn cách: Tìm kiếm theo tên sản phẩm Tại người dùng nhập tên hãng điện thoại, tên điện thoại hay nhiều ký tự liên quan đến sản phẩm mà người dùng muốn tìm Tìm kiếm theo giá tiền sản phẩm Tên trang chủ người dùng cần click vào mức giá phù hợp với nhu cầu tìm sản phẩm ưng ý Trang tin tức Tại trang chủ người dùng muốn xem tin tức loại sản phẩm thị trường cần click vào chức “Tin tức” Giao diện chức giỏ hàng Mua hàng nội dung website bán hàng trực tuyến Khi người dùng muốn mua sản phẩm cần click vào nút “giỏ hàng” Khi người dùng thêm vào giỏ hàng sản phẩm muốn, để xem thơng tin đơn hàng mình, người dùng click vào chức “giỏ hàng” Ở lưu lại tất sản phẩm mà người dùng chọn mua Người dùng : Thêm bớt số lượng muốn mua cách: Trên giao diện giỏ hàng nhập số lượng muốn mua vào “số lượng” sau click vào nút “Cập nhật giỏ hàng” Thực tiếp việc lựa chọn mua mặt hàng khác cách: Trên giao diện giỏ hàng click vào nút “Tiếp tục mua hàng” • Thực xóa mặt hàng chọn mua trước cách: Trên giao giỏ hàng click vào nút “Xóa tồn giỏ hàng” Khi người dùng có cho đơn hàng vừa ý, muốn tốn đơn hàng giao diện giỏ hàng click vào nút “Thanh toán đơn hàng” Giao diện liên hệ - góp ý Khi người dùng có thắc mắc hay góp ý website giao diện trang chủ, click vào chức “Liên hệ” Sau điền đầy đủ thông tin trang liên hệ - góp ý click nút “Gửi” để gửi góp ý tới website Giao diện trang quản trị (admin) Khi đăng nhập website tài khoản admin người dùng truy cập vào trang quản trị hệ thống Tại giao diện người quản trị lựa chọn để quản trị chức website Chức “Người sử dụng” để quản lý tài khoản người sử dụng Tại người quản trị kìm kiếm tên đăng nhập hay hiển thị toàn tên đăng nhập truy cập vào website; ngồi cập nhật, thêm xóa thông tin người sử dụng Click vào nút X có màu đỏ: Xóa tài khoản người sử dụng Click vào nút bút vẽ : Xem sửa thông tin tài khoản người sử dụng Sau điền đầy đủ thông tin vào bảng “Thông tin người sử dụng” click vào nút cập nhật / thêm để cập nhật thêm tài khoản người sử dụng Chức “Góp ý / Liên hệ” để quản lý tất ý kiến đóng góp, liên hệ khách hàng với website Chức “Tin tức” để quản lý tất tin website Tại người quản trị thêm, sửa, xóa tin Trên giao diện “Tin tức” muốn xóa tin click vào nút X Cịn muốn sửa tin click vào nút bút vẽ Trên giao diện “Tin tức” người quản trị nhập nội dung tin muốn đăng 12 Trên giao diện “Tin tức” người quản trị lựa chọn ngày tháng đăng tin, load ảnh lên tin sau cập nhật, thêm tin Chức “Nhà sản xuất” để quản lý thông tin tất nhà sản xuất cung cấp sản phẩm cho website Tại người quản trị thêm, sửa, xóa cập nhật nhà sản xuất muốn Click vào X màu đỏ : Xóa thơng tin nhà sản xuất nhà sản xuất Click vào bút vẽ : Xem sửa thông tin nhà sản xuất Click vào nút “Cập nhật” “Thêm mới” điền đầy đủ thông tin vào bảng “Chi tiết nhà sản xuất” Chức “Điện thoại” để quản lý thông tin điện thoại bán website Trên giao diện “Điện thoại” muốn xóa sản phẩm click vào nút X Nếu muốn xem sửa thông tin điện thoại click nút bút vẽ Trên giao diện “Điện thoại” người quản trị nhập thơng tin, upload ảnh cho điện thoại bảng “Chi tiết điện thoại” Sau click nút “Cập nhật” “Thêm mới” muốn thêm sản phẩm Cịn khơng muốn thêm sản phẩm click nút “Hủy” Chức “Đơn hàng” để quản lý đơn hàng người dùng Trên giao diện “Đơn hàng” muốn xóa đơn hàng click vào X Muốn xem hay sửa đơn hàng click vào bút vẽ sau ấn nút “Cập nhật” Chức “Đơn hàng” cịn cho phép cập nhật thêm đơn hàng cách ghi đầy đủ thông tin vào bẳng chi tiết đơn hàng click nút “Cập nhật” Chương 3: Thiết kế giao diện Thiết kế giao diện cài đặt chương trình I-Cài đặt 1.Node Js Tải nodeJs từ link chọn Window installer link:https://nodejs.org/en/download/ Bấm Next cài đặt bấm finish để hoàn thành 13