BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN MÔN HỌC CÔNG CỤ VÀ MÔI TRƯỜNG PHÁT TRIỂN PHẦN MỀM ỨNG DỤNG CÔNG NGHỆ PHÁT TRIỂN WEB ASP.NET MVC VÀ XÂY DỰNG WEBSITE KINH DOANH ĐỒNG HỒ HD Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: CÔNG NGHỆ PHẦN MỀM Giảng viên hướng dẫn: Thầy Dương Thành Phết Sinh viên thực hiện: Nguyễn Lâm Anh Huy - 1311060662 Hồ Sỹ Đức - 1311060458 Lớp: 13DTH07 TP Hồ Chí Minh, 2016 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TP HCM, Ngày tháng năm 2016 Giảng viên hướng dẫn MỤC LỤC Họ tên Công việc .1 Chữ ký Nguyễn Lâm Anh Huy .1 Thiết kế layout Hồ Sỹ Đức Thiết kế CSDL CHƯƠNG 1: TỔNG QUAN .2 1.1 HIỆN TRẠNG 1.2 KHẢO SÁT CÁC WEBSITE KINH DOANH ĐỒNG HỒ TRỰC TUYẾN .3 1.2.1 ĐỒNG HỒ 24H 1.2.2 SHOP ĐỒNG HỒ 1.2.3 ĐỒNG HỒ ĐẸP GIÁ RẺ NHẬT BẢN 1.3 ĐỐI TƯỢNG VÀ MỤC TIÊU NGHIÊN CỨU 1.3.1 ĐỐI TƯỢNG 1.3.2 MỤC TIÊU NGHIÊN CỨU 1.3.3 MỤC TIÊU ĐỀ TÀI CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 GIỚI THIỆU ASP.NET MVC .7 2.2 MÔ HÌNH MVC 2.3 GIỚI THIỆU VỀ JQUERY VÀ AJAX 2.3.1 JQUERY 2.3.2 AJAX .8 2.4 ASP.NET MVC 2.5 HTML 2.6 CSS3 2.7 THANH TOÁN TRỰC TUYẾN 2.8 WEB API 10 2.8.1 WEB API LÀ GÌ? 10 2.8.2 GOOGLE MAP API 11 2.8.3 FACEBOOK API 11 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ 13 3.1 MÔ HÌNH HÓA YÊU CẦU .13 3.1.1 SƠ ĐỒ USECASE CỦA HỆ THỐNG 13 3.1.2 MÔ HÌNH THỰC THỂ KẾT HỢP – ERD 16 3.2 THIẾT KẾ CƠ SỞ DỮ LIỆU .17 3.2.1 MÔ HÌNH VẬT LÝ .17 3.2.2 MÔ TẢ CHI TIẾT CÁC BẢNG 17 3.3 THIẾT KẾ XỬ LÝ LUỒNG DỮ LIỆU - DFD 19 3.3.1 Ô XỬ LÝ ĐƠN HÀNG .20 Khách hàng chọn sản phẩm cần mua .20 Hệ thống lấy đầy đủ thông tin sản phẩm từ bảng sản phẩm 20 Khách hàng cung cấp thông tin người nhận hàng 20 Hệ thông lấy thông tin lưu vào bảng đơn đặt hàng 20 3.3.2 Ô XỬ LÝ QUẢN LÝ ĐƠN ĐẶT HÀNG 20 3.3.3 Ô XỬ LÝ QUẢN LÝ SẢN PHẨM .21 3.3.4 XỬ LÝ THỐNG KÊ DOANH SỐ .21 3.4 THIẾT KẾ GIAO DIỆN CHƯƠNG TRÌNH 22 3.4.1 TRANG CHỦ .22 3.4.2 TRANG SẢN PHẨM THEO LOẠI .23 3.4.3 TRANG SẢN PHẨM THEO NHÀ SẢN XUẤT 24 3.4.4 TRANG CHI TIẾT SẢN PHẨM 25 3.4.5 TRANG ĐĂNG KÝ KHÁCH HÀNG 26 3.4.6 TRANG ĐĂNG NHẬP KHÁCH HÀNG .27 3.4.7 TRANG GIỎ HÀNG 27 3.4.8 TRANG ĐẶT HÀNG 28 3.4.9 TRANG ĐĂNG NHẬP ADMIN 29 3.410 TRANG CHỦ ADMIN 29 3.4.11 TRANG QUẢN LÝ SẢN PHẨM ADMIN 30 3.4.12 TRANG THÊM MỚI SẢN PHẨM ADMIN 31 3.4.13 TRANG SỬA THÔNG TIN SẢN PHẨM ADMIN 32 3.4.14 TRANG THÔNG TIN CHI TIẾT SẢN PHẨM ADMIN 33 3.4.15 TRANG QUẢN LÝ ĐƠN ĐẶT HÀNG ADMIN 33 3.4.16 TRANG REPORT ĐƠN ĐẶT HÀNG ADMIN 34 CHƯƠNG 4: KẾT LUẬN .35 4.1 KẾT QUẢ ĐẠT ĐƯỢC 35 4.2 ĐÁNH GIÁ ƯU ĐIỂM VÀ KHUYẾT ĐIỂM 35 4.2.1 ƯU ĐIỂM 35 4.2.2 KHUYẾT ĐIỂM 35 4.3 HƯỚNG PHÁT TRIỂN TƯƠNG LAI .35 Tài liệu tham khảo: 36 Họ tên Công việc Nguyễn Lâm Anh Huy - - - Hồ Sỹ Đức - - Thiết kế layout Phần user: • Code đặt hàng • Code giỏ hàng • Code người dùng Phần admin: • Code quản lý đơn đặt hàng • Report đơn đặt hàng Google maps API Facebook API Thiết kế CSDL Phần user: • Code sản phẩm • Code sản phẩm • Code SPLoai • Code SPNhaSanXuat Phần admin • Code quản lý sản phẩm Thanh toác trực tuyến RSS Chữ ký CHƯƠNG 1: TỔNG QUAN 1.1 HIỆN TRẠNG Ngày với phát triển vượt bậc ngành khoa học kỹ thuật nói chung ngành công nghệ thông tin nói riêng, sống người chuyển sang thời đại – thời đại công nghệ hóa Với việc ứng dụng khoa học công nghệ vào đời sống xã hội, đời sống người dần cải thiện nâng cao cách đáng kể Như biết lập trình thiết kế Website coi ngành “hot” mà quan tâm Sau nghiên cứu tình hình chúng em ứng dụng công nghệ phát triển Web ASP.NET MVC5 “Xây dựng Website kinh doanh Đồng Hồ HD” nhằm phục vụ nhu cầu mua hàng trực tiếp tiện lợi nhiều người quan tâm “Xây dựng Website kinh doanh Đồng Hồ HD” chạy Web có tính thực tế phù hợp tất người chọn sản phẩm theo ý thích mua hàng trực tiếp lựa chọn thông minh, dễ sử dụng, nhanh chóng tiện lợi 1.2 KHẢO SÁT CÁC WEBSITE KINH DOANH ĐỒNG HỒ TRỰC TUYẾN 1.2.1 ĐỒNG HỒ 24H Link website: https://dongho24h.com/ 1.2.2 SHOP ĐỒNG HỒ Link website: http://shopdongho.com.vn/ 1.2.3 ĐỒNG HỒ ĐẸP GIÁ RẺ NHẬT BẢN Link Website: http://donghodepgiare.com/ 3.4 THIẾT KẾ GIAO DIỆN CHƯƠNG TRÌNH 3.4.1 TRANG CHỦ 22 3.4.2 TRANG SẢN PHẨM THEO LOẠI 23 3.4.3 TRANG SẢN PHẨM THEO NHÀ SẢN XUẤT 24 3.4.4 TRANG CHI TIẾT SẢN PHẨM 25 3.4.5 TRANG ĐĂNG KÝ KHÁCH HÀNG 26 3.4.6 TRANG ĐĂNG NHẬP KHÁCH HÀNG 3.4.7 TRANG GIỎ HÀNG 27 3.4.8 TRANG ĐẶT HÀNG 28 3.4.9 TRANG ĐĂNG NHẬP ADMIN 3.410 TRANG CHỦ ADMIN 29 3.4.11 TRANG QUẢN LÝ SẢN PHẨM ADMIN 30 3.4.12 TRANG THÊM MỚI SẢN PHẨM ADMIN 31 3.4.13 TRANG SỬA THÔNG TIN SẢN PHẨM ADMIN 32 3.4.14 TRANG THÔNG TIN CHI TIẾT SẢN PHẨM ADMIN 3.4.15 TRANG QUẢN LÝ ĐƠN ĐẶT HÀNG ADMIN 33 3.4.16 TRANG REPORT ĐƠN ĐẶT HÀNG ADMIN 34 CHƯƠNG 4: KẾT LUẬN 4.1 KẾT QUẢ ĐẠT ĐƯỢC Chương trình thực đầy đủ chức sau: • Đăng nhập hệ thống • Khách hàng đặt hàng • Khách hàng thao tác giỏ hàng • Quản lý sản phẩm • Quản lý đơn đặt hàng • Report đơn đặt hàng 4.2 ĐÁNH GIÁ ƯU ĐIỂM VÀ KHUYẾT ĐIỂM 4.2.1 ƯU ĐIỂM • Chương trình viết ngôn ngữ C# theo công nghê ASP.NET MVC5 • Giao diện đại, thân thiện với người dùng Các mục nằm rõ ràng dễ nhận thấy, đảm bảo việc người nắm cách sử dụng thời gian ngắn 4.2.2 KHUYẾT ĐIỂM • • • • 4.3 Tốc độ chậm Không quản lý thông tin khách hàng Chưa thống kê lợi nhuận Chưa theo chuẩn Google SEO HƯỚNG PHÁT TRIỂN TƯƠNG LAI  Quản lý thống kê • Thống kê số lượng đơn hàng  Quản lý khách hàng • Quản lý thông tin khách hàng, gửi email khuyến • Tích điểm cho khách hàng thân thiết mua hàng  Phân quyền admin 35  Tài liệu tham khảo: [1] ThS Dương Thành Phết (2016), Bài giảng công cụ môi trường phát triển phần mềm (lập trình website với asp.net mvc 5) [2] http://freetuts.net/dang-ky-google-map-api-de-lay-api-key-su-dung-googlemap-152.html Hướng dẫn Google API [4] http://www.nguyentrongtho.com/2013/10/cach-nhung-facebook-comment-vaowebsite.html Hướng dẫn Facebook API [5] http://www.w3schools.com Hướng dẫn code HTML [6] https://www.baokim.vn/trang-chu/thanh-toan Thanh toán trực tuyến 36 ... ngành khoa học kỹ thuật nói chung ngành công nghệ thông tin nói riêng, sống người chuyển sang thời đại – thời đại công nghệ hóa Với việc ứng dụng khoa học công nghệ vào đời sống xã hội, đời sống... có tốc độ cao Ngoài Web API dùng giao thức HTTP nên tất ứng dụng công nghệ kết nối tới để lấy tương tác với Web API, cụ thể dùng công nghệ web như: ASP.NET (MVC, Web Page, Web Form), PHP, hay ứng... thành công Usecase thực nhân viên chọn đăng nhập hệ thống Khách hàng nhập tên đăng nhập mật Khách hàng bấm nút Đăng nhập Hệ thống kiểm tra tài khoản Khách hàng Hệ thống thông báo đăng nhập thành công