ĐỀ TÀI: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ MUA SẮM THỜI TRANG

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (84-511) 736 949, Fax (84-511) 842 771 Website: itf.ud.edu.vn, E-mail: cntt@edu.ud.vn LUẬN VĂN TỐT NGHIỆP KỸ SƯ NGÀNH CÔNG NGHỆ THÔNG TIN MÃ NGÀNH: 05115 ĐỀ TÀI: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ MUA SẮM THỜI TRANG Mã số: 09TLT-032 09TLT-040 Ngày bảo vệ: 15-16/06/2011 SINH VIÊN : NGUYỄN TIẾN HOÀI NAM PHẠM THỊ HỒNG PHƯỚC LỚP : 09TLT CBHD : PGS TS VÕ TRUNG HÙNG ĐÀ NẴNG, 06/2011 LỜI CẢM ƠN Trước hết, chúng xin cảm ơn cha mẹ, người có cơng sinh thành, dưỡng dục chúng đến hơm Chúng em xin chân thành cảm ơn thầy cô khoa Công Nghệ trường ĐH Bách Khoa Đà Nẵng truyền đạt kiến thức quý báu cho chúng em năm học vừa qua Đặc biệt chúng em xin chân thành cảm ơn PGS TS Võ Trung Hùng tận tình hướng dẫn, động viên giúp đỡ chúng em suốt thời gian thực đề tài Cuối cùng, xin chân thành cảm ơn bạn bè gần xa, bạn bè môn Công nghệ giúp đỡ, chia sẻ kiến thức kinh nghiệm tài liệu cho trình nghiên cứu thực đề tài Một lần nữa, xin chân thành cảm ơn! Đà Nẵng, ngày 15 tháng 06 năm 2011 Nhóm sinh viên thực Nguyễn Tiến Hoài Nam Phạm Thị Hồng Phước LỜI CAM ĐOAN Chúng xin cam đoan: Những nội dung luận văn thực hướng dẫn trực tiếp PGS TS Võ Trung Hùng 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á, chúng tơi xin chịu hồn tồn trách nhiệm Nhóm sinh viên, Nguyễn Tiến Hồi Nam Phạm Thị Hồng Phước NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày … tháng …… năm 2011 Giáo viên hướng dẫn PGS.TS Võ Trung Hùng NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN NHẬN XÉT CỦA HỘI ĐỒNG ĐỒ ÁN TỐT NGHIỆP MỤC LỤC TỔNG QUAN VỀ THƯƠNG MẠI ĐIỆN TỬ I Các mô hình thương mại điện tử có II Các nguyên tắc hệ thống thương mại điện tử .2 III Đặc điểm phân loại thương mại điện tử IV Lợi ích hạn chế thương mại điện tử CƠ SỞ LÝ THUYẾT .7 I Tổng quan công nghệ JSP .7 II Tổng quan Servlet III Giới thiệu mơ hình MVC 10 IV Tổng quan công nghệ AJAX 11 V Tổng quan cấu trúc MySQL 12 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15 I Khảo sát toán .15 II Phân tích thiết kế hệ thống .16 XÂY DỰNG CHƯƠNG TRÌNH 39 I Thiết kế sở liệu 39 II Demo ứng dụng 45 III Kiểm thử 58 [1] Phan Hữu Khang Giáo Trình JSP .61 [2] Trần Hữu Hồng Cơng Nghệ Servlet .61 [3] Trang web : http://www.java2s.com/ 61 [4] Trang web : http://www.codeproject.com/ 61 DANH MỤC HÌNH VẼ HÌNH 1: CÁCH LÀM VIỆC CỦA JSP .8 HÌNH 2: CHU TRÌNH HOẠT ĐỘNG CỦA SERVLET HÌNH 3: MƠ HÌNH MVC 10 HÌNH 4: CÁC ACTOR .17 HÌNH 5: BIỂU ĐỒ USE CASE TỔNG QUÁT DÀNH CHO KHÁCH HÀNG 18 HÌNH 6: BIỂU ĐỒ USE CASE TỔNG QUÁT DÀNH CHO NHÀ QUẢN LÝ 19 HÌNH 7: BIỂU ĐỒ USE CASE TỔNG QUÁT DÀNH CHO ADMIN 19 HÌNH 8: BIỂU ĐỒ HOẠT ĐỘNG CỦA VIỆC MUA HÀNG 20 HÌNH 9: BIỂU ĐỒ HOẠT ĐỘNG CỦA VIỆC QUẢN LÝ .21 HÌNH 10: USE CASE ĐĂNG KÝ 22 HÌNH 11: BIỂU ĐỒ TRÌNH TỰ ĐĂNG KÝ 22 HÌNH 12: USE CASE ĐĂNG NHẬP 23 HÌNH 13: BIỂU ĐỒ TRÌNH TỰ ĐĂNG NHẬP .23 HÌNH 14: USE CASE KHÁCH HÀNG XEM THÔNG TIN 24 HÌNH 15: BIỂU ĐỒ TRÌNH TỰ KHÁCH HÀNG XEM THƠNG TIN 24 HÌNH 16: USE CASE KHÁCH HÀNG SỬA THƠNG TIN TÀI KHOẢN.25 HÌNH 17: BIỂU ĐỒ TRÌNH TỰ KHÁCH HÀNG SỬA THÔNG TIN TÀI KHOẢN 25 HÌNH 18: USE CASE KHÁCH HÀNG LIÊN HỆ 26 HÌNH 19: BIỂU ĐỒ TRÌNH TỰ KHÁCH HÀNG LIÊN HỆ 26 HÌNH 20: USE CASE MUA HÀNG 27 HÌNH 21: BIỂU ĐỒ TUẦN TỰ MUA HÀNG 27 HÌNH 22: USE CASE KHÁCH HÀNG THAY ĐỔI VẬT PHẨM 28 HÌNH 23: BIỂU ĐỒ TRÌNH TỰ KHÁCH HÀNG THAY ĐỔI VẬT PHẨM .28 HÌNH 24: USE CASE NGƯỜI QUẢN LÝ XEM ĐƠN HÀNG 29 HÌNH 25: USE CASE NGƯỜI QUẢN LÝ XEM ĐƠN HÀNG .29 HÌNH 26: USE CASE THỐNG KÊ 30 HÌNH 27: BIỂU ĐỒ TRÌNH TỰ THỐNG KÊ 30 HÌNH 28: USE CASE NGƯỜI QUẢN LÝ XEM THƠNG TIN 31 HÌNH 29: BIỂU ĐỒ TRÌNH TỰ NGƯỜI QUẢN LÝ XEM THƠNG TIN.31 HÌNH 30: USE CASE NGƯỜI QUẢN LÝ SỬA THƠNG TIN .32 HÌNH 31: BIỂU ĐỒ TRÌNH TỰ NGƯỜI QUẢN LÝ SỬA THƠNG TIN.32 HÌNH 32: USE CASE NGƯỜI QUẢN LÝ XĨA THƠNG TIN 33 HÌNH 33: BIỂU ĐỒ TRÌNH TỰ NGƯỜI QUẢN LÝ XĨA THƠNG TIN.33 HÌNH 34: USE CASE ADMIN TẠO USER 34 HÌNH 35: BIỂU ĐỒ TRÌNH TỰ ADMIN TẠO USER 34 HÌNH 36: USE CASE ADMIN XEM THƠNG TIN TÀI KHOẢN USER.35 HÌNH 37: BIỂU ĐỒ TRÌNH TỰ ADMIN XEM THƠNG TIN TÀI KHOẢN USER .35 HÌNH 38: USE CASE ADMIN SỬA THƠNG TIN TÀI KHOẢN USER.36 HÌNH 39: BIỂU ĐỒ TRÌNH TỰ ADMIN SỬA THÔNG TIN TÀI KHOẢN USER .36 HÌNH 40: USE CASE ADMIN XĨA THƠNG TIN TÀI KHOẢN USER.37 HÌNH 41: BIỂU ĐỒ TRÌNH TỰ ADMIN XĨA THÔNG TIN TÀI KHOẢN USER .37 HÌNH 42: BIỂU ĐỒ LỚP BIÊN(GIAO DIỆN) 38 HÌNH 43: BIỂU ĐỒ LỚP THỰC THỂ .39 HÌNH 44: SƠ ĐỒ LIÊN KẾT CÁC THỰC THỂ .44 HÌNH 45: PHẦN TRÊN CỦA GIAO DIỆN TRANG CHỦ 45 HÌNH 46: PHẦN DƯỚI CỦA GIAO DIỆN CHÍNH .46 HÌNH 47: GIAO DIỆN SẢN PHẨM CHI TIẾT 47 HÌNH 48: GIAO DIỆN TRANG GIỎ HÀNG 48 HÌNH 49: GIAO DIỆN TRANG VIẾT HĨA ĐƠN 49 HÌNH 50: GIAO DIỆN TRANG HĨA ĐƠN 50 HÌNH 51: GIAO DIỆN TRANG NGÂN LƯỢNG 51 HÌNH 52: GIAO DIỆN TRANG ĐĂNG NHẬP PHẦN QUẢN LÝ 52 HÌNH 53: TRANG QUẢN LÝ HỆ THỐNG .53 HÌNH 54: GIAO DIỆN TRANG SẢN PHẨM 54 HÌNH 55: GIAO DIỆN TRANG THÊM SẢN PHẨM .55 HÌNH 56: GIAO DIỆN TRANG QUẢN LÝ ĐƠN HÀNG 56 HÌNH 57: GIAO DIỆN TRANG THỐNG KÊ HĨA ĐƠN 57 Xây dựng website thương mại điện tử mua sắm thời trang Tại khách hàng xem thông tin chi tiết sản phẩm như: thương hiệu, giá cả, số lượng hàng kho hình ảnh chi tiết mặt hàng chọn Ngoài ra, khách hàng đăng nhập với tài khoản đăng ký trực tuyến website, khách hàng chọn mua hàng theo số lượng cho phép hàng kho Hình 47: Giao diện sản phẩm chi tiết Giao diện trang giỏ hàng: Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 47 Xây dựng website thương mại điện tử mua sắm thời trang Tại khách hàng xem thông tin sản phẩm mua như: tên sản phẩm, giá cả, số lượng, tổng tiền Ngoài ra, khách hàng xóa sản phẩm chọn mua, thay đổi số lượng phẩm mua theo số lượng hàng kho Sau kiểm tra lại thơng tin giỏ hàng mình, khách hàng chọn tốn để chuyển sang bước viết hóa đơn, trả lại tồn hàng mua, tiếp tục mua hàng Hình 48: Giao diện trang giỏ hàng Giao diện trang viết hóa đơn: Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 48 Xây dựng website thương mại điện tử mua sắm thời trang Tại khách hàng kiểm tra thơng tin cá nhân mình, đưa yêu cầu cho người bán hàng ô ghi Ví dụ: “chuyển đến địa số Nguyễn Văn Linh, Đà Nẵng Kèm theo lời chúc: chúc bạn sinh nhật vui vẻ” Sau khách hàng kiểm tra lại thông tin cá nhân sản phẩm, khách hàng chọn viết hóa đơn để hồn tất thao tác viết hóa đơn Hình 49: Giao diện trang viết hóa đơn Giao diện trang hóa đơn: Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 49 Xây dựng website thương mại điện tử mua sắm thời trang Tại sau khách hàng kiểm tra thông tin cá nhân sản phẩm hóa đơn, khách hàng định chọn hủy hóa đơn chọn tốn để chuyển sang bước Hình 50: Giao diện trang hóa đơn Giao diện trang ngân lượng: Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 50 Xây dựng website thương mại điện tử mua sắm thời trang Tại sau khách hàng kiểm tra thông tin đơn hàng tài khoản nhận tiền khách chọn hình thức tốn như: tốn tài khoản ngân hàng, toán số dư tài khoản nganluong.vn Hình 51: Giao diện trang ngân lượng Nguyễn Tiến Hồi Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 51 Xây dựng website thương mại điện tử mua sắm thời trang II.2 Giao diện module quản lý Giao diện trang đăng nhập: Người quản lý đăng nhập vào hệ thống Hình 52: Giao diện trang đăng nhập phần quản lý Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 52 Xây dựng website thương mại điện tử mua sắm thời trang Giao diện trang quản lý hệ thống: Tại người quản lý chọn chức quản lý như: xem sản phẩm, thêm danh mục sản phẩm, quản lý hóa đơn, thống kê doanh số… Hình 53: Trang quản lý hệ thống Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 53 Xây dựng website thương mại điện tử mua sắm thời trang Giao diện trang thêm sản phẩm: Tại người quản lý thêm thơng tin cho sản phẩm như: mã sản phẩm, nhóm hàng, thương hiệu, tên hàng, đường dẫn hình ảnh, loại hàng, giá cả, thơng tin sản phẩm, số lượng Hình 54: Giao diện trang sản phẩm Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 54 Xây dựng website thương mại điện tử mua sắm thời trang Giao diện trang xem sản phẩm: Tại người quản lý xem thông tin sản phẩm mã hàng , loại hàng, tên hàng, thương hiệu Ngoài ra, người quản lý có xóa sửa thơng tin sản phẩm, đổi độ ưu tiên sản phẩm Tìm kiếm sản phẩm theo mã sản phẩm, loại sản phẩm, thương hiệu Hình 55: Giao diện trang thêm sản phẩm Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 55 Xây dựng website thương mại điện tử mua sắm thời trang Giao diện trang quản lý hóa đơn: Tại người quản lý xem thơng tin hóa đơn như: mã hóa đơn, ngày đặt, ngày giao, tổng tiền, trạng thái giao hàng, trạng thái tốn Ngồi ra, người quản lý có thay đổi trạng thái giao hàng, trạng thái tốn, xóa hóa đơn khơng sử dụng Hình 56: Giao diện trang quản lý đơn hàng Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 56 Xây dựng website thương mại điện tử mua sắm thời trang Giao diện trang thống kê hóa đơn: Tại người quản lý xem thơng tin hóa đơn như: mã hóa đơn, ngày đặt, ngày giao, tổng tiền Ngoài ra, người quản lý thống kê hóa đơn theo khoảng thời gian cố định Hình 57: Giao diện trang thống kê hóa đơn Nguyễn Tiến Hồi Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 57 Xây dựng website thương mại điện tử mua sắm thời trang III Kiểm thử Bảng kết kiểm thử chức năng: Chức Mục đích Dữ liệu đầu vào Số lần kiểm thử Số lần thất bại Số lần thành công Đăng ký Tạo tài Thông tin khoản người cá nhân dùng để người dùng mua sản phẩm Đăng nhập Đăng nhập vào website Tên truy cập mật 5 Giỏ hàng Cập nhật giỏ hàng cá nhân Số lượng hàng 10 Tìm kiếm Tìm sản phẩm Từ khóa liên quan đến sản phẩm 3 Thêm sản phẩm Thêm sản phẩm vào sở liệu Thông tin sản phẩm 20 17 Sửa sản phẩm Cập nhật thông tin sản phẩm Thông tin sản phẩm Thêm danh mục sản phẩm Thêm loại sản phẩm vào sở liệu Thông tin loại sản phẩm 10 10 Sửa danh mục sản phẩm Cập nhật thông tin loại sản phẩm Thông tin loại sản phẩm 5 Thêm thương hiệu Thêm thương hiệu vào sở liệu Thông tin thương hiệu 9 Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 58 Xây dựng website thương mại điện tử mua sắm thời trang Sửa thương hiệu Cập nhật thông tin thương hiệu Thông tin thương hiệu 10 Thêm tin tức Thêm tin tức vào sở liệu Thông tin tin tức 20 20 Sửa tin tức Cập nhật trường tin tức Thông tin tin tức 5 Thêm mục làm đẹp Thêm thông tin làm đẹp vào sở liệu Thông tin mục làm đẹp 20 18 Sửa mục làm đẹp Cập nhật thông tin cho tin tức mục làm đẹp Thông tin mục làm đẹp Quản lý hóa đơn Cập nhật ngày giao hàng, ngày đặt hàng, trạng thái hóa đơn Ngày tháng năm giao hàng, đặt hàng 10 10 Thông kế doanh số Thông kê doanh số khoảng thời gian định Khoảng thời gian 10 10 Bảng 12: Bảng kết kiểm thử chức Nguyễn Tiến Hoài Nam – Phạm Thị Hồng Phước, Lớp: 09TLT 59 KẾT LUẬN Với số nước phát triển nói chung Việt nam nói riêng thương mại điện tử điều mẻ, việc nắm bắt xu phát triển thương mại điện tử chiều rộng lẫn chiều sâu Phát triển thương mại điện tử giống lịch sử phát triển thương mại truyền thống, bước đầu tự phát mà cá nhân, doanh nghiệp hay quan, tổ chức nhận thấy lợi ích đó, sau trở nên đại đa phương thức Trước tình hình thương mại điện tử Việt Nam cho thấy việc xây dựng Website bán hàng trực tuyến đóng vai trò quan trọng nước ta giai đoạn Với lợi ích mà thương mại điện tử mang lại, cần phải đẩy mạnh phát huy nhiều hình thức thương mại điện tử Cùng với việc tìm hiểu thương mại điện “xây dựng website mua sắm thời trang”, nhóm chúng tơi hồn thành yêu cầu đặt ra: Thiết kế sở liệu phù hợp với toán đặt ra; thiết kế giao diện phù hợp với việc mua sắm thời trang, giao diện hệ thống phù hợp với việc quản lý; đáp ứng yêu cầu cần thiết website thương mại điện tử Về mặt ứng dụng công nghệ: Triển khai thành công mô hình MVC với ba lớp tách biệt rõ ràng giúp việc phát triển ứng dụng chuyên nghiệp hơn; Viết store procedure phục vụ cho việc truy vấn liệu hệ quản trị sở liệu MySQL; Sử dụng Javascript để bẫy lỗi nhập xuất trình khách; Ứng dụng lợi việc kết hợp công nghệ JSP Servlet giúp cho website load liệu thông minh Xây dựng thành công module: (1)Module khách hàng: cho phép khách hàng thực chức như: đăng ký tài khoản, đăng nhập, xem thông tin sản phẩm, chọn mua sản phẩm, tốn trực tuyến Ngồi ra, hỗ trợ cho khách hàng tin tức thời trang, phương pháp làm đẹp; (2)Module quản lý: cho phép người quản lý thực chức như: thêm, xóa, cập nhận thông tin sản phẩm, danh mục sản phẩm, thương hiệu, hóa đơn… Ngồi ra, người quản lý thống kê doanh số, cập nhật trạng thái hóa đơn Tuy nhiên, bên cạnh kết đạt tồn nhiều hạn chế Chẳng hạn việc tìm hiểu phương thức tốn trực tuyến phạm vi hạn hẹp, bám sát lý thuyết tính ứng dụng thực tế chưa cao 60 TÀI LIỆU THAM KHẢO [1] [2] [3] [4] Phan Hữu Khang Giáo Trình JSP Trần Hữu Hồng Cơng Nghệ Servlet Trang web : http://www.java2s.com/ Trang web : http://www.codeproject.com/