Đang tải... (xem toàn văn)
Mẫu báo cáo đồ án tốt nghiệp KHOA CÔNG NGHỆ THÔNG TIN Bên cạnh đó để có thể mua hàng một cách chuẩn hơn thì cần phải xem rỏ chi tiết sản phẩm từ tất cả các mặt, nên em đã áp dụng công nghệp view 360 để có thể đưa những hình ảnh sản phẩm đến khách hàng một cách chi tiết nhất. Và thêm vào đó view không gian bán hàng tổng thể bằng view 360 để khách hàng biết thêm chi tiết về cửa hàng. Vì vậy, em đã thực hiện đồ án “ỨNG DỤNG VIEW 360 ĐỂ XÂY DỰNG WEBSITE BÁN HÀNG”. Để giải quyết vấn đề xem chi tiết hơn các sản phẩm khi khách hàng mua hàng trực tuyến.
ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (84-511) 3736949, Fax (84-511) 3842771 Website: itf.dut.udn.vn, E-mail: cntt@dut.udn.vn ĐỒ ÁN TỐT NGHIỆP KỸ SƯ NGÀNH CÔNG NGHỆ THÔNG TIN MÃ NGÀNH: D480201 ĐỀ TÀI : ỨNG DỤNG VIEW 360 ĐỂ XÂY DỰNG WEBSITE BÁN HÀNG SINH VIÊN MÃ SINH VIÊN LỚP CBHD : NGUYỄN NĂNG HUY : 102110202 : 11T2 : TS NGUYỄN VĂN HIỆU Đà Nẵng, 05/2016 LỜI CẢM ƠN Em xin chân thành cảm ơn thầy cô khoa Công nghệ thông tin, trường Đại học Bách Khoa, Đại học Đà Nẵng truyền đạt kiến thức quý báu cho em năm học vừa qua, tạo điều kiện thuận lợi cho em học tập, thực tốt đề tài tốt nghiệp Đặc biệt, em xin chân thành cảm ơn thầy TS Nguyễn Văn Hiệu trực tiếp, tận tình giúp đỡ hướng dẫn suốt thời gian thực đề tài Để có kết ngày hơm nay, tơi biết ơn gia đình bạn bè động viên, khích lệ, giúp đỡ tạo điều kiện thuận lợi suốt q trình học tập trình thực đề tài tốt nghiệp Mặc dù cố gắng nỗ lực để thực đề tài này, song luận văn tơi chắn khó tránh khỏi thiếu sót Do vậy, mong nhận thông cảm, góp ý bảo tận tình q thầy cô Một lần xin chân thành cám ơn! Nguyễn Năng Huy i LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung luận văn em thực hướng dẫn trực tiếp TS Nguyễn Văn Hiệu Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin chịu hoàn toàn trách nhiệm Sinh viên thực Nguyễn Năng Huy ii NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN iii NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN iv ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN 54, Nguyễn Lương Bằng, Hoà Khánh, Liên Chiểu, TP Đà Nẵng Tel 84.511.3.736.949, Fax 84.511.842.771 - Website: itf.dut.edu.vn - E-mail: cntt@dut.udn.vn PHIẾU DUYỆT ĐỒ ÁN TỐT NGHIỆP I Phần dành cho Sinh viên Họ tên Sinh viên: Nguyễn Năng Huy Mã Sinh viên : 102110202 Tên đề tài: Lớp: 11T2 Ứng dụng view 360 xây dựng Website bán hàng II Phần dành cho Hội đồng STT Nội dung đánh giá Kết luận Trình bày báo cáo theo mẫu qui định Khoa Khơng có chép nội dung báo cáo chương trình có Biên dịch mã nguồn chạy chương trình Có kịch thực với liệu thử nghiệm nhập vào Kết thực chương trình theo báo cáo Có đóng góp, phát triển tác giả đồ án Kết luận : Đạt yêu cầu Phải sửa chữa lại Không đạt yêu cầu Đà Nẵng, ngày 27 /05/2016 Chủ tịch Hội đồng Cán duyệt kiểm tra (Ký ghi họ tên) (Ký ghi họ tên) v MỤC LỤC MỞ ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT .1 1.1 TỔNG QUAN VỀ STRUTS FRAMEWORK 1.1.1 Giới thiệu 1.1.2 Cách làm việc .4 1.1.3 Các thành phần struts 1.2 VIEW 360 10 1.2.1 Three.js 10 1.2.2 View product 360 .12 1.3 NGÔN NGỮ JAVASCRIPT: 13 1.4 CSS 14 1.5 SQL SERVER 14 1.5.1 Giới thiệu 14 1.5.2 Chức năng: .15 1.6 KẾT CHƯƠNG 15 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 2.1 PHÂN TÍCH YÊU CẦU: 16 2.1.1 Đối tượng sử dụng: 16 2.1.2 Yêu cầu chức 16 2.2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG: 19 2.2.1 Sơ đồ UserCase hệ thống 19 2.2.2 Sơ đồ lớp 20 2.2.3 Sơ đồ 27 2.2.4 Thiết kế sở liệu .33 2.3 KẾT CHƯƠNG 36 CHƯƠNG 3: TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH 37 3.1 3.2 MƠI TRƯỜNG LẬP TRÌNH 37 ĐÁNH GIÁ KẾT QUẢ 38 3.2.1 Giao diện Trang chủ: 38 3.2.2 Giao diện trang Xem chi tiết sản phẩm 39 3.2.3 Giao diện Giỏ hàng Thanh toán 40 3.2.4 Giao diện trang Quản lý sản phẩm admin 42 3.2.5 Giao diện trang Quản lý khách hàng 45 3.2.6 Giao diện trang Quản lý nhân viên 46 3.2.7 Giao diện Thống kê 46 3.3 KẾT CHƯƠNG 48 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN vi DANH SÁCH HÌNH ẢNH Hình 1.1 Sơ đồ hoạt động MVC .1 Hình 1.2 Mơ hình hoạt động Struts Hình 1.3 Hình camera three.js .12 Hình 2.1 Sơ đồ UseCase hệ thống 19 Hình 2.2 Sơ đồ lớp chức đăng nhập .20 Hình 2.3 Sơ đồ lớp chức đăng ký 20 Hình 2.4 Sơ đồ lớp chức xem chi tiết sản phẩm 21 Hình 2.5 Sơ đồ lớp chức thêm sản phẩm vào giỏ hàng 22 Hình 2.6 Sơ đồ lớp chức tốn .23 Hình 2.7 Sơ đồ lớp chức đổi thông tin cá nhân người dùng 24 Hình 2.8 Sơ đồ lớp chức quản lý sản phẩm 25 Hình 2.9 Sơ đồ lớp chức thống kê 26 Hình 2.10 Sơ đồ chức đăng nhập .27 Hình 2.11 Sơ đồ chức đăng ký 27 Hình 2.12 Sơ đồ chức xem chi tiết sản phẩm 28 Hình 2.13 Sơ đồ chức thêm sản phẩm vào giỏ hàng 28 Hình 2.14 Sơ đồ chức tốn .29 Hình 2.15 Sơ dồ chức toán thành phố 29 Hình 2.16 Sơ đồ chức đổi thông tin cá nhân 30 Hình 2.17 Sơ đồ chức xem, tìm kiếm sản phẩm .31 Hình 2.18 Sơ đồ chức thêm sản phẩm 31 Hình 2.19 Sơ đồ sửa sản phẩm 32 Hình 2.20 Sơ đồ tuần xóa sản phẩm 32 Hình 2.21 Mơ hình sở liệu quan hệ .33 Hình 3.1 Giao diện trang chủ 38 Hình 3.2 Giao diện xem chi tiết sản phẩm .39 Hình 3.3 Giao diện giỏ hàng 40 Hình 3.4 Giao diện chọn nhân viên giao hàng .41 vii Hình 3.5 Giao diện trang Xem, tìm sản phẩm admin 42 Hình 3.6 Giao diện thêm sản phẩm admin 43 Hình 3.7 Giao diện trang Sửa thơng tin sản phẩm 44 Hình 3.8 Giao diện trang Quản lý khách hàng admin .45 Hình 3.9 Giao diện trang Quản lý nhân viên 46 Hình 3.10 Giao diện trang thống kê sản phẩm bán tháng 46 Hình 3.11 Giao diện trang thống kê doanh thu 47 Hình 3.12 Giao diện trang thống kê phụ cấp nhân viên 47 Hình 3.13 Giao diện trang thống kê hóa đơn 48 Hình 3.14 Giao diện xem chi tiết hóa đơn khách hàng 48 viii DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Diễn giải MVC Model-View-Controller CSDL Cơ sở liệu MC Model componet CC Controller componet VC View componet JSP JavaServer Pages hay Java Scripting Preprocessor HTML HyperText Markup Language ix Ứng dụng view 360 xây dựng Website bán hàng 3.2 ĐÁNH GIÁ KẾT QUẢ 3.2.1 Giao diện Trang chủ: Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.25 Giao diện trang chủ Nguyễn Năng Huy, 11T2 39 Ứng dụng view 360 xây dựng Website bán hàng Ở trang chủ người dùng xem sản phẩm cửa hàng, sản phẩm bật vài loại sản phẩm định.Ở người dùng xem tìm kiếm sản phẩm theo nhu cầu Từ trang chủ người dùng đăng nhập để sử dụng tính dành cho người dùng đăng nhập 3.2.2 Giao diện trang Xem chi tiết sản phẩm Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.26 Giao diện xem chi tiết sản phẩm Khi click vào image sản phẩm trang home đến trang xem chi tiết sản phẩm Ở trang người dùng di chuyển chuột ảnh để xem sản Nguyễn Năng Huy, 11T2 40 Ứng dụng view 360 xây dựng Website bán hàng phẩm với view 360, bên phải ảnh thông tin sản phẩm, phí có sản phẩm liên quan để người dùng xem 3.2.3 Giao diện Giỏ hàng Thanh tốn Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.27 Giao diện giỏ hàng Để vào trang người dùng cần phải đăng nhập trước để thực việc thêm sản phẩm vào giỏ xem giỏ hàng Phía danh sách sản phẩm Người dùng tăng số lượng sản phẩm giảm số lượng xuống tối đa giảm xuống 1, không muôn sản phẩm giỏ xóa sản phẩm khỏi giỏ Ở người dùng biết sản phẩm có cịn hàng hay hết hàng Phía giá giỏ hàng, tính sản phẩm hàng, người dùng thành phố có chi nhánh của cửa hàng (ở mặc định Hồ Chí Minh Đà Nẵng) miễn phí phí giao hàng đặt hàng, trả phí giao hàng (mặc định 50.000đ cho lượt giao hàng) Nguyễn Năng Huy, 11T2 41 Ứng dụng view 360 xây dựng Website bán hàng Khi người dùng chọn vào nút tốn phí vận chuyển miễn phí người dùng cần phải chọn thêm nhân viên giao hàng Dưới giao diện trang chọn nhân viên giao hàng (nhân viên giao hàng nhân viên cửa hàng) Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.28 Giao diện chọn nhân viên giao hàng Khi khách hàng chọn vào nhân viên để giao hàng tăng điểm phụ cấp nhân viên lên, để tiện cho việc tính phụ cấp nhân viên Nguyễn Năng Huy, 11T2 42 Ứng dụng view 360 xây dựng Website bán hàng 3.2.4 Giao diện trang Quản lý sản phẩm admin 1.1.1.28 Giao diện trang Xem, tìm kiếm sản phẩm Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.29 Giao diện trang Xem, tìm sản phẩm admin Ở trang admin thấy danh sách tất sản phẩm, tìm kiếm sản phẩm dựa thuộc tính khác Có thể xóa sản phẩm thấy khơng phù hợp với cửa hàng, chuyển sang trang Thêm sản phẩm để thêm sản phẩm vào trang Web hay chuyển sang trang sửa thông tin sản phẩm để cập nhât lại thông tin cho sản phẩm Nguyễn Năng Huy, 11T2 43 Ứng dụng view 360 xây dựng Website bán hàng 1.1.1.29 Giao diện thêm sản phẩm: Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.30 Giao diện thêm sản phẩm admin Khi điền đầy đủ tất trường người dùng thêm sản phẩm vào Web Chú ý chọn ảnh phải chọn ảnh từ 1-8 theo thứ tự chiều sản phẩm để quay hợp lý đẹp Khi sản phẩm lưu tư động thêm ảnh vào hệ thống đặt tên cho ảnh theo ID sản phẩm Nguyễn Năng Huy, 11T2 44 Ứng dụng view 360 xây dựng Website bán hàng 1.1.1.30 Giao diện sửa thông tin sản phẩm Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.31 Giao diện trang Sửa thông tin sản phẩm Ở đây, admin thay đổi thơng tin sản phẩm từ tên, thay đổi giá, tăng giảm số lượng sản phẩm, Nếu admin thay đổi không kiểu liệu liệu giữ nguyên hiển thị thơng báo để admin biết sai đâu Nhược điểm không cho phép thay đổi ảnh sản phẩm Vì thay đổi ảnh sản phẩm khơng khác thêm Và thay đổi gây trật tự ảnh trước làm việc view sản phẩm 360 khó Nguyễn Năng Huy, 11T2 45 Ứng dụng view 360 xây dựng Website bán hàng 3.2.5 Giao diện trang Quản lý khách hàng Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.32 Giao diện trang Quản lý khách hàng admin Ở trang này, admin xem tìm kiếm theo tên tất khách hàng có tài khoản Có thể chuyển sang trang thêm để thêm người dùng vào hệ thống, hay chuyển sang trang sửa để thay đổi số thông tin khách hàng cần thiết, xóa người dùng thấy khơng phù hợp với hệ thống Khi kích vào tên người dùng hiển thị chi tiết người dùng mua hay đặt hàng có Nguyễn Năng Huy, 11T2 46 Ứng dụng view 360 xây dựng Website bán hàng 3.2.6 Giao diện trang Quản lý nhân viên Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.33 Giao diện trang Quản lý nhân viên Ở trang này, admin xem danh sách tất nhân viên làm việc cửa hàng, chuyển sang trang thêm nhân viên mới, hay chuyển sang trang chỉnh sửa thơng tin nhân viên xóa nhân viên thấy cần thiết 3.2.7 Giao diện Thống kê 1.1.1.31 Giao diện trang thống kê sản phẩm bán tháng Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.34 Giao diện trang thống kê sản phẩm bán tháng Nguyễn Năng Huy, 11T2 47 Ứng dụng view 360 xây dựng Website bán hàng Ch phép admin biết tỉ lệ loại sản phẩm bán tháng Admin có tùy chọn tháng để xem 1.1.1.32 Giao diện trang thống kê doanh thu Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.35 Giao diện trang thống kê doanh thu Ở admin thấy biểu đồ doanh thu cửa hàng theo tháng năm, từ đưa phương pháp kinh doanh hợp lý 1.1.1.33 Giao diện trang thống kê phụ cấp nhân viên Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.36 Giao diện trang thống kê phụ cấp nhân viên Nguyễn Năng Huy, 11T2 48 Ứng dụng view 360 xây dựng Website bán hàng Cho phép admin biết số tiền mà cần phải trả phụ cấp cho nhân viên dựa vào số lần giao hàng cho khách hàng Mới vào hiển thị tháng muốn admin tùy chọn tháng để xem 1.1.1.34 Giao diện trang thống kê hóa đơn Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.37 Giao diện trang thống kê hóa đơn Cho phép admin biết danh sách khách hàng mua hàng vào ngày xác định, chọn xem chi tiết sản phẩm mà khách hàng mua Hình TRIỂN KHAI VÀ THỰC NHIỆM CHƯƠNG TRÌNH.38 Giao diện xem chi tiết hóa đơn khách hàng Nguyễn Năng Huy, 11T2 49 Ứng dụng view 360 xây dựng Website bán hàng 3.3 KẾT CHƯƠNG Chương trình bày cơng cụ cần để tiến hành xây dựng hệ thống bán hàng Các hình ảnh minh họa chức trình bày có nội dung thích kèm để dễ hieru Hầu hết chức cần thiết cho người dùng admin mơ tả kỹ lưỡng kèm hình ảnh minh họa KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẠT ĐƯỢC Trong thời gian tìm hiểu, nghiên cứu sở lý thuyết triển khai ứng dụng công nghệ, đồ án đạt kết sau: Về mặt lý thuyết, đồ án đạt biết sử dụng framework Struts để lập trình Web, tìm hiểu nhiều view 360, sử dụng bootstrap để tùy chình giao diện, tìm hiểu kỷ SQL, biết chức cửa hàng thời trang cần Về mặt thực tiễn ứng dụng, đồ án đạt được: Giúp người dùng mua sản phẩm dễ dàng hơn, xem sản phẩm cách trực quan Giúp chủ cửa hàng giới thiệu, bán sản phẩm đến người dùng, giúp gải vấn đề quản lý cửa hàng sản phẩm, khách hàng, nhân viên, việc xem thống kê cửa hàng Tuy nhiên, đồ án tồn vấn đề sau: Vấn đề chưa áp dụng hình thức tốn trực tuyến Vấn đề thêm sản phẩm ảnh thêm phải xếp thứ tự hướng quay Phần quản lý admin sơ sài, đáp ứng phần nhỏ người dùng Nguyễn Năng Huy, 11T2 50 Ứng dụng view 360 xây dựng Website bán hàng Dữ liệu sản phẩm chưa nhiều Phầm xem sản phẩm yêu thích chưa đáp ứng đủ nhu cầu người dùng Chỉ xem không gian cửa hàng góc định HƯỚNG PHÁT TRIỂN Một số số hướng nghiên cứu phát triển đề tài sau: Áp dụng view 360 xem nhiều góc độ hơn, kích trực tiếp vào ảnh khơng gian để xem sản phẩm Cần tìm hiểu thêm nghiệp vụ tốn trực tuyến để áp dụng vào trang Web Có thể áp dụng lý thuyết tìm hiểu view 360 để thực Website quản bá du lịch, tườn tự Google Street Có thể tìm hiểu cách nhận dạng chiều cao cân nặng người mua hàng trực tuyến để tư vấn size cho khách hàng hợp lý Nguyễn Năng Huy, 11T2 51 TÀI LIỆU THAM KHẢO Tiếng Anh [1] NGUYEN Thanh Binh, VO Duc An (2014) , slide Object oriented analysis and design, Information Technology Faculty, Da Nang University of Technology Internet [2] http://threejs.org [3] http://chartjs.org [4] http://stackoverflow.com [5] http://zorilestore.ro PHỤ LỤC ... số WebGL demo trang web riêng Ơng muốnWebGL khả renderer Three.js vượt CanvasRenderer SVGRenderer Đóng góp lớn ông thường liên quan đến vật liệu, shaders trình hậu xử lý Chẳng sau giới thiệu WebGL... thư viện Một ví dụ web. xml: DATT