Xây dựng website bán hàng cho cửa hàng thời trang navy studio

VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THÀNH TÙNG XÂY DỰNG NG WEBSITE BÁN HÀNG CHO CỬA A HÀNG TH THỜI TRANG NAVY STUDIO Ngành: Công nghệ thông tin Hà Nội- 2016 ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THÀNH TÙNG XÂY DỰNG NG WEBSITE BÁN HÀNG CHO CỬA A HÀNG TH THỜI TRANG NAVY STUDIO Ngành: Công nghệ thông tin Giảng viên hướng dẫn dẫn: GS TS Thái Thanh Sơn Hà Nội- 2016 VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Hà Nội, ngày 16 tháng năm 2016 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên: Nguyễn Thành Tùng Ngày sinh: 01/12/1994 Chun ngành: Cơng nghệ thơng tin Lớp hành chính: 1210A06 TÊN ĐỀ TÀI Giới tính: Nam Nơi sinh: Hà Nội Mã số: 12A10010293 Xây dựng website bán hàng cho cửa hàng thời trang Navy Studio NHIỆM VỤ VÀ NỘI DUNG Đề tài hoàn thiện chức năng: - Đối với khách thành viên: + Cho phép sử dụng chức tìm kiếm + Cho phép xem thông tin sản phẩm + Cho phép thêm bỏ sản phẩm khỏi giỏ hàng + Có thể xem cách thức mua hàng tốn website + Có thể liên hệ với người quản trị - Đối với khách thành viên: giống với khách khơng phải thành viên có thêm chức năng: + Thanh toán trực tuyến + Xem lại lịch sử mua hàng + Cho phép xem tình trạng hóa đơn - Đối với người quản trị: + Quản lý mặt hàng cửa hàng + Quản lý tình trạng hóa đơn + Quản lý thông tin tài khoản, thông tin khách hàng + Cập nhật thông tin mặt hàng Để giải yêu cầu trên, sử dụng phần mềm: - Microsoft SQL Server 2008 – lựa chọn để phục vụ việc tạo sở liệu - Visual Studio 2012 – lựa chọn để thiết kế giao diện xử lý nghiệp vụ website NGÀY GIAO NHIỆM VỤ: Ngày 12/01/2016 NGÀY HOÀN THÀNH NHIỆM VỤ: Ngày20/04/2016 PHÂN CÔNG CÔNG VIỆC: Tự làm GIẢNG VIÊN HƯỚNG DẪN:GS TS Thái Thanh Sơn Hà Nội, ngày 20 tháng năm 2016 GIẢNG VIÊN HƯỚNG DẪN KHOA CƠNG NGHỆ THƠNG TIN LỜI NĨI ĐẦU Thê kỉ thứ 21, kỉ sư bùng nổ cách mạng khoa học Cơng nghệ thơng tin tồn cầu: người khám phá hỏa, đời điện thoại di động thông minh, siêu máy tính khơng thể khơng nhắc đến phát triển với tốc độ chóng mặt thương mại điện tử Thương mại điện tử ngày phát triển phổ biến hết Ngay Việt Nam, website phục vụ cho mục đích thương mại điện tử trở nên đa dạng chuyên nghiệp hết, phục vụ cho mục đích kinh doanh nhà đầu tư phục vụ cho mục đích mua hàng cho người tiêu dùng Bất chấp việc lừa đảo, hacker (tội phạm Công nghệ thông tin) lợi dụng lỗ hổng bảo mật nhằm phá hoại tư lợi cá nhân, website không ngừng phát triển cải tiến hình thức bảo mật với giúp đỡ chuyên gia công nghệ thông tin Nhằm giúp cho cửa hàng thời trang Navy Studio có website thương mại điện tử tốt nhất, đẹp nhất, xin trân trọng giới thiệu dự án: “Xây dựng website bán hàng cho cửa hàng thời trang Navy Studio”với hướng dẫn GS TS Thái Thanh Sơn Nội dung chương: Chương 1: Mở đầu Chương 2: Tổng quan lý thuyết Chương 3: Phân tích thiết kế hệ thống Chương 4: Thiết kế website Chương 5: Kết luận Tôi mong đóng góp ý kiến người đọc, bạn sinh viên thầy để dự án hồn thiện Xin chân thành cảm ơn! Hà Nội ngày 28 tháng năm 2016 Sinh viên thực Nguyễn Thành Tùng MỤC LỤC Trang CHƯƠNG MỞ ĐẦU 1.1 Sự phát triển thương mại điện tử Việt Nam 1.2 Lý chọn đề tài 1.3 Nội dung chủ yếu CHƯƠNG TỔNG QUAN VỀ LÝ THUYẾT 2.1 Công nghệ sử dụng 2.2 Ngôn ngữ lập trình CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Khảo sát hệ thống 3.2 Mô tả hệ thống 3.1.1 Nhiệm vụ hệ thống (hệ thống thực chức gì) 3.1.2 Cơ cấu tổ chức (hệ thống có phận nào, chức nhiệm vụ phận 3.1.3 Quy trình xử lý 3.1.4 Mẫu biểu 10 3.3 Mơ hình tiến trình nghiệp vụ 13 3.3.1 3.4 Ghi 13 Sơ đồ phân rã chức 13 3.4.1 Xác định chức chi tiết 13 3.4.2 Gom nhóm chức 14 3.4.3 Sơ đồ phân rã chức 14 3.5 Sơ đồ luồng liệu 16 3.5.1 Ghi 16 3.5.2 DFD mức khung cảnh 16 3.5.3 DFD mức đỉnh 17 3.5.4 Sơ đồ DFD mức – Chức quản lý tài khoản 18 3.5.5 DFD mức – Chức quản lý bán hàng 19 3.5.6 DFD mức – Chức báo cáo thống kê 20 3.5.7 DFD mức – Chức tìm kiếm 21 3.6 Mơ hình ER mở rộng 21 3.6.1 Xác định kiểu thực thể, kiểu thuộc tính 21 3.6.2 Chuẩn hóa liệu 22 3.6.3 Xử lý thuộc tính khơng sơ đẳng: 24 3.6.4 Chuyển đổi mơ hình ER kinh điển sang mơ hình ER hạn chế 24 3.6.5 Chuyển đổi mơ hình ER hạn chế Mơ hình quan hệ 24 3.7 Thiết kế kiểm soát 25 3.7.1 Xác định nhóm người dùng 25 3.7.2 Phân quyền hạn nhóm người dùng 25 3.7.3 Đặc tả bảng liệu 25 ThanhToan 25 CHƯƠNG 32 THIẾT KẾ WEBSITE 32 4.1 Thiết kế kiến trúc website giao diện 32 4.1.1 Thiết kế kiến trúc website 32 4.1.2 Giao diện 34 CHƯƠNG 43 KẾT LUẬN 43 5.1 Những kết đạt 43 5.2 Khả ứng dụng thực tiễn 44 5.3 Những hướng phát triển 44 TÀI LIỆU THAM KHẢO 46 TÓM TẮT ĐỒ ÁN Chương Mở đầu 1.1Sự phát triển thương mại điện tử Việt Nam Sự phát triển thương mại điện tử năm gần 1.2 Lý chọn đề tài Nêu lý chọn đề tài 1.3Nội dung chủ yếu, dự kiến - Khảo sát hệ thống - Xây dựng sở - Xây dựng chức website - Kiểm thử: Kiểm thử toàn hệ thống, sửa lỗi - Kết luận: Kết đạt được, vấn đề cò tồn Chương Tổng quan lý thuyết 2.1 Công nghệ sử dụng - Visual Studio 2012 - SQL Server 2008 R2 Exspress Edition 2.2 Ngôn ngữ lập trình - Asp.Net – tơi chọn ngơn ngữ lập trình để xử lý nghiệp vụ cho trang web ngôn ngữ mà thành thạo - Ngôn ngữ truy vấn liệu SQL – tơi chọn ngơn ngữ để xử lý phần sở liệu cho trang web ngôn ngữ dễ sử dụng, phổ biến Chương Phân tích hệ thống 3.1 Khảo sát hệ thống - Nêu tình trạng hệ thống - Nêu khó khăn cửa hàng 3.2 Mơ tả hệ thống - Nhiệm vụ hệ thống - Cơ cấu tổ chức hệ thống - Mẫu biểu 3.3 Mơ hình tiến trình nghiệp vụ 3.4 Sơ đồ phân rã chức - Xác định chức chi tiết - Gom nhóm chức - Sơ đồ phân rã chức 3.5 Sơ đồ luồng liệu - Sơ đồ DFD mức khung cảnh - Sơ đồ DFD mức đỉnh - Sơ đồ DFD mức - Chức quản lý bán hàng - Sơ đồ DFD mức – Chức quản lý tài khoản - Sơ đồ DFD mức – Chức thống kê - Sơ đồ DFD mức – Chức tìm kiếm 3.6 Mơ hình ER mở rộng 32 CHƯƠNG THIẾT KẾ WEBSITE 4.1 Thiết kế kiến trúc website giao diện 4.1.1 Thiết kế kiến trúc website Thiết kế kiến trúc website hệ thống mức cao Hình 4.1 Kiến trúc website hệ thống mức cao 33 Web site thiết kế theo mơ hình lớp Các thành phần - Layer Mơ hình lớp cấu thành từ: Presentation Layers, Business Logic Layers, Data Access Layers Presentation Layers Lớp làm nhiệm vụ giao tiếp với người dùng cuối để thu thập liệu hiển thị kết quả/dữ liệu thông qua thành phần giao diện người sử dụng Business Logic Layer Đây layer xử lý liệu trước đưa lên hiển thị hình xử lý liệu trước chuyển xuống Data Access Layer để lưu liệu xuống sở liệu Đây nơi đê kiểm tra ràng buộc, u cầu nghiệp vụ, tính tốn, xử lý yêu cầu lựa chọn kết trả cho Presentation Layers Data Access Layer Lớp thực nghiệp vụ liên quan đến lưu trữ truy xuất liệu ứng dụng đọc, lưu, cập nhật sở liệu Cách vận hành mơ hình Đối với 3-Layer, yêu cầu xử lý qua layer hình - Đầu tiên User giao tiếp với Presentation Layers để gửi thông tin yêu cầu Tại layer này, thông tin kiểm tra, OK chúng chuyển xuống Business Logic Layer 34 - Tại Business Logic Layer, thơng tin nhào nặn, tính tốn theo u cầu gửi, khơng cần đến Database BLL gửi trả kết Presentation Layers, ngược lại đẩy liệu (thơng tin xử lý) xuống Data Access Layer - Data Access Layer thao tác với Database trả kết cho Data Access Layer, Data Access Layer kiểm tra gửi lên Presentation Layers để hiển thị cho người dùng - Một gặp lỗi (các trường hợp không liệu) layer quăng lên layer cao bậc Presentation Layers quăng cho người dùng biết - Các liệu trung chuyển Layer thông qua đối tượng gọi Data Transfer Object, đơn giản Class đại diện cho đối tượng lưu trữ Database 4.1.2 Giao diện Giao diện trang chủ: - Tên giao diện: Trang chủ - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: 35 Hình 4.2 Giao diện trang chủ Giao diện sản phẩm: - Tên giao diện: Trang sản phẩm - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: Hình 4.3 Giao diện trang sản phẩm 36 Giao diện trang chi tiết sản phẩm: - Tên giao diện: Trang chi tiết sản phẩm - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: Hình 4.4 Giao diện trang chi tiết sản phẩm Giao diện giỏ hàng: - Tên giao diện: Trang giỏ hàng - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: 37 Hình 4.4 Giao diện trang giỏ hàng Giao diện toán: - Tên giao diện: Trang toán - Người sử dụng: khách hàng - Mẫu thiết kế: Hình 4.5 Giao diện toán 38 Giao diện tài khoản: - Tên giao diện: Trang tài khoản - Người sử dụng: khách hàng - Mẫu thiết kế: Hình 4.6 Giao diện trang tài khoản Giao diện trang tạo tài khoản: - Tên giao diện: Trang trang tạo tài khoản - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: 39 Hình 4.7 Giao diện trang tạo tài khoản Giao diện trang tài khoản cá nhân: - Tên giao diện: Trang trang tài khoản cá nhân - Người sử dụng: khách hàng - Mẫu thiết kế: Hình 4.8 Giao diện trang thông tin tài khoản 40 Giao diện sửa thông tin cá nhân: - Tên giao diện: Trang sửa thông tin cá nhân - Người sử dụng: khách hàng - Mẫu thiết kế: Hình 4.9 Giao diện trang sửa thông tin cá nhân Giao diện trang admin: - Tên giao diện: Trang admin - Người sử dụng: quản trị - Mẫu thiết kế: Hình 4.10 Giao diện trang quản trị 41 Giao diện đổi mật khẩu: - Tên giao diện: Trang quản trị - Người sử dụng: quản trị - Mẫu thiết kế: Hình 4.11 Giao diện đổi mật Giao diện sửa sản phẩm: - Tên giao diện: Trang sửa sản phẩm - Người sử dụng: quản trị - Mẫu thiết kế: 42 Hình 4.12 Giao diện trang liên hệ Giao diện hình thức tốn: - Tên giao diện: trang hình thức tốn - Người sử dụng: khách hàng, quản trị - Mẫu thiết kế: 43 CHƯƠNG KẾT LUẬN 5.1 Những kết đạt Xây dựng website bán hàng quần áo xa lạ nhưng lại mang tính thực tế cao giai đoạn – Việt Nam tiến hành sách cơng nghiệp hóa, đại hóa đất nước, đẩy mạnh ngành cơng nghệ thông tin, đưa tin học vào sống đặc biệt website phục vụ cho việc bán hàng cửa hàng thời trang Navy Studio Website cửa hàng thời trang Navy Studio tiêu biểu số nhiều cách thức xây dựng quản lý website để hoạt động thực hiệu quả, khai thác lượng khách hàng tiềm ẩn Internet Do hạn hẹp thời gian nên website mà phát triển hướng đến nhu cầu bản, muốn áp dụng vào thực tế cần phải có thêm nhiều chức phần định hướng mà đề cập sau Dự án “Xây dựng website bán hàng cho cửa hàng thời trang Navy Studio” hoàn thành yêu cầu: Đối với khách thành viên: + Cho phép sử dụng chức tìm kiếm + Cho phép xem thông tin sản phẩm + Cho phép thêm bỏ sản phẩm khỏi giỏ hàng + Có thể xem cách thức mua hàng toán website Đối với khách thành viên: giống với khách thành viên có thêm chức năng: + Thanh toán trực tuyến 44 + Xem lại lịch sử mua hàng + Cho phép xem tình trạng hóa đơn Đối với người quản trị: + Quản lý mặt hàng cửa hàng + Duyệt hóa đơn + Quản lý thơng tin tài khoản, thơng tin khách hàng + Cập nhật thông tin mặt hàng 5.2 Khả ứng dụng thực tiễn Do website xây dựng chức nên có khả ứng dụng thực tiễn: - Giúp cửa hàng Navy Studio quảng bá thương hiệu - Giúp cho việc mua hàng trở nên dễ dàng - Giúp việc thống kê làm sổ sách 5.3 Những hướng phát triển Website xây dựng đảm bảo yêu cầu nhiều chức cần phát triển, chức là: - Hồn thiện chức tốn điện tử việc toán trở nên dễ dàng - Tích hợp chức chat trực tuyến quản trị viên - Tích hợp chức thêm ảnh động, phóng to ảnh di chuột qua ảnh trang mua bán trực tuyến Amazon làm - Xây dựng chuyên mục tin tức để cập nhật tin tức thời trang 45 - Xây dựng chức thông báo tin tức cho thành viên - Xây diễn đàn khách hàng, quản trị trao đổi thông tin thời trang, giá thành, trao đổi vướng mắc - Thiết kế lại giao diện cho website trở nên đẹp mắt - Thêm tính khuyến mại cho sản phẩm - Hồn thiện chức tính phí vận chuyển 46 TÀI LIỆU THAM KHẢO Tiếng Việt [1] Thái Thanh Sơn Thái Thanh Tùng, “Thực trạng phát triển thương mại điện tử Việt Nam” Thương mại điện tử, Hà Nội: Nhà xuất thông tin truyền thông, 2011, ch8, tr 239-253 [2] Phạm Hữu Khang, “Quản trị Cơ Sở Dữ Liệu” Quản trị sở liệu (Tập 1), Hà Nội: Nhà xuất bản: Lao động – Xã hội, 2010, ch1, tr.25-40 ... buôn bán Một website giúp quảng bá thương hiệu, sản phẩm cho cửa hàng đồng thời tiết kiệm thời gian, chi phí người bán hàng khách mua hàng Và lựa chọn đề tài Xây dựng website bán hàng cho cửa hàng. .. - Xây dựng sở liệu: Xây dựng mơ hình quan hệ, thiết kế chuẩn hóa CSDL, xây dựng CSDL mức vật lý - Xây dựng giao diện website: Thiết kế xây dựng giao diện website - Xây dựng chức tài khoản website: ... 12A10010293 Xây dựng website bán hàng cho cửa hàng thời trang Navy Studio NHIỆM VỤ VÀ NỘI DUNG Đề tài hoàn thiện chức năng: - Đối với khách thành viên: + Cho phép sử dụng chức tìm kiếm + Cho phép