Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang Mục lục Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang LỜI CẢM ƠN Qua thời gian nghiên cứu, phân công công việc tiến hành thực đến nay, đề tài “xây dựng website bán máy tính” hồn thành Chúng em xin chân thành cảm ơn thầy Nguyễn Thị Phương Trang tận tình giảng dạy hướng dẫn chúng em hồn thành tốt đề tài thành phần thiếu nỗ lực thành viên nhóm Trong q trình thực đề tài, chúng em cố gắng nhiều khơng tránh khỏi thiếu xót hạn chế định Chúng em mong nhận đóng góp ý kiến, bảo tận tình thầy cô bạn để đề tài chúng em hoàn thiện thiết thực Chúng em xin chân thành cảm ơn! Nhóm sinh viên thực hiện: Phạm Văn Long Lê Văn Bửu Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang LỜI NÓI ĐẦU GIỚI THIỆU ĐỀ TÀI Ngày nay, công nghệ thông tin có bước phát triển mạnh mẽ theo chiều rộng sâu Máy tính điện tử khơng thứ phương tiện quý mà ngày trở thành công cụ làm việc giải trí thơng dụng người, khơng cơng sở mà gia đình Đứng trước vai trò thơng tin hoạt động cạnh tranh gay gắt, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thơng qua sản phẩm cơng nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet bạn có tận tay cần mà nhiều thời gian Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Các nhà dịch vụ mang đến tận nhà cho bạn Ở Việt Nam có nhiều doanh nghiệp tiến hành thương mại hóa Internet khó khăn sở hạ tầng viễn thông chưa phát triển mạnh, dịch vụ toán điện tử qua ngân hàng chưa phổ biến nên dừng lại mức độ giới thiệu sản phẩm tiếp nhận đơn đặt hàng thông qua web Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, nhóm em định thực đề tài “Xây dựng Website bán máy tính” Với hướng dẫn tận tình Thầy, nhóm em hồn thành đề tài Tuy cố gắng thời gian có hạn, lực thân nhiều hạn chế nên khơng tránh khỏi thiếu sót Em mong nhận thơng cảm đóng góp q thầy ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU Nghiên cứu công nghệ ASP.NET MVC 5, nghiên cứu kiến thức liên quan HTML5, CSS3, AJAX, JQUERY Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang MỤC TIÊU ĐỀ TÀI 3.1 Chức người dùng  Xem giới thiệu web  Xem thông tin sản phẩm phân loại theo đặc điểm sản phẩm  Gợi ý sản phẩm cho khách hàng  Khách hàng đánh giá sản phẩm so với trang web khác  Khách hàng so sánh giá trang web  Xem sản phẩm bán chạy  Cho phép tìm kiếm sản phẩm theo loại  Cho phép User đăng ký đặt hàng xác nhận lại đơn đặt hàng  Xem thơng tin cá nhân  Tìm địa điểm Google Map  Khách hàng comment share sản phẩm 3.2 Chức quản trị:  Quản trị chế bảo mật ( Login / Logout)  Cập nhật thơng tin (Thêm, xóa, sửa) menu, slider, sản phẩm, tin tức, nhà sản xuất, giới thiệu,  Đưa gợi ý sản phẩm tốt ,bán chạy cho khách hàng  Xử lý đơn đặt hàng, hóa đơn  Quản lý MailChimp  Chat hỗ trợ trực tuyến cho khách hàng  Phân quyền quản trị tài khoản khách hàng Admin Chương 2: Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang CƠ SỞ LÝ THUYẾT THƯƠNG MẠI ĐIỆN TỬ VÀ WEBSITE THƯƠNG MẠI ĐIỆN TỬ - Thương mại điện tử gì? Thương mại điện tử (còn gọi thị trường điện tử, thị trường ảo, E-Commerce hay E-Business) quy trình mua bán ảo thơng qua việc truyền liệu máy tính sách phân phối tiếp thị Tại mối quan hệ thương mại hay dịch vụ trực tiếp người cung cấp khách hàng tiến hành thông qua Internet Hiểu theo nghĩa rộng, thương mại điện tử bao gồm tất loại giao dịch thương mại mà đối tác giao dịch sử dụng kỹ thuật thông tin khuôn khổ chào mời, thảo thuận hay cung cấp dịch vụ Thông qua chiến dịch quảng cáo IBM thập niên 1990, khái niệm Electronic Business, thường dùng tài liệu, bắt đầu thông dụng - Thương mại điện tử xuất Việt Nam nào? Việt Nam hòa nhập Internet vào cuối năm 1997, thời gian sau thuật ngữ thương mại điện tử bắt đầu xuất chưa phát triển - Lợi ích thương mại điện tử (TMĐT)?  TMĐT giúp cho Doanh nghiệp nắm thông tin phong phú thị trường đối tác  TMĐT giúp giảm chi phí sản xuất  TMĐT giúp giảm chi phí bán hàng tiếp thị  TMĐT qua Internet giúp người tiêu dùng doanh nghiệp giảm đáng kể thời gian chí phí giao dịch  TMĐT tạo điều kiện cho việc thiết lập củng cố mối quan hệ thành phần tham gia vào trình thương mại  Tạo điều kiện sớm tiếp cận kinh tế số hoá - Ưu điểm nhược điểm thương mại điện tử: Xây dựng Website bán laptop (GoodLaptop)  GVHD: Nguyễn Thị Phương Trang Tất công ty quan tâm tới TMĐT đơn giản giúp họ tăng thêm lợi nhuận qua việc tăng lượng bán giảm chi phí Quảng cáo tốt Web có thơng báo quảng cáo công ty nhỏ tới người tiêu dùng quốc gia giới  Chi phí cho việc sử lý yêu cầu bán hàng, cung cấp yêu cầu hỏi giá cả, xác nhận sản phẩm có sẵn giảm nhờ TMĐT hỗ trợ kinh doanh trình đặt hàng doanh nghiệp  Năm 1998, Cisco Systems bán 72 hàng hóa thiết bị máy tính qua Web, khơng có dịch vụ khách hàng đại diện cho hoạt động kinh doanh nên Cisco dự tính họ bớt 500.000 gọi tháng năm tiết kiệm 500 triệu đô la  TMĐT tăng hội bán cho người bán đồng thời tăng hội mua cho người kinh doanh người mua Các doanh nghiệp dùng TMĐT trình mua bán để xác định đối tác cung cầu Trong TMĐT thoả thuận giá chuyển giao mặt hàng dễ dàng Web cung cấp thông tin cạnh tranh giá hiệu TMĐT đẩy mạnh tốc độ tính xác để doang nghiệp trao đổi thơng tin giảm chi phí cho hai bên giao dịch  TMĐT cho người kinh doanh nhiều lựa chọn thương mại truyền thống họ đồng thời biết nhiều loại hàng hóa loại dịch vụ từ nhiều người bán khác ln sẵn sàng hàng ngày, hàng Có khách hàng muốn sử dụng lượng thơng tin lớn định mua bán người khác không cần nhiều  TMĐT cung cấp cho người kinh doanh cách dễ dàng để tuỳ chỉnh cấp độ thơng tin mua bán Thay phải đợi nhiều ngày để gửi thư từ, mang theo mẫu trang mơ hàng hóa chí nhanh nhờ vào giao dịch qua fax, người kinh doanh truy cập vào thông tin chi tiết Web Với số hàng hóa phần Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang mềm, audio clip, hình ảnh chí chuyển qua Internet, giảm thời gian mà người kinh doanh phải chờ để bắt đầu việc mua hàng  Lợi nhuận TMĐT tăng thêm phúc lợi xã hội Thanh toán điện tử việc trả thuế, lương hưu, phúc lợi xã hội chi phí thấp, an tồn nhanh chóng giao dịch qua Internet Hơn tốn điện tử kiểm toán điều hành dễ dàng tốn séc chống thất gian lận  TMĐT đáp ứng dịch vụ hàng hóa tới nơi xa xơi - Website thương mại điện tử gì? Website thương mại điện tử web site động với tính mở rộng cao cấp cho phép giao dịch qua mạng như: giỏ hàng, đặt hàng, toán qua mạng, quản lý khách hàng, quản lý đơn đặt hàng CÁC CÔNG NGHỆ - KỸ THUẬT LẬP TRÌNH WEBSITE 2.1 Tìm hiểu HTML5 2.1.1 Khái niệm HTML5 ngơn ngữ cấu trúc trình bày nội dung cho World Wide Web công nghệ cốt lõi Internet tương lai không xa, đề xuất Opera Software Đây phiên thứ ngôn ngữ HTML phát triển World Wide Web Consortium WHATWG Mục tiêu cốt lõi thiết kế ngôn ngữ cải thiện khả hỗ trợ cho đa phương tiện giữ việc người thiết bị, chương trình máy tính trình duyệt web, trình đọc hình, v.v đọc, hiểu, hay xử lý cách dễ dàng HTML5 giữ lại đặc điểm HTML4 bổ sung thêm đặc tả trội XHTML, DOM, đặc biệt JavaScript 2.1.2 - Ưu điểm HTML5 làm giảm tầm quan trọng plug-ins HTML5 hỗ trợ đồ họa tương tác HTML5 cho phép ứng dụng kết nối tới khu vực lưu trữ file Xây dựng Website bán laptop (GoodLaptop) - GVHD: Nguyễn Thị Phương Trang HTML5 đơn giản hóa chia nhỏ liệu với cyborg data HTML5 giúp hợp địa HTML5 làm video Web đẹp HTML5 tạo wiget chat HTML5 tăng khả bảo mật HTML5 đơn giản hóa việc phát triển web 2.1.3 Nhược điểm - Chưa chạy tốt trình duyệt web (Phiên IE 8.0 trở xuống khơng hỗ trợ HTML5) - Người dùng chưa thấy nhều tính HTML5 mang lại - Nếu khơng có hỗ trợ JavaScript hay Css3 HTML5 khơng hồn tồn thể hết khả mình, chí khơng smooth Flash hay Silverlight 2.2 Tìm hiểu CSS3 2.2.1 Khái niệm CSS3 chưa thức sử dụng rộng rãi mà làm đáng mong đợi Về mặt ngun lý đời CSS3 phần lấn sân Javascript Bởi người ta nói HTML dùng để thể nội dung, CSS dùng để trình bày cấu trúc Javascript tương tác với người dùng Nhưng tính CSS3 transition animation phần làm thay đổi nguyên lý Hiện sử dụng Javscript người lập trình phải tính đến điều kiện trình duyệt người dùng khơng bật Javascript Nhưng tương lai (hy vọng không xa) tạo hiệu ứng động đơn giản mà không cần hỗ trợ Javascript tiện Trong tơi bạn khám phá vài nhiều cách sử dụng transition khác CSS3 2.2.2 Ưu điểm - Có thể áp dụng giá trị thuộc tính transform rotate,scale,skew để tạo hiệu ứng mà phương thức animate jQuery không làm Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang - Hiệu ứng css3 nên diễn mượt Ta sử dụng css3transition để tạo nhiều hiệu ứng diễn liên tiếp - Giảm mã script, giúp tránh lỗi trang 2.2.3 Nhược điểm - Chưa chạy tốt trình duyệt web 2.3 Tìm hiểu MVC 2.3.1 Khái niệm: Mơ hình MVC (Model – View - Controller) kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm, giúp cho developer tách ứng dụng họ thành khác Model, View Controller Mỗi thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác 2.3.2 Ưu điểm Thể tính chun nghiệp lập trình, phân tích thiết kế chia thành thành phần độc lập nên giúp phát triển ứng dụng nhanh, đơn giản, dễ nâng cấp, bảo trì… 2.3.3 Nhược điểm Đối với dự án nhỏ việc áp dụng mơ hình MVC gây cồng kềnh, tốn thời gian trình phát triển, Tốn thời gian trung chuyển liệu thành phần 2.4 Tìm hiểu ASP.NET MVC5 Asp.Net MVC : Phiên phát hành vào tháng 10 năm 2013 tảng Net Framework 4.5 Net Framework 4.5.1 phiên Visual Studio 2013 Các đặc điểm phiên sau : Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang • Với MVC5 cải tiến so với ASP.NET MVC4, Bootstrap thay mẫu MVC mặc định; • Chứng thực người dùng Authentication Filter tuỳ chỉnh chứng thực từ hãng thứ cung cấp; • Với Filter overrides, Filter override Method Controller; • Thuộc tính Routing tích hợp vào MVC5; 2.5 Tìm hiểu jQuery 2.5.1 Khái niệm  jQuery Javascript Framework, tạo tương tác web cách nhanh  jQuery khởi xướng John Resig (hiện trưởng dự án Mozzila) vào năm 2006 jQuery có mã nguồn mở hồn tồn miễn phí, có cộng đồng sử dụng đông đảo nhiều lập trình tham gia hồn thiện, phát triển viết Plugin 2.5.2 Ưu điểm Hỗ trợ tốt việc xử lý Dom, Ajax… Tương thích nhiều trình duyệt web phổ biến Nhỏ gọn, dễ dùng Ít xung khắc với thư viện Javascript khác Plugin phong phú 2.5.3 Nhược điểm  Máy client yếu,chậm xài js nhiều  Không tốt cho SEO  Nếu check security khơng tốt bị hack cách access thẳng đến file php xử lý 10 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Giỏ hàng: Chức năng: - Khi khách hàng chọn mua sản phẩm, sản phẩm chuyển đến trang giỏ hàng - Trang giỏ hàng liệt kê thông tin sản phẩm mà khách hàng chọn mua - Khách hàng tiếp tục mua hàng hay click toán để đặt mua hàng 35 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Thanh toán: Chức năng: Khách hàng cung cấp thông tin giao hàng để công ty liên hệ giao hàng 36 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang 37 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Chat hỗ trợ:  Đánh giá sản phẩm:  Gợi ý sản phẩm: 38 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Thanh toàn Paypal : khách hàng chọn chức tốn Paypal  Giao dịch PAYPAL: 39 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Comment: 40 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang Các trang Admin  Trang chủ Admin (hiển thị danh sách laptop) - Admin xem mặt hàng Laptop mà website bán 41 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Chi tiết mặt hàng Admin - Xem chi tiết sản phẩm tải lên trang bán hàng 42 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Trang edit sản phẩm Admin -Ở Admin sửa thơng số ram,CPU,màn hình sản phẩm 43 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Trang xóa sản phẩm - Khi khơng sản phẩm hay sản phẩm ngừng bán Admin xóa sản phẩm khỏi website để khách hàng không click vào  Trang thêm sản phẩm - Admin thêm sản phẩm vào trang chủ để khách hàng lựa chọn mua sản phẩm Khi thên sản phẩm kèm theo thêm thơng số CPU,ram,màn hình… 44 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Trang Quản lí đơn đặt hàng - Khi khách hàng đặt hàng xong thơng tin khách hàng để lại lưu vào trang quản lý đơn hàng 45 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Trang Quản tài khoản người dùng: - Khách hàng đăng kí tài khoảng xong tài khoảng password khách hàng Admin lưu lại để quản lý tài khoảng hỗ trợ cho khách hàng quên password,hay bất ngờ thay đổi địa giao hàng 46 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Trang quản lý gmailchimp Admin: - Quản lý gmailchip gửi mail cho khách hàng  Trang hỗ trợ chat trực tuyến Admin: - Khi khách hàng có thắc mắc sản phẩm hay vá trình tốn sử lý website chát nhanh với nhân viên hỗ trợ để tư vấn nhanh 47 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang Tổng kết Những việc làm được: • • • • • Xây dựng trang chủ web site, trang sản phẩm theo nhả sản xuất Chỉnh sửa giao diện trang web Xây dựng trang đặt hàng, giỏ hàng, đăng ký đăng nhập Xây dựng tìm kiếm sản phẩm Xây dựng phần quản trị Admin bao gồm chức năng: Hiển thị danh sách sản phẩm,tạo thêm sản phẩm, xóa sản phẩm, xem chi tiết sản phẩm, quản lí đơn hàng,quản lý khách hàng • Nhúng API,GOOOGLE MAP,COMMENT Share ,G+ Những việc chưa làm được: • • Chưa kiểm tra ràng buộc xác nhận đơn hàng Chưa có chức đăng nhập qua fabook google 48 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang TÀI LIỆU THAM KHẢO Dương thành phết : “Giáo trình lập trình web” Lưu hành nội - 2010 Lê Thị Minh Nguyện : “Giáo trình mơn sở liệu” Lưu hành nội - 2010 Nguyễn Đăng Tỵ : “Giáo trình mơn phân tích thiết kế hệ thống thông tin” Lưu hành nội - 2010 Các website mẫu bán điện thoại như: - http://www.thegioididong.com/ - http://fptshop.com.vn/ - http://dungbmt1993.ecompany.com.vn/ - http://www.dienmay.com/ - http://www.nguyenkim.com/ - http://www.mainguyen.vn/ - http://shopdunk.vn/ Các nguồn tham khảo code: - http://stackoverflow.com/ - http://www.codeproject.com/ - http://forums.asp.net/ 49 ... 22 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang Sản phẩm theo Acer 23 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang 24 Xây dựng Website bán laptop. .. (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Sản phẩm theo Asus 25 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Sản phẩm theo Dell 26 Xây dựng Website bán laptop (GoodLaptop). .. laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang 27 Xây dựng Website bán laptop (GoodLaptop) GVHD: Nguyễn Thị Phương Trang  Sản phẩm theo HP 28 Xây dựng Website bán laptop (GoodLaptop) GVHD: