BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEBSITE ỨNG DỤNG CÔNG NGHỆ PHÁT TRIỂN WEB ASP.NET MVC5, XÂY DỰNG WEBSITE KINH DOANH BALO NHẬP KHẨU OVAN Ngành: CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn : DƯƠNG THÀNH PHẾT Sinh viên thực : ĐỖ NGỌC SƠN MSSV: 1411060260 Lớp: 14DTH01 TP Hồ Chí Minh, 2016 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEBSITE ỨNG DỤNG CÔNG NGHỆ PHÁT TRIỂN WEB ASP.NET MVC5, XÂY DỰNG WEBSITE KINH DOANH BALO NHẬP KHẨU OVAN Ngành: CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn : DƯƠNG THÀNH PHẾT Sinh viên thực : ĐỖ NGỌC SƠN MSSV: 1411060260 Lớp: 14DTH01 TP Hồ Chí Minh, 2016 TRƯỜNG ĐH CÔNG NGHỆ TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc ĐĂNG KÝ ĐỀ CƯƠNG ĐỒ ÁN MÔN HỌC Môn học: LẬP TRÌNH WEBSITE CHÚ Ý: Sinh viên phải đóng tờ vào trang thứ báo cáo I THÔNG TIN CHUNG Tên Đề tài: Ứng dụng công nghệ phát triển web ASP.Net MVC5, Xây dựng website Kinh doanh Balo nhập OVAN Tác giả/ Nhóm tác giả: TT HỌ VÀ TÊN SV MSSV Ngày sinh Đỗ Ngọc Sơn (NT) 1411060260 28/01/1992 Ký tên Giáo viên hướng dẫn: Dương Thành Phết II THÔNG TIN VỀ ĐỀ TÀI Lý thực đề tài - Một nay, đất nước ngày phát triển, hội nhập quốc tế, đời sống người dân cải thiện thu nhập bình quân nâng lên đáng kể, người hướng đến việc làm đẹp, giải trí, du lịch… Việc di chuyển mang theo bên công cụ phục vụ công việc, học tập đồ dùng cá nhân nhu cầu cặp, balo, túi xách ngày cao, đặc biệt balo du lịch nhập phục vụ chặng đường xa - Hai qua môn học môn hướng dẫn giáo viên hướng dẫn Dương Thành Phết thưc ý tưởng, “Ứng dụng công nghệ phát triển web ASP.NET MVC5, Xây dụng website Kinh doanh Balo nhập khẩu”, mặt giúp nâng cao kỹ làm việc, trao dồi kỹ viết web ứng dụng công nghệ Mặt khác giúp có thêm kinh nghiệm kinh doanh thực tế sau Mục tiêu đề tài: _ Website cách tối ưu để shop tiếp cận đến người dùng ưa thích Balo nhập _ Website phương tiện tốt để shop quảng bá rộng rải sản phẩm _ Website giúp người dùng tiếp cập nhật nhanh sản phẩm Balo, Túi xách hãng sản xuất cách nhanh _ Website phương tiện tốt để người tiếp cận nhanh đến sản phẩm thích, thuận tiện an toàn giao dịch Nội dung thực hiện: Gồm phần: Phân tích yêu cầu, thiết kế CSDL , thiết kế giao diện, kiểm thử, vận hành sử dụng Phương pháp thực hiện: • Phần 1: Phân tích yêu cầu cách chi tiết, tham khảo Website có liên quan Lập biểu mẫu cụ thể cho công việc chương trình • Phần 2: Thiết kê mô hình CSDL cách chi tiết Tham khảo thêm phân tích hệ thống thông tin có liên quan đến việc đăng kí các khóa học trang mạng để hoàn thiện tốt CSDL Hoàn thành vẽ CSDL • Phần 3: Dùng phần mềm SQL để tạo CSDL sử dụng công nghệ ASP.Net MVC5 để lập trình Website theo mục tiêu yêu cầu đề Thiết kế giao diện cách ưu việt người sử dụng dễ dàng giao tiếp với ứng dụng • Phần 4: Mời vài người trải nghiệm sử dụng để tìm lỗi hay vấn đề khó khăn việc sử dụng Đồng thời sửa lỗi phát sinh để hoàn thiện Website • Phần 5: Kiểm tra tổng quát Website lần cuối sau đưa cho người sử dụng Dự kiến kết đạt được: Hoàn thành Website đáp ứng mục tiêu đặt ra, phát triển và cải tiến sau Thời gian thực hiện: Từ: ……………………… đến: ………………………… Tp.HCM, ngày tháng năm 2016 GIÁO VIÊN HƯỚNG DẪN HIỆN NHÓM SV THỰC Khoa: ………………………… BẢN NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ĐỒ ÁN/ KHÓA LUẬN TỐT NGHIỆP (GVHD nộp Bản nhận xét Văn phòng Khoa) Họ tên sinh viên/ nhóm sinh viên giao đề tài (sĩ số nhóm……): (1) MSSV: ………………… Lớp: (2) MSSV: ………………… Lớp: (3) MSSV: ………………… Lớp: Ngành : Chuyên ngành : Tên đề tài: Tổng quát ĐA/KLTN: Số trang: Số chương: Số bảng số liệu: Số hình vẽ: Số tài liệu tham khảo: Phần mềm tính toán: Số vẽ kèm theo: Hình thức vẽ: Hiện vật (sản phẩm) kèm theo: Nhận xét: a) Về tinh thần, thái độ làm việc sinh viên: b) Những kết đạt ĐA/KLTN: c) Những hạn chế ĐA/KLTN: Đề nghị: Được bảo vệ (hoặc nộp ĐA/KLTN để chấm)  Không bảo vệ  TP HCM, ngày … tháng … năm ……… Giảng viên hướng dẫn (Ký ghi rõ họ tên) i LỜI CẢM ƠN Sau tháng học tập nghiên cứu đề tài môn học, em mở mang kiến thức hiểu biết nhiều lịch vực công nghệ thông tin qua quan tâm, hướng dẫn tận tình Thầy Với lòng cảm ơn sâu sắc, em xin gửi tới Quý Thầy/Cô trường Đại Học Công Nghệ Thành Phố Hồ Chí Minh nói chung khoa Công Nghệ Thông Tin nói riêng, Người trang bị hành trang kiến thức tảng cho đề tài Đặc biệt Thầy Dương Thành Phết người tận tình hướng dẫn, đóng góp ý kiến quý báu cho việc hoàn thành đề tài Xin Thầy nhận nơi em lời cảm ơn chân thành Em xin gửi tới Quý Thầy/Cô trường Đại Học Công Nghệ Thành Phố Hồ Chí Minh lời chúc sức khỏe lời cảm ơn chân thành Em xin chân thành cảm ơn! ii MỤC LỤC Đề mục Trang Trang bìa Phiếu đăng ký đề tài Bản nhận xét giáo viên hướng dẫn Lời cảm ơn .i Mục lục ii CHƯƠNG 1: TỔNG QUAN 1.1 Tổng quan vấn đề nghiên cứu .1 1.1.1 Tổng quan ứng dụng web .1 1.1.1.1 Tổng quan 1.1.1.2 Phân tầng ứng dụng web 1.1.1.3 Kiến trúc ứng dụng web .2 1.1.2 Tổng quan Asp.Net MVC .3 1.1.2.1 Lịch sử phát triển Asp.Net MVC 1.1.2.2 Tổng quát Asp.Net MVC 1.1.2.3 Lợi ích Asp.Net MVC .6 1.1.2.4 Tính Asp.Net MVC 1.1.2.5 Giao tiếp kiến trúc Asp.Net MVC .7 1.2 Nhiệm vụ đồ án 1.2.1 Tính cấp thiết 1.2.2 Lý hình thành đề tài 10 1.2.3 Ý nghĩa khoa học thực tiễn 10 1.2.4 Mục tiêu nghiên cứu đối tượng .11 1.2.5 Phạm vi giới hạn 11 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 11 Các khái niệm chế hoạt động 11 2.1.1 Khái niệm thương mại điện tử 11 2.1.2 Lợi ích thương mại điện tử .12 2.1.3 Các loại hình thương mại điện tử 13 2.2 Các công nghệ sử dụng .17 2.2.1 HTML5 17 iii 2.2.2 CSS .19 2.2.3 Jquery 20 2.2.4 Ajax 21 2.2.5 LinQ 22 2.2.6 Asp.Net MVC5 24 CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 25 3.1 Mô hình E-R .25 3.2 Mô hình vật lý 26 3.3 Mô tả sở liệu 27 3.4 Giao diện 29 3.4.1 Giao diện index 29 3.4.2 Giao diện trang Admin 40 CHƯƠNG 4: KẾT LUẬN VÀ KIẾN NGHỊ 47 4.1 Kết thực 47 4.2 Đánh giá 47 4.2.1 Ưu điểm 47 4.2.2 Khuyết điểm 48 4.3 Hướng phát triển .48 TÀI LIỆU THAM KHẢO 50 CHƯƠNG I: TỔNG QUAN 1.1Tổng quan vấn đề nghiên cứu: 1.1.1 Tổng quan ứng dụng web: 1.1.1.1 Tổng quan: Các ứng dụng web chương trình thực thi máy chủ web (Web server) truy cập tương tác với người sử dụng thông qua trình duyệt web Khái niệm người sử dụng thừa nhận rộng rãi, nhiên ngày CNTT phát triển mạnh mẽ, loạt tảng công nghệ đời, ứng dụng web hoàn toàn không cần phải tương tác thực thi máy chủ web, có nghĩa ứng dụng web chạy túy trình duyệt duyệt web Điều có nghĩa ứng dụng web không cần kết nối internet chạy Ứng dụng web cho phép người sử dụng chia sẻ truy cập thông tin thông qua Internet Lập trình viên tạo ứng dụng web để phục vụ mục tiêu thương mại ví dụ website bán hàng trực tuyến … Ứng dụng web nhìn theo nhiều hướng khác nhau: Hướng nhìn nhà phát triển ứng dụng, thường chia ứng dụng web thành nhiều phân tầng khác nhau, phân tầng đảm nhiệm số nhiệm vụ mang tính logic ứng dụng Hướng nhìn triển khai ứng dụng, thường phân chia ứng dụng thành thành phần vật lý khác nhau, thành phần vật lý cài đặt máy tính (các nút mạng) khác hệ thống 1.1.1.2 Phân tầng ứng dụng web: Hướng tiếp cận này phân tách ứng dụng thành các thành phần mang tính logic Đây hướng nhìn nhà phát triển ứng dụng, thông thường ứng dụng web phân chia thành phân tầng sau : Hình 1.1: Phân tầng ứng dụng web 37 Hình 3.4.8: Trang thông tin toán 38 Hình 3.4.9: Trang toán trực tuyến Bảo Kim 39 Hình 3.4.10: Trang tin tức du lịch (RSS) 40 Hình 3.4.11: Trang liên hệ 41 3.4.4 Giao diện trang Admin Hình 3.4.12: Trang đăng nhập Admin Hình 3.4.13: Trang Profile Admin 42 Hình 3.4.14: Trang quản lý sản phẩm Hình 3.4.15: Trang sửa thông tin sản phẩm 43 Hình 3.4.16: Trang xóa sản phẩm Hình 3.4.17: Trang chi tiết sản phẩm AdminSite 44 Hình 3.4.18: Trang quản lý đơn đặt hàng Hình 3.4.19: Trang chi tiết đơn đặt hàng cho đơn hàng 45 Hình 3.4.20: Trang quản lý nhà sản xuất Hình 3.4.21: Trang sửa thông tin nhà sản xuất 46 Hình 3.4.22: Trang quản lý thông tin khách hàng Hình 3.4.23: Trang sửa thông tin khách hàng 47 Hình 3.4.24: Trang xóa thông tin khách hàng 48 CHƯƠNG 4: KẾT LUẬN VÀ KIẾN NGHỊ 4.1 Kết thực - “Xây dựng website bán balo xuất OVAN” vấn đề mẻ, mang tính thực tế cao, giai đoạn Dưới hướng dẫn Thầy Dương Thành Phết, em thực đề tài nhằm đưa giải pháp quản lý phù hợp cho website - Như nói trên, website 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 internet Ngoài ra, hạn hẹp thời gian trình độ nên website em xây dựng trình thực đề tài đáp ứng yêu cầu bản, đưa vào thực tế sử dụng chắn phải cần nâng cấp theo định hướng phát triển mà em nêu - Tuy nhiên, với website em hoàn thành yêu cầu đặt ra, bao gồm:  Giao diện: thiết kế dễ nhìn, rõ ràng thu hút người xem Bên cạnh ứng dụng thêm công nghệ CSS3 HTML5 để tạo giao diện thân thiện, dễ      nhìn, sống động cho trang web Phân loại sản phẩm theo nhà sản xuất, theo giới tính theo loại sản phẩm Cho phép khách hàng đăng ký tài khoản để mua hàng Cho phép khách hàng đăng nhập chọn hàng lưu vào giỏ hàng Cho phép khách hàng đặt toán trực tuyến qua Bảo Kim Trang quản trị: cho phép quản lí nội dung website thêm danh mục, sản phẩm, hiệu chỉnh, xóa… 4.2 Đánh giá 4.2.1 Ưu điểm - Hoàn thiện chức phần Admin, giao diện tiện lợi, mẻ Tạo cảm giác dễ - nhìn, thoải mái sử dụng Giao diện người dùng thiết kế khác biệt, thuận tiện, tích hợp toán trực - tuyến Trang cập nhập tin tức du lịch cho khách hàng ưu thích du lịch Có chức Like, Shared, Comment Facebook giúp biệc quảng cáo đưa sản phẩm đến khách hàng nhanh 4.2.2 Khuyết điểm - Ràng buộc thông tin nhập vào từ người dùng chưa hoàn tất 49 - Giao diện chưa thật bắt mắt, chưa trình bày bố cục hợp lý, font chữ - nhiều chổ chưa hợp lý về: cỡ chữ, màu chữ… Trình bày cấu trúc trang chi tiết sản phẩm dài dòng chưa đồng cho - trang Chưa có sử dụng chức đăng nhập từ Facebook, Google+… Chưa có trang quản lý thông tin tài khoản cho người sử dụng, chưa bảo mật - password thông tin khách hàng Chưa có phần tự động hỗ trợ người dùng quên mật Trang quản trị Admin thiếu quản lý cho nhiều bảng sở liệu Chưa kiểm tra tất lỗi trang quản lý sản phẩm bảng từ sở - liệu Trang Admin chưa có thống kê số lượt xem, lượt mua, báo cáo tổng doanh thu Chưa phân quyền admin trang quản lý sở liệu admin 4.3 Hướng phát triển  Bổ sung hoàn thiện thêm giao diện người dùng: - Thiết kế lập trình thêm số chức khác phục vụ, thu hút khách hàng đến với website Chẳng hạn, đưa thêm trang: + Tin tức & kiện: Tin tức cập nhật hạn chế, cần them thông tin từ nhà sản xuất, xu hướng thời trang kèm balo, túi xách… + Dịch vụ: trang trình bày dịch vụ khác shop đối tác shop lĩnh vực kinh doanh balo xuất + Khuyến mãi: Cập nhật thông tin khuyến theo thời điểm năm Gửi thông tin sản phẩm khuyến đến email khách hàng + Web Service: ứng dụng theo công cụ như: đếm số lượng - khách, thống kê theo ngày, tháng, năm… Có thể thiết kế thêm số trang chủ dạng flash đặt chế độ thay đổi - luân phiên có thêm lượt truy cập Thêm chức quản lý tài khoản cho người dùng, người dùng quản lý thông tin đơn đặt hàng, thông tin cá nhân…  Bổ sung chức quản lý website: - Quản lý chương trình khuyến shop thời điểm để hệ thống tự động gởi thông báo qua email đến khách hàng - Thêm chức phân quyền quản lý cho admin - Thêm chức quản lý thông tin tài khoản cho khách hàng - Bổ sung sửa lỗi cho tất chức trang quản trị admin - Thêm chức đăng nhập Facebook, Google+… - Bổ sung đầy đủ quản lý tất bảng sở liệu  Tăng cường chế độ bảo mật website: 50 - Bảo mật Server: sử dụng chế độ bảo mật server mà website lưu trữ, sử dụng HTTPS Server (HTTPS giao thức Hypertext Transfer Protocol có sử dụng dịch vụ bảo mật, mã hóa SSL Protocol cung cấp) để mã hóa thông tin khách hàng, tăng khả chứng thực bảo mật website - Bảo mật source code website: dùng kỹ thuật mã hóa toàn source code để chống đánh cắp bảo mật thông tin - Bảo mật sở liệu SQL Server: thay sử dụng cách thức phân quyền Login đồ án chuyển sang phân quyền cách tạo user trực tiếp sở liệu SQL phân quyền cho user qua Role SQL Khi đó, ta quy định cụ thể người đăng nhập vào website với tên đăng nhập giao quyền truy xuất bảng nào, trường liệu database 51 TÀI LIỆU THAM KHẢO - Ebook online: http://howtocodeinhtml.com/#toc - Giáo trình hướng dẫn học Asp.NET MVC5: Thầy Dương Thành Phết - Ebook Pro Asp.NET MVC5 by Adam Freeman - Programming ASP.NET MVC5 – Tác giả: Nimit Joshi - Beginning ASP.NET 4.5 in C# - Tác giả: Mathew MaxDonald - Beginning HTML5 and CSS3 – Tác giả: Christopher Murphy, Richard Clark… - Pro HTML5 and CSS3 Design Patterns - Tác giả: Christopher Murphy, Richard Clark… - Thinking in LINQ – Tác giả: Sudipta Mukherjee - Ebook thương mại điện tử: http://www.bangdianhac.com/fun-fun.asp? module=31&ncid=8&nsubid=39&nid=549 ... Tổng quát Asp. Net MVC: Asp. Net MVC Framework sử dụng Net Framework cho việc phát triển ứng dụng web động, trước Asp. Net MVC đời, lập trình viên sử dụng công nghệ Asp. Net Web Form tảng Net Framework... khai 1.1.2 Tổng quan Asp. Net MVC 1.1.2.1 Lịch sử phát triển Asp. Net MVC:  Asp. Net 1.0 : Phiên phát hành vào tháng năm 2009 tảng Net Framework 3.5 Visual Studio 2008  Asp. Net 2.0 : Phiên phát... kinh nghiệm với ASP. NET Web form phải học ASP. NET MVC để làm việc, tiếp cận với công nghệ mới, thu thập them kinh nghiệm cách thức làm việc o Asp. Net MVC5 Open Source Điều giúp ASP. NET MVC nhiều