Hiện nay nhu cầu tiếp cận thông tin và công nghệ tiên tiến phục vụ mục đích học tập, nghiên cứu ngày càng nâng cao và máy tính trở thành cầu nối liên kết mọi người với nhau, trao đổi, tìm kiếm thông tin và tham gia vào thế giới giải trí vui nhộn. Đặc biệt với máy tính xách tay (laptop), với nhiều ưu điểm tiện lợi như nhỏ gọn, dễ di chuyển, và đa chức năng như vừa dùng để học tập, lưu tài liệu, chơi game, nghe nhạc… và đặc biệt sau khi kết nối với mạng Internet bạn có thể gặp gỡ bạn bè mà không cần phải di chuyển, tìm kiếm và thu thập thông tin một cách nhanh chóng và tiện lợi. Và hiện nay người tiêu dùng là không chỉ muốn mua một chiếc máy tính xách tay có đầy đủ các tính năng mà còn đòi hỏi giá thành rẻ, bền, mẫu mã đẹp và thể hiện sự đằng cấp của mình. Xuất phát từ những nhu cầu đó, nhóm em đã chọn đề tài: “Thiết kế Website giới thiệu sản phẩm Laptop” . Nhóm đã phân tích và xây dựng website bằng công cụ Visual Studio 2005 với công nghệ ASP.NET và kết hợp sử dụng ngôn ngữ C. Website giới thiệu sản phẩm laptop của các hãng nổi tiếng như: HP, DEL, SONY,…. với nhiều mẫu mã đa dạng và phong phú. Tại đây, khách hàng sẽ dễ dàng xem được thông tin của sản phẩm, và bằng công cụ tìm kiếm khách hàng có thể tìm thấy sản phẩm mà mình cần, giúp tiết kiệm thời gian một cách hiệu quả. Đề tài được thực hiện bởi nhóm sinh viên: Đinh Vũ Quang Huy Huỳnh Thị Nga Vương Thị Thu Thảo Đề tài sẽ là một ví dụ minh họa thu nhỏ về “Ứng dụng Thương mại điện tử” nói chung và “mua bán hàng qua mạng” nói riêng, giúp doanh nghiệp có một cái tổng quan về Thương mại điện tử cũng như lợi ích mà Website Thương mại điện tử mang lại. Thông qua Website, doanh nghiệp có được một kênh bán hàng mới vượt giới hạn về không gian và thời gian. Tối ưu chi phí, nâng cao năng lực cạnh tranh cho các doanh nghiệp trong thời kỳ hội nhập. Do kiến thức thực tế và hiểu biết còn hạn chế, nhóm mong sự góp ý của thầy cô và các bạn để nhóm có thể có cách nhìn sâu sắc hơn, thực tế hơn giúp cho nhóm tiếp nhận kiến thức của chuyên nghành mình thuận lợi và áp dụng tốt công việc sau này. Nhóm xin chân thành cảm ơn đến giảng viên Phạm Nguyễn Minh Nhựt đã trực tiếp hướng dẫn nhóm hoàn thành đồ án này. Xin trân trọng cảm ơn
VIETHANIT ĐỒ ÁN MÔN HỌC LỜI MỞ ĐẦU Hiện nhu cầu tiếp cận thông tin công nghệ tiên tiến phục vụ mục đích học tập, nghiên cứu ngày nâng cao máy tính trở thành cầu nối liên kết người với nhau, trao đổi, tìm kiếm thông tin tham gia vào giới giải trí vui nhộn Đặc biệt với máy tính xách tay (laptop), với nhiều ưu điểm tiện lợi nhỏ gọn, dễ di chuyển, đa chức vừa dùng để học tập, lưu tài liệu, chơi game, nghe nhạc… đặc biệt sau kết nối với mạng Internet bạn gặp gỡ bạn bè mà không cần phải di chuyển, tìm kiếm thu thập thông tin cách nhanh chóng tiện lợi Và người tiêu dùng không muốn mua máy tính xách tay có đầy đủ tính mà đòi hỏi giá thành rẻ, bền, mẫu mã đẹp thể đằng cấp Xuất phát từ nhu cầu đó, nhóm em chọn đề tài: “Thiết kế Website giới thiệu sản phẩm Laptop” Nhóm phân tích xây dựng website công cụ Visual Studio 2005 với công nghệ ASP.NET kết hợp sử dụng ngôn ngữ C# Website giới thiệu sản phẩm laptop hãng tiếng như: HP, DEL, SONY,… với nhiều mẫu mã đa dạng phong phú Tại đây, khách hàng dễ dàng xem thông tin sản phẩm, công cụ tìm kiếm khách hàng tìm thấy sản phẩm mà cần, giúp tiết kiệm thời gian cách hiệu Đề tài thực nhóm sinh viên: - Đinh Vũ Quang Huy - Huỳnh Thị Nga - Vương Thị Thu Thảo Đề tài ví dụ minh họa thu nhỏ “Ứng dụng Thương mại điện tử” nói chung “mua bán hàng qua mạng” nói riêng, giúp doanh nghiệp có tổng quan Thương mại điện tử lợi ích mà Website Thương mại điện tử mang lại Thông qua Website, doanh nghiệp có kênh bán hàng vượt giới hạn không gian thời gian Tối ưu chi phí, nâng cao lực cạnh tranh cho doanh nghiệp thời kỳ hội nhập Do kiến thức thực tế hiểu biết hạn chế, nhóm mong góp ý thầy cô bạn để nhóm có cách nhìn sâu sắc hơn, thực tế giúp cho nhóm tiếp nhận kiến thức chuyên nghành thuận lợi áp dụng tốt công việc sau Nhóm xin chân thành cảm ơn đến giảng viên Phạm Nguyễn Minh Nhựt trực tiếp hướng dẫn nhóm hoàn thành đồ án Xin trân trọng cảm ơn! NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC MỤC LỤC DANH MỤC BẢNG VẼ NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC DANH MỤC HÌNH VẼ NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC PHẦN I: NỘI DUNG ĐỀ TÀI 1.1 Chức tổng quát đề tài - Chức tìm kiếm thông tin sản phẩm Bảng 1.1: Chức tìm kiếm thông tin sản phẩm Mô tả Chức tìm kiếm sản phẩm theo từ khóa nhập vào Đầu vào Tên sản phẩm Quá trình xử lý Kiểm tra tương thích tên, giá sản phẩm nhập vào Kết nối đến sở liệu Tìm kiếm thông tin theo tên Đầu Hiển thị sản phẩm thông báo không tìm thấy - Chức đăng ký thành viên Bảng 1.2: Chức đăng ký thành viên Mô tả Cho phép đăng ký thành viên Đầu vào Khi đăng ký, khách hàng phải điền đầy đủ thông tin: + Username + Password + Điền lại mật + Email + Họ tên + Giới tính + Ngày sinh + Số CMND + Địa Quá trình xử lý Kiểm tra tính hợp lệ form Kết nối sở liệu, kiểm tra khách hàng vừa nhập NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC từ form đăng ký có hợp lệ sở liệu (CƠ Sở Dữ LIệU) không? Lưu thông tin khách hàng vào sở liệu đăng ký thành công Đầu Thông báo việc đăng ký thành công hay chưa - Chức đăng nhập Bảng 1.3: Chức đăng nhập Mô tả Đăng nhập có tài khoản Đầu vào Thông tin đăng nhập + Tên đăng nhập + Mật Quá trình xử lý Kết nối sở liệu so sánh thông tin đăng nhập có không? Đầu Thông báo kết đăng nhập - Chức hiển thị danh mục sản phẩm Bảng 1.4: Chức hiển thị danh mục sản phẩm Mô tả Hiển thị sản phẩm theo danh mục sản phẩm Đầu vào Đường link danh mục sản phẩm Quá trình xử lý Lấy tất sản phẩm có sở liệu theo danh mục Đầu Hiện thị danh sách sản phẩm - Chức chi tiết sản phẩm Bảng 1.5: Chức chi tiết sản phẩm Mô tả Hiển thị chi tiết sản phẩm Đầu vào Đường link tên sản phẩm Quá trình xử lý Truy xuất vào sở liệu để lấy thông tin chi tiết sản phẩm Đầu Hiện thị thông tin chi tiết sản phẩm - Chức thống kê số người online tổng lượt truy cập Bảng 1.6: Chức thống kê truy cập Mô tả Hiển thị số người online tổng lượt truy cập vào Website Đầu vào Người dùng truy cập vào Website Quá trình xử lý Đếm số người oline tổng số lượt truy cập NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC Đầu Hiển thị số người oline tổng số lượt truy cập Website - Chức quản lý sản phẩm ( thêm, xóa) + Thêm Bảng 1.7: Chức thêm sản phẩm Mô tả Thêm sản phẩm Đầu vào + Mã sản phẩm + Tên sản phẩm + CPU, mainboard, ram, HDD, hình, camera, wireless, blutooth, hệ điều hành, trọng lượng, ngày đăng, pin, đơn giá, hình ảnh, mã danh mục Quá trình xử lý Kiểm tra liệu form có không? Đầu Lưu thông tin vào sở liệu + Xóa loại sản phẩm Bảng 1.8: Chức xóa sản phẩm Mô tả Dùng để xóa thông tin sản phẩm Đầu vào Chọn sản phẩm cần xóa Quá trình xử lý Kết nối đến sở liệu cho phép xóa liệu Đầu Xuất thông tin lại sau xóa - Chức quản lý người dùng Bảng 1.9 : Chức quản lý người dùng Mô tả Dùng để xóa thông tin thành viên Đầu vào Chọn user cần xóa Quá trình xử lý Kết nối đến sở liệu cho phép xóa Đầu Xuất thông tin lại sau xóa - Chức phân trang 1.2 Mô tả sở liệu Các thông tin Website lưu vào sở liệu Access :Sanpham.mdb NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC Trong sở liệu sanpham.mdb có bảng : sanpham, thành viên, songuoitruycap, admin - Bảng Sản Phẩm Bảng Sản phẩm gồm trường: masp, madm, tensp, cpu, main, hdd, ram, mh, camera, bltooth, wl, hdh, trongluong, ngaydang, pin, hinhanh, dongia Hình 1: Bảng sản phẩm - Bảng Thành Viên Bảng thành viên gồm trường: user, pass, email, hoten, gioitinh, ngaysinh, cmnd, diachi Hình 2: Bảng thành viên - Bảng Sản Phẩm Bảng số người truy cập gồm có trường: songuoitruycap Hình 3: Bảng số người truy cập - Bảng admin Bảng admin gồm có trường: user pass NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC Hình 4: Bảng số người truy cập 1.3 Mô tả tổng quát folder Hình 4: Mô hình folder - Folder App_Data: có chức chứa file liệu Acess dulieu.mdb Hình 5: Mô tả folder App_Data - Folder liệu ảnh: có chức chứa hình ảnh làm giao diện trang web Hình 6: Mô hình folder liệu ảnh NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC - Folder hinhsanpham: có chức chứa hình sản phẩm laptop đề tài Hình 7: Mô hình folder chứa hình sản phẩm 1.4 Chức trang website Website bao gồm trang: Trang chủ, Master, Đăng kí, Đăng nhập sản phẩm, Danh mục, Giới thiệu, Sản phẩm, Thanh toán, Tìm kiếm, Dịch vụ - Trang Master Đây trang thiết kế để làm móng cho tất trang lại, tạo trang khác thiết kế trang kế thừa trang master Trang trình bày phần: banner-top, banner-bottom, menu ngang, danh mục hãng sản xuất, liên hệ, lượt truy cập, đăng nhập, baner quảng cáo NHÓM TH: Trang VIETHANIT ĐỒ ÁN MÔN HỌC Hình 8: Hình trang Master - Trang chủ Đây trang mặc định ban đầu khách hàng truy cập vào Website Công ty TNHH HNT trang trangchu.aspx (Trang chủ).Trang trình bày dòng sản phẩm cao cấp bình dân để khách hàng thuận tiện việc lựa chọn sản phẩm cho Khi muốn xem thông tin sản phẩm hãng nào đó, khách hàng click chuột vào hãng menu Hãng Sản Xuất trình bày bên trái website Website có chức thống kê hiển thị số lượng người truy cập vào Website Số lượng thống kê phản ánh hiệu hoạt động Website Tại người quản trị sau nhập User Pass vào module đăng nhập đăng nhập thành công xuất dòng thông báo “Chào bạn “tên User” ” bên menu ngang xuất module nhập sản phẩm người quản trị cáo thể vào để nhập, xóa sản phẩm NHÓM TH: Trang 10 VIETHANIT ĐỒ ÁN MÔN HỌC Hình :Mô tả trang chủ - Trang đăng kí Đây trang đăng kí giúp khách hàng tạo cho tài khoản cách nhanh chóng Đồng thời giúp người quản lí nắm thông tin khách hàng để phục vụ cách có hiệu Tại khách hàng nhập đầy đủ thông tin: Username, password, nhập lại pass, email, họ tên, giới tính, ngày sinh, số CMND, địa Nếu để trống ô thông tin hệ thống thông báo “không rỗng” để người quản trị nhập thông tin vào Sau nhập đầy đủ thông tin, hệ thống tiến hành kiểm tra thông tin nhập vào có kiểu liệu sở liệu không thành công lên thông báo “Chúc mừng! Bạn “tên user” đăng kí thành công” NHÓM TH: Trang 11 VIETHANIT ĐỒ ÁN MÔN HỌC Hình 10: Mô tả trang đăng kí - Trang Quản Lý Đây trang dành riêng cho người quản trị cập nhật dòng sản phẩm mới, xem thông tin sản phẩm có sở liệu, xem thông tin thành viên đăng kí Tại người quản trị phải nhập tất thông tin sản phẩm hiển thị form: mã sản phẩm, tên sản phẩm, CPU, mainboard, ram, HDD, hình, camera, wireless, blutooth, hệ điều hành, trọng lượng, ngày đăng, pin, đơn giá, hình ảnh, mã danh mục Nếu để trống ô thông tin hệ thống thông báo “không rỗng” để người quản trị nhập thông tin vào Sau nhập đầy đủ thông tin nhấn nút Save, hệ thống tiến hành kiểm tra thông tin nhập vào có kiểu liệu sở liệu không thành công lên thông báo “Nhập sản phẩm thành công” Người quản trị xem thông tin sản phẩm nhấn vào link “xem thông tin sản phẩm”, xem thông tin thành viên nhấn vào link “quản lý người dùng” NHÓM TH: Trang 12 VIETHANIT ĐỒ ÁN MÔN HỌC Hình 11:Mô tả trang đăng nhập sản phẩm - Trang danh mục sản phẩm Đây trang liệt kê tóm tắt thông tin dòng sản phẩm tên sản phẩm, giá, CPU mainboard hãng Khi muốn xem sản phẩm hãng chọn hãng module hãng sản xuất click vào tên sản phẩm xuất thông tin chi tiết sản phẩm Hình 12: Mô tả trang danh mục sản phẩm NHÓM TH: Trang 13 VIETHANIT ĐỒ ÁN MÔN HỌC - Trang giới thiệu Đây trang giới thiệu thành lập phát triển công ty để khách hàng hiểu tăng tin cậy khách hàng với công ty, qua nhằm quảng bá hình ảnh, phương hướng hoạt động văn hóa Hình 13: Mô tả trang giới thiệu - Trang thông tin chi tiết Đây trang hiển thị thông tin chi tiết sản phẩm, nhằm giúp cho khách hàng tăng lựa chọn hiểu rõ sản phẩm để thỏa mãn nhu cầu khách hàng Hình 14: Mô tả thông tin chi tiết sản phẩm NHÓM TH: Trang 14 VIETHANIT ĐỒ ÁN MÔN HỌC - Trang Thanh Toán Đây trang hướng dẫn khách hàng cách toán mua sản phẩm website Hình 15: Mô tả trang toán - Trang Tìm Kiếm Đây trang tìm kiếm theo từ khóa, giúp cho khách hàng thuận tiện việc tìm kiếm thông tin sản phẩm thông qua việc tự nhập vào từ khóa nội dung cần tìm Hình 16: Mô tả trang tìm kiếm NHÓM TH: Trang 15 VIETHANIT ĐỒ ÁN MÔN HỌC - Trang Dịch Vụ Trang giới thiệu dịch vụ khuyến mãi, dịch vụ bảo trì bảo hành sản phẩm công ty nhằm giúp cho khách hàng yên tâm mua sản phẩm website Hình 17: Mô tả trang dịch vụ - Trang Thông Tin Sản Phẩm Đây trang hiển thị tất thông tin sản phẩm có sở liệu người quản trị muốn xóa sản phẩm ckick nút Delete phía trước sản phẩm toàn thông tin sản phẩm bị xóa bấm vào nút trang chủ để trở trang chủ website Hình 18: Mô tả trang thông tin sản phẩm NHÓM TH: Trang 16 VIETHANIT ĐỒ ÁN MÔN HỌC - Trang Quản Lý Người Dùng Đây trang hiển thị tất thông tin khách hàng đăng kí trở thành thành viên website người quản trị muốn xóa user click nút Delete phía trước user toàn thông tin user bị xóa bấm vào nút trang chủ để trở trang chủ website Hình 19: Mô tả trang Quản Lý Người Dùng NHÓM TH: Trang 17 VIETHANIT ĐỒ ÁN MÔN HỌC PHẦN II: KẾT LUẬN VÀ KIẾN NGHỊ 2.1 Kết đạt - WebSite thiết kế với giao diện đẹp, bố cục hợp lý, tiện lợi cho khách hàng, cung cấp đầy đủ thông tin sản phẩm, dịch vụ hỗ trợ, thông tin công ty cho khách hàng - Xây dựng chức phân loại danh mục sản phẩm, tìm kiếm sản phẩm, xem thông tin chi tiết sản phẩm - Xây dựng chức phân quyền cho Admin thành viên Thành viên website quyền đăng kí, xem thông tin sản phẩm Đối với Admim có thêm quyền quản lý sản phẩm: cập nhập sản phẩm mới, xóa sản phẩm - Qua Website, doanh nghiệp tiếp cận với lượng lớn khách hàng (dù khách hàng xa), giúp giảm chi phí cho doanh nghiệp - Cung cấp sách khuyến cách nhanh đến khách hàng 2.2 Hướng phát triển - Xây dựng thêm nhiều tiêu chí tìm kiếm - Thêm chức hỗ trợ ngôn ngữ, đơn vị tiền tệ - Xây dựng giao diện đẹp với công cụ điều hướng hợp lý, thân thiện với người sử dụng - Xây dựng chức cho phép khách hàng cập nhật thông tin người dùng - Về phía quản trị: Xây dưng thêm chức chỉnh sửa thông tin sản phẩm, quản lý thông tin khách hàng - Về dịch vụ toán: áp dụng hình thức toán trực tuyến thông qua tổ chức ngân hàng ảo nhằm tạo thuận tiện tiết kiệm chi phí lại khách hàng NHÓM TH: Trang 18 VIETHANIT ĐỒ ÁN MÔN HỌC TÀI LIỆU THAM KHẢO [1] Phạm Nguyễn Minh Nhựt (2010), Giáo trình ASP.NET, Trường Cao đẳng CNTT Hữu nghị Việt - Hàn [2] http://laptopgiare.com [3] Phạm Nguyễn Minh Nhựt (2009), Giáo trình Ngôn ngữ lập trình C#, Trường Cao đẳng CNTT Hữu nghị Việt - Hàn NHÓM TH: Trang 19 VIETHANIT ĐỒ ÁN MÔN HỌC Ý KIẾN ĐÁNH GIÁ CỦA GIẢNG VIÊN Giảng viên chấm thứ nhất: Giảng viên chấm thứ hai: Kết chung: NHÓM TH: Trang 20 ... tin sản phẩm Bảng 1.1: Chức tìm kiếm thông tin sản phẩm Mô tả Chức tìm kiếm sản phẩm theo từ khóa nhập vào Đầu vào Tên sản phẩm Quá trình xử lý Kiểm tra tương thích tên, giá sản phẩm nhập vào... mục sản phẩm Đầu vào Đường link danh mục sản phẩm Quá trình xử lý Lấy tất sản phẩm có sở liệu theo danh mục Đầu Hiện thị danh sách sản phẩm - Chức chi tiết sản phẩm Bảng 1.5: Chức chi tiết sản phẩm. .. trình xử lý Kiểm tra liệu form có không? Đầu Lưu thông tin vào sở liệu + Xóa loại sản phẩm Bảng 1.8: Chức xóa sản phẩm Mô tả Dùng để xóa thông tin sản phẩm Đầu vào Chọn sản phẩm cần xóa Quá trình