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
Trang 1LỜI MỞ ĐẦU
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!
Trang 2MỤC LỤC
DANH MỤC BẢNG VẼ
Trang 3DANH MỤC HÌNH VẼ
Trang 4PHẦN I: NỘI DUNG ĐỀ TÀI
1.1 Chức năng tổng quát của đề tài
- Chức năng tìm kiếm thông tin sản phẩm
Bảng 1.1: Chức năng tìm kiếm thông tin sản phẩm
Mô tả Chức năng tìm kiếm sản phẩm theo từ khóa được
nhập vào
Đầu vào Tên sản phẩm
Quá trình xử lý Kiểm tra sự tương thích của tên, giá sản phẩm được
nhập vào
Kết nối đến cơ sở dữ liệu
Tìm kiếm thông tin theo tên
Đầu ra Hiển thị sản phẩm hoặc thông báo không tìm thấy
- Chức năng đăng ký thành viên
Bảng 1.2: Chức năng đă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 đủ các thông
tin:
+ Username + Password + Điền lại mật khẩu + Email
+ Họ và tên + Giới tính + Ngày sinh + Số CMND + Địa chỉ Quá trình xử lý Kiểm tra đúng tính hợp lệ của form
Trang 5từ form đăng ký có hợp lệ trong cơ sở dữ liệu (CƠ
Sở Dữ LIệU) không?
Lưu thông tin khách hàng vào trong cơ sở dữ liệu nếu đăng ký thành công
Đầu ra Thông báo về việc đăng ký đã thành công hay chưa
- Chức năng đăng nhập
Bảng 1.3: Chức năng đăng nhập
Mô tả Đăng nhập khi đã có tài khoản
Đầu vào Thông tin đăng nhập
+ Tên đăng nhập + Mật khẩu Quá trình xử lý Kết nối cơ sở dữ liệu so sánh thông tin đăng nhập có
đúng không?
Đầu ra Thông báo kết quả đăng nhập
- Chức năng hiển thị danh mục sản phẩm
Bảng 1.4: Chức năng hiển thị danh mục sản phẩm
Mô tả Hiển thị sản phẩm theo từng 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 cả các sản phẩm có trong cơ sở dữ liệu theo
danh mục
Đầu ra Hiện thị danh sách sản phẩm
- Chức năng chi tiết sản phẩm
Bảng 1.5: Chức năng 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 cơ sở dữ liệu để lấy thông tin chi tiết
sản phẩm
Đầu ra Hiện thị thông tin chi tiết sản phẩm
- Chức năng thống kê số người đang online và tổng lượt truy cập
Bảng 1.6: Chức năng thống kê truy cập
Mô tả Hiển thị số người đang online và 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 và tổng số lượt truy cập
Trang 6Đầu ra Hiển thị số người đang oline và tổng số lượt truy cập
Website
- Chức năng quản lý sản phẩm ( thêm, xóa)
+ Thêm mới
Bảng 1.7: Chức năng thêm sản phẩm
+ Tên sản phẩm + CPU, mainboard, ram, HDD, màn 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 dữ liệu form có đúng không?
Đầu ra Lưu thông tin vào cơ sở dữ liệu
+ Xóa loại sản phẩm
Bảng 1.8: Chức năng xóa sản phẩm
Mô tả Dùng để xóa thông tin một 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 cơ sở dữ liệu cho phép xóa dữ liệu Đầu ra Xuất ra thông tin còn lại sau khi xóa
- Chức năng quản lý người dùng
Bảng 1.9 : Chức năng quản lý người dùng
Mô tả Dùng để xóa thông tin của một thành viên
Đầu vào Chọn user cần xóa
Quá trình xử lý Kết nối đến cơ sở dữ liệu cho phép xóa
Đầu ra Xuất ra thông tin còn lại sau khi xóa
- Chức năng phân trang
1.2 Mô tả cơ sở dữ liệu
Các thông tin Website được lưu vào cơ sở dữ liệu Access :Sanpham.mdb
Trang 7Trong cơ sở dữ liệu sanpham.mdb có 4 bảng : sanpham, thành viên, songuoitruycap, admin
- Bảng Sản Phẩm
Bảng Sản phẩm gồm các 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 các 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 và pass
Trang 8Hình 4: Bảng số người truy cập
1.3 Mô tả tổng quát cây folder
Hình 4: Mô hình cây folder
- Folder App_Data: có chức năng chứa file dữ liệu Acess dulieu.mdb
Hình 5: Mô tả folder App_Data
- Folder dữ liệu ảnh: có chức năng chứa hình ảnh làm giao diện trang web
Hình 6: Mô hình của folder dữ liệu ảnh
Trang 9- Folder hinhsanpham: có chức năng chứa hình sản phẩm laptop của đề tài
Hình 7: Mô hình cây folder chứa hình sản phẩm
1.4 Chức năng của trang website
Website bao gồm các 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 là trang được thiết kế để làm nền móng cho tất cả các trang còn lại, khi tạo các trang khác thiết kế thì các trang này sẽ kế thừa trang master Trang này trình bày các phần: banner-top, banner-bottom, thanh 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
Trang 10Hình 8: Hình trang Master
- Trang chủ
Đây là trang mặc định ban đầu khi khách hàng truy cập vào Website của Công ty TNHH HNT là trang trangchu.aspx (Trang chủ).Trang này trình bày các dòng sản phẩm cao cấp và bình dân để khách hàng thuận tiện trong việc lựa chọn sản phẩm cho mình Khi muốn xem thông tin sản phẩm của một hãng nào đó nào đó, khách hàng click chuột vào các hãng ở menu Hãng Sản Xuất được trình bày ở bên trái của website Website này còn có chức năng thống kê hiển thị số lượng người đã và đang truy cập vào Website Số lượng thống kê này phản ánh hiệu quả hoạt động của Website Tại đây người quản trị sau khi nhập User và Pass vào module đăng nhập và đăng
nhập thành công thì sẽ xuất hiện dòng thông báo “Chào bạn “tên User” ” bên dưới và
trên thanh menu ngang xuất hiện module nhập sản phẩm và người quản trị cáo thể vào
đó để nhập, xóa các sản phẩm
Trang 11Hình 9 :Mô tả trang chủ
- Trang đăng kí
Đây là trang đăng kí giúp khách hàng tạo cho mình một tài khoản một cách nhanh chóng Đồng thời giúp người quản lí nắm được thông tin khách hàng để phục vụ một cách có hiệu quả Tại đây khách hàng nhập đầy đủ các thông tin: Username, password, nhập lại pass, email, họ và tên, giới tính, ngày sinh, số CMND, địa chỉ Nếu
để trống các ô thông tin thì hệ thống sẽ lập tức được thông báo “không được rỗng” để
người quản trị nhập thông tin vào Sau khi nhập đầy đủ các thông tin, hệ thống sẽ tiến hành kiểm tra các thông tin nhập vào có đúng kiểu dữ liệu trong cơ sở dữ liệu không
nếu thành công thì sẽ hiện lên thông báo “Chúc mừng! Bạn “tên user” đã đăng kí
thành công”.
Trang 12Hình 10: Mô tả trang đăng kí
- Trang Quản Lý
Đây là trang dành riêng cho người quản trị cập nhật những dòng sản phẩm mới, xem thông tin sản phẩm có trong cơ sở dữ liệu, và xem được thông tin của những thành viên đã đăng kí
Tại đây người quản trị phải nhập tất cả các thông tin về sản phẩm được hiển thị trên form: mã sản phẩm, tên sản phẩm, CPU, mainboard, ram, HDD, màn 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 các ô thông tin thì hệ thống sẽ lập tức được thông báo
“không được rỗng” để người quản trị nhập thông tin vào Sau khi nhập đầy đủ thông
tin thì nhấn nút Save, hệ thống sẽ tiến hành kiểm tra các thông tin nhập vào có đúng
kiểu dữ liệu trong cơ sở dữ liệu không nếu thành công thì sẽ hiện 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 của sản phẩm thì nhấn vào link “xem thông tin sản phẩm”, xem thông tin của thành viên thì nhấn vào link “quản lý người dùng”
Trang 13Hình 11:Mô tả trang đăng nhập sản phẩm
- Trang danh mục sản phẩm
Đây là trang liệt kê tóm tắt các thông tin của các dòng sản phẩm như về tên sản phẩm, giá, CPU và mainboard của từng hãng Khi muốn xem sản phẩm của từng hãng thì chọn hãng ở module hãng sản xuất và khi click vào tên sản phẩm thì sẽ xuất hiện thông tin chi tiết của sản phẩm
Hình 12: Mô tả trang danh mục sản phẩm
Trang 14- Trang giới thiệu
Đây là trang giới thiệu về sự thành lập và phát triển của công ty để khách hàng hiểu hơn và tăng sự tin cậy của 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à văn hóa của mình
Hình 13: Mô tả trang giới thiệu
- Trang thông tin chi tiết
Đây là trang hiển thị thông tin chi tiết từng sản phẩm, nhằm giúp cho khách hàng tăng sự lựa chọn và hiểu rõ hơn về sản phẩm để thỏa mãn nhu cầu của khách hàng
Hình 14: Mô tả thông tin chi tiết sản phẩm
Trang 15- Trang Thanh Toán
Đây là trang hướng dẫn khách hàng cách thanh toán khi mua sản phẩm trên website
Hình 15: Mô tả trang thanh toán
- Trang Tìm Kiếm
Đây là trang tìm kiếm theo từ khóa, giúp cho khách hàng được thuận tiện trong việc tìm kiếm thông tin sản phẩm thông qua việc tự mình nhập vào các từ khóa của nội dung cần tìm
Hình 16: Mô tả trang tìm kiếm
Trang 16- Trang Dịch Vụ
Trang này giới thiệu các dịch vụ như khuyến mãi, dịch vụ bảo trì bảo hành sản phẩm của công ty nhằm giúp cho khách hàng yên tâm hơn khi mua sản phẩm tại website
Hình 17: Mô tả trang dịch vụ
- Trang Thông Tin Sản Phẩm
Đây là trang hiển thị tất cả thông tin của các sản phẩm có trong cơ sở dữ liệu và tại đây khi người quản trị muốn xóa sản phẩm nào thì ckick và nút Delete ở phía trước sản phẩm đó thì toàn bộ thông tin về sản phẩm đó sẽ bị xóa và bấm vào nút về trang chủ để trở về trang chủ của website
Trang 17- Trang Quản Lý Người Dùng
Đây là trang hiển thị tất cả thông tin của khách hàng đã đăng kí trở thành thành viên của website và tại đây khi người quản trị muốn xóa user nào thì click và nút Delete ở phía trước user đó thì toàn bộ thông tin về user đó sẽ bị xóa và bấm vào nút
về trang chủ để trở về trang chủ của website
Hình 19: Mô tả trang Quản Lý Người Dùng
Trang 18PHẦN II: KẾT LUẬN VÀ KIẾN NGHỊ
2.1 Kết quả đạt được
- WebSite được 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 về sản phẩm, dịch vụ hỗ trợ, thông tin về công ty cho khách hàng
- Xây dựng các chức năng 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 của từng sản phẩm
- Xây dựng chức năng phân quyền cho Admin và thành viên Thành viên của website chỉ được quyền đăng kí, và xem thông tin về sản phẩm Đối với Admim thì 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 có thể tiếp cận với lượng lớn khách hàng (dù đó là khách hàng ở xa), giúp giảm chi phí cho doanh nghiệp
- Cung cấp các chính sách khuyến mãi một cách nhanh nhất đế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 các chức năng hỗ trợ ngôn ngữ, đơn vị tiền tệ
- Xây dựng giao diện đẹp hơn với các 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 năng 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 năng 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ụ thanh toán: có thể áp dụng hình thức thanh toán trực tuyến thông qua các
tổ chức ngân hàng ảo nhằm tạo sự thuận tiện và tiết kiệm được chi phí đi lại của khách hàng
Trang 19TÀ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
[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
Trang 20Ý 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 quả chung: