ĐỒ ÁN LẬP TRÌNH ASP VÀ FILE ĐÍNH KÈM SẢN PHẨM ĐỒ ÁN

VIETHANIT

ĐỒ ÁN MÔN HỌC

LỜ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!

NHÓM TH: 6

Trang 1


VIETHANIT

ĐỒ ÁN MÔN HỌC

MỤC LỤC

DANH MỤC BẢNG VẼ

NHÓM TH: 6

Trang 2


VIETHANIT

ĐỒ ÁN MÔN HỌC

DANH MỤC HÌNH VẼ

NHÓM TH: 6

Trang 3


VIETHANIT

ĐỒ ÁN MÔN HỌC

PHẦ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.
Kết nối cơ sở dữ liệu, kiểm tra khách hàng vừa nhập

NHÓM TH: 6

Trang 4


VIETHANIT

ĐỒ ÁN MÔN HỌC

từ 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.

NHÓM TH: 6

Trang 5


VIETHANIT

ĐỒ ÁN MÔN HỌC

Đầ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
Mô tả

Thêm mới một sản phẩm.

Đầu vào

+ 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

NHÓM TH: 6

Trang 6


VIETHANIT

ĐỒ ÁN MÔN HỌC

Trong 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
NHÓM TH: 6

Trang 7


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 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
NHÓM TH: 6

Trang 8


VIETHANIT

ĐỒ ÁN MÔN HỌC

- 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.

NHÓM TH: 6

Trang 9

VIETHANIT

ĐỒ ÁN MÔN HỌC

Hì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.

NHÓM TH: 6

Trang 10


VIETHANIT

ĐỒ ÁN MÔN HỌC

Hì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”.

NHÓM TH: 6

Trang 11


VIETHANIT

ĐỒ ÁN MÔN HỌC

Hì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”

NHÓM TH: 6

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 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

NHÓM TH: 6

Trang 13


VIETHANIT

ĐỒ ÁN MÔN HỌC

- 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

NHÓM TH: 6

Trang 14


VIETHANIT

ĐỒ ÁN MÔN HỌC

- 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

NHÓM TH: 6

Trang 15


VIETHANIT

ĐỒ ÁN MÔN HỌC

- 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

Hình 18: Mô tả trang thông tin sản phẩm
NHÓM TH: 6

Trang 16

VIETHANIT

ĐỒ ÁN MÔN HỌC

- 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

NHÓM TH: 6

Trang 17


VIETHANIT

ĐỒ ÁN MÔN HỌC

PHẦ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.

NHÓM TH: 6

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]

[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: 6

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 quả chung:.......................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................

NHÓM TH: 6

Trang 20