TRƯỜNG ĐẠI HỌC TÂN TRÀO
KHOA KHOA HỌC CƠ BẢN
BỘ MÔN TIN HỌC

BÀI TẬP LỚN
Môn học: Công nghệ Web và dịch vụ trực tuyến
Tên: Thiết kế, xây dựng website Quảng bá Nơng sản
Tun Quang.

Nhóm thực hiện

- Quan Thị Chanh
- Đào Thị Hạ
- Lê Tuấn Lực
- Nguyễn Thị Huệ
- Phạm Thị Hồng Hải
- Ma Thị Thương

Giáo viên hướng dẫn Lê Văn Hùng

Tuyên Quang, tháng 08 năm 2022


Your text here

TRƯỜNG ĐẠI HỌC TÂN TRÀO
KHOA KHOA HỌC CƠ BẢN
BỘ MƠN TIN HỌC

BÀI TẬP LỚN
Mơn học: Cơng nghệ Web và dịch vụ trực tuyến

Tên: Thiết kế, xây dựng website Quảng bá Nơng sản
Tun Quang.

Nhóm thực hiện

- Quan Thị Chanh
- Đào Thị Hạ
- Lê Tuấn Lực
- Nguyễn Thị Huệ
- Phạm Thị Hồng Hải
- Ma Thị Thương

Giáo viên hướng dẫn Lê Văn Hùng

Tuyên Quang, tháng 08 năm 2022
2


MỤC LỤC
CÁC KÝ HIỆU VÀ TỪ VIẾT TẮT........................................................................................................4
CHƯƠNG I. MỞ ĐẦU.............................................................................................................................5
1. Tính cấp thiết.....................................................................................................................................5
2. Kiến thức cơ sở về lập trình web.....................................................................................................9
2.1. ASP. NET....................................................................................................................................9
2.2. Net Framework........................................................................................................................10
2.3. HTML........................................................................................................................................11
2.4. CSS.............................................................................................................................................11
2.5. Javascript..................................................................................................................................12
2.6. Ado.net.......................................................................................................................................13
3. Các yêu cầu phi chức năng............................................................................................................14

3.1. Yêu cầu hiệu năng....................................................................................................................14
3.2. Yêu cầu độ tin cậy....................................................................................................................14
3.3. Yêu cầu bảo mật.......................................................................................................................15
3.4. Yêu cầu chất lượng..................................................................................................................15
CHƯƠNG II: THIẾT KẾ CSDL WEBSITE BÁN HÀNG NƠNG SẢN..........................................16
1. Phân tích các chức năng.................................................................................................................16
2. Thiết kế cơ sở dữ liệu......................................................................................................................18
2.1. Mơ hình dữ liệu CDM.............................................................................................................18
2.2. Từ điển dữ liệu.........................................................................................................................19
CHƯƠNG III. THIẾT KẾ WEBSITE.................................................................................................27
1. Thiết kế giao diện............................................................................................................................27
1.1. Giao diện trang quản trị.........................................................................................................27
1.2. Giao diện đăng nhập trang quản trị......................................................................................27
1.3. Giao diện đăng nhập trang người dùng................................................................................28
1.4. Giao diện trang đăng ký tài khoản........................................................................................28
1.5. Giao diện trang chủ.................................................................................................................29
1.6. Giao diện trang quản lý sản phẩm.........................................................................................31
3


1.7. Giao diện trang thêm mới sản phẩm.....................................................................................31
1.8. Giao diện trang cập nhật thông tin sản phẩm......................................................................32
1.9. Giao diện kho hàng..................................................................................................................32
1.10. Giao diện nhập hàng..............................................................................................................33
1.11. Giao diện quản lý đơn hàng..................................................................................................33
1.12. Giao diện chi tiết đơn hàng...................................................................................................33
1.13. Giao diện lịch sử khách hàng...............................................................................................34
1.14. Giao diện giỏ hàng.................................................................................................................34
1.15. Giao diện thanh toán.............................................................................................................34
2. Kết nối cơ sở dữ liệu.......................................................................................................................35

3. Xây dựng các chức năng................................................................................................................35
3.1. Trang chủ..................................................................................................................................35
3.2. Đăng ký.....................................................................................................................................40
3.3. Đăng nhập.................................................................................................................................45
3.4. Thêm sản phẩm vào giỏ hàng.................................................................................................47
3.5. Cập nhật số lượng sản phẩm trong giỏ hàng........................................................................48
3.6. Xóa sản phẩm trong giỏ hàng.................................................................................................48
3.7. Thêm mới sản phẩm................................................................................................................51
3.8. Cập nhật thơng tin sản phẩm.................................................................................................51
3.9. Xóa sản phẩm...........................................................................................................................52
3.10. Thêm mới loại sản phẩm.......................................................................................................52
3.11. Cập nhật thông tin loại sản phẩm........................................................................................53
3.12. Xóa loại sản phẩm..................................................................................................................53
3.13. Xem chi tiết sản phẩm...........................................................................................................54
3.14. Tìm kiếm sản phẩm...............................................................................................................54
CHƯƠNG IV: DEMO WEBSITE........................................................................................................60
1. Trang Demo.....................................................................................................................................60
2. Các trường hợp kiểm thử...............................................................................................................61
2.1. Trường hợp 1: Đăng ký...........................................................................................................61
2.2. Trường hợp 2: Đăng nhập......................................................................................................62
2.3. Trường hợp 3: Xem chi tiết sản phẩm...................................................................................62
2.4. Trường hợp 4: Thêm sản phẩm vào giỏ hàng.......................................................................63
2.5. Trường hợp 5: Cập nhật số lượng sản phẩm trong giỏ hàng.............................................64
2.6. Trường hợp 6: Xóa sản phẩm trong giỏ hàng......................................................................64
2.7. Trường hợp 7: Thêm mới sản phẩm......................................................................................65
2.8. Trường hợp 8: Xóa sản phẩm.................................................................................................65
CHƯƠNG V. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN....................................................................67
1. Kết luận............................................................................................................................................67
2. Hướng phát triển.............................................................................................................................67
4



5


CÁC KÝ HIỆU VÀ TỪ VIẾT TẮT

STT

TỪ VIẾT
TẮT

Ý NGHĨA

6


CHƯƠNG I. MỞ ĐẦU
1. Tính cấp thiết
Hiện nay, do tốc độ phát triển Internet là rất nhanh chóng và mạnh mẽ,
đối thủ cạnh tranh ln tìm cách kiểm sốt phần thị trường đáng kể trên mạng
Internet và nếu họ giành được thị phần đó sớm hơn thì sẽ khó có thể giành lại
nó. Đặc biệt, trong ngành dịch vụ, Internet đóng một vai trị vơ cùng quan
trọng.
Chính mảng thơng tin sẽ tạo ra nhiều lợi nhuận nhất cho các doanh
nghiệp, nhất là vì nó cung cấp một cổng vào ngay lập tức cho khách hàng hay
cho các đối tác tiềm năng. Đối với nhiều doanh nghiệp, Internet chỉ là một
kênh thêm để truyền bá thông tin Trang Web của doanh nghiệp được đưa lên
cũng chỉ là để diễn tả lại cho hấp dẫn nội dung tài liệu giới thiệu về công ty.
Nhưng việc tạo ra một trang Web không chỉ đơn giản là giới thiệu về cơng ty

mà cịn cung cấp một lượng thơng tin thích đáng cho người truy cập. Nhiều
doanh nghiệp muốn thơng báo trên Internet có thể tập hợp lại và tạo ra một
trang Web chung. Chẳng hạn như các doanh nghiệp bán các sản phẩm rất khác
nhau và có mong muốn giới thiệu hàng hố của mình cho một khách hàng tiềm
năng chung. Nếu một doanh nghiệp muốn để cho khách hàng truy cập vào
trang Web của mình nhằm xây dựng một mối quan hệ liên tục, thì doanh
nghiệp phải đảm bảo tính cập nhật đều đặn của các trang này.
Internet cũng có thể đảm bảo việc phân phối cho công chúng những dịch
vụ quan đến những sản phẩm như ôtô, hàng tiêu dùng. Internet không chỉ cho
phép họ xem xét mọi thứ mà còn cung cấp một mạng phân phối giá rẻ để tìm
đối tác; đồng thời thu thập thông tin quan trọng về thị trờng và nguồn nhân lực.
Ngay cả khi một doanh nghiệp đưa ra một sản phẩm hay dịch vụ rất đặc biệt thì
Internet cũng giúp cho họ lơi kéo được khách hàng trên toàn thế giới. Hơn nữa,
giá thành rẻ của việc phân phối hàng hố qua Internet mở ra vơ số thị trường
mới. Internet không hạn chế việc tạo điều kiện bình đẳng cho các doanh nghiệp
sắp thành lập với doanh nghiệp đã thành lập. Một lợi thế khác là Internet cho
7


phép mở rộng những dịch vụ mới có giá trị ngày càng gia tăng. Một số doanh
nghiệp đã đem đến cho khách hàng những nguồn thông tin riêng sau khi nhận
ra được sự cần thiết của biện pháp này. Chẳng hạn như Federal Express, dịch
vụ giao hàng nhanh, đã giúp khách hàng tự theo dõi những kiện hàng của mình
ngay trên đường vận chuyển. Chính nhờ sử dụng hình thức này mà Công ty đã
giảm được giá chào hàng và xây dựng được sự tín nhiệm của khách hàng trên
thị trường cạnh tranh gay gắt.
Giao dịch qua Internet giữa các doanh nghiệp sẽ có nhiều thuận lợi hơn.
Nó cho phép tự động đặt hàng, dễ làm hoá đơn và thanh tốn Các cơ sở trao
đổi dữ liệu trên máy tính cũng giúp thao tác dễ dàng nhờ vào mức độ an tồn
cao. Nhiều cơng ty đang tìm kiếm một biện pháp bảo vệ tốt hơn nên việc gia

tăng sử dụng phương pháp giao dịch qua mạng đang trở thành hiện thực. Để
đảm bảo an tồn, doanh nghiệp khơng chỉ nối chương trình kế tốn vào trang
Internet mà cịn nổi tất cả các mạng xử lý khác về giao dịch
Việc xây dựng và duy trì một website riêng cho doanh nghiệp được coi
là một trong những chiến lược quan trọng hàng đầu của doanh nghiệp, vì chúng
mang lại rất nhiều lợi ích:
Giúp cho việc quảng cáo là đơn giản, dễ dàng, tiện dụng và rộng rãi, phổ
biến một cách nhanh chóng: Việc quảng cáo trên các loại báo, ấn phẩm, đài
tiếng nói hay truyền hình, cần phải có một khoản chi phí lớn. Với khoảng 150
triệu người truy cập internet thường xun, doanh nghiệp sẽ nhanh chóng được
biết đến mà khơng mất nhiều chi phí cho việc đó, khách hàng có thể truy cập
thông tin về doanh nghiệp hoặc tổ chức bất cứ lúc nào và từ bất cứ nơi đâu.
Cơ hội liên kết và hợp tác kinh doanh trên mạng rất lớn. Ở phạm vi quốc tế,
Website của doanh nghiệp là tấm danh thiếp có thể dùng được ở bất cứ nơi đầu trên
thế giới này để diễn đạt việc kinh doanh của doanh nghiệp mình. Một tổ chức từ
thiện có thể huy động rất hiệu quả các nguồn tài trợ thông qua website khi giới
thiệu và cung cấp thông tin về hoạt động của tổ chức mình với tồn thế giới.
8


Các ứng dụng cho web được sử dụng ngày càng phổ biến giúp con người
làm được nhiều việc hơn với website. Ví dụ, một shop thời trang có thể thường
xun cập nhật và quảng bá hình ảnh, giá thành, chất liệu của sản phẩm tới tay
khách hàng ngay khi có sản phẩm mới về. Hay một trang báo mạng có thể cập
nhật ngay tức khắc các thông tin.... Và như vậy khả năng tìm được khách hàng,
đối tác hay nhà cung cấp tốt là vô cùng lớn, không hạn chế phạm vi lãnh thổ,
với chi phí khơng đáng kể.
Website cho phép dễ dàng có thơng tin phản hồi từ phía khách hàng,
giúp nằm bắt xu hướng và nhu cầu của khách hàng một cách nhanh chóng.
Khách hàng có thể điền vào mẫu phản hồi thiết kế đơn giản về ý kiến cho sản

phẩm và dịch vụ mà doanh nghiệp đang kinh doanh. Website cho phép trả lời
ngay lập tức các câu hỏi khách hàn hay thắc mắc.
Việc kinh doanh có thể mở cửa và tiến hành liên tục 24 tiếng một ngày,
và vào tất cả các ngày trong năm. Điều này có nghĩa là khơng phải đóng cửa
vào ngày lễ tết. Chi phí nhân viên thấp. Khi có website, doanh nghiệp có thể
chào bán sản phẩm dịch vụ của mình mà khơng cần th thêm nhân cơng. Vì
thế, sẽ tiết kiệm được chi phí do khơng phải tiêu thêm một khoản tiền nào vào
việc bồi thường cũng như bảo hiểm cho nhân viên mới mà vẫn duy trì được
doanh số bán hàng và dịch vụ.
Tạo một hình ảnh về một công ty được tổ chức tốt. Internet là phương
tiện hữu hiệu nhất để doanh nghiệp có thể tạo lập bất kỳ hình ảnh nào về mình
mà doanh nghiệp muốn. Chỉ cần thiết kế một website chuyên nghiệp, thêm nội
dung giúp đỡ khách hàng và ngay lập tức doanh nghiệp sẽ bắt đầu có hình ảnh
của mình. Một doanh nghiệp nhỏ như thế nào cũng khơng thành vấn đề, chỉ
cần có mục tiêu và chiến lược tốt, doanh nghiệp có thể xây dựng hình ảnh như
là một tập đồn lớn trên Internet.
Cải tiến hệ thống liên lạc. Doanh nghiệp có thể liên hệ với nhân viên,
nhà cung cấp, các đối tác thơng qua website. Mọi thay đổi đều có hiệu lực ngay
khi doanh nghiệp tiến hành gửi cho họ trên website, và bất kì ai cũng xem
9


được những thông tin cập nhật mà không cần phải trực tiếp liên hệ với doanh
nghiệp.
Dịch vụ khách hàng hoàn hảo. Đây là niềm mơ ước của bất kỳ doanh
nghiệp nào. Các chủ doanh nghiệp không muốn tốn thời gian vào việc giải
thích cho khách hàng cách sử dụng sản phẩm, cách lắp đặt, xử lý sự cố, lau
chùi, di chuyển, đổi sản phẩm hay bất kì diệu gì phải làm đối với sản phẩm đã
được mua. Với một website, chỉ cần đưa ra tất cả các tình huống, tạo câu hỏi
và trả lời sẵn, khách hàng có thể tìm kiếm mối thông tin hỗ trợ mà không phải

làm phiền đến phía doanh nghiệp.
Hầu hết hiện nay các website đều được thiết kế theo cơng nghệ thiết kế
web cũ, khó khăn trong cập nhật nội dung, hoặc đơn giản là vì giao diện
website khơng cịn phù hợp. Vì vậy việc thiết kế web mới, thiết kế nâng cấp
website nhằm mang lại sự thân thiện, tính chun nghiệp, áp dụng cơng nghệ
thiết kế mới hơn đồng thời khắc phục những thiết kế web thiếu sót, thêm lĩnh
vực hoạt động bổ sung. Thiết kế lại, thiết kế nâng cấp website nhằm mang lại
sự thân thiện, tính chun nghiệp hơn.
Chính vì sự phát triển nhanh chóng của internet hiện nay mà website trở
thành một công cụ kinh doanh hữu hiệu hơn bao giờ hết. Một doanh nghiệp
hồn tồn có thể bán hàng giao tiếp, kết nối với khách hàng bất kỳ lúc nào do
vậy website cần phải được nâng cấp phát triển cập nhật sao cho khách hàng và
đối tác tiện dụng, dễ tìm kiếm thơng tin và đặc biệt là nhận thấy sự đẳng cấp
của doanh nghiệp mình thơng qua website.
Website cịn gọi là trang web, trang mạng, là một tập hợp các trang web
bao gồm văn bản, hình ảnh, video, flash vv, thường chỉ nằm trong một tên miền
(domain name) hoặc tên miền phụ (subdomain). Trang web được lưu trữ (web
hosting) trên máy chủ web (server web) có thể truy cập thông qua Internet.
Đặc điểm tiện lợi của website: thông tin dễ dàng cập nhật, thay đổi,
khách hàng có thể xem thông tin ngay tức khắc, ở bất kỳ nơi nào, tiết kiệm chi
phí in ấn, gửi bưu điện, fax, thơng tin không giới hạn (muốn đăng bao nhiêu
10


thông tin cũng được, không giới hạn số lượng thông tin, hình ảnh...) và khơng
giới hạn phạm vi khu vực sử dụng (tồn thế giới có thể truy cập).
Cũng có thể nói Website là một văn phịng ảo của doanh nghiệp trên
mạng Internet, bao gồm tồn bộ thơng tin, dữ liệu, hình ảnh về các sản phẩm,
dịch vụ và hoạt động sản xuất kinh doanh mà doanh nghiệp muốn truyền đạt
tới người truy cập Internet. Website chính là bộ mặt của Cơng ty, là nơi để đón

tiếp và giao dịch với các khách hàng trên mạng. Không chỉ đơn thuần là nơi
cung cấp thông tin cho người xem, cho các khách hàng và đối tác kinh doanh
của doanh nghiệp, website còn phải phản ánh được những nét đặc trưng của
doanh nghiệp, đảm bảo tính thẩm mỹ cao, tiện lợi, dễ sử dụng và đặc biệt phải
có sức lơi cuốn người sử dụng để thuyết phục họ trở thành khách hàng của
doanh nghiệp.
Với sự phát triển nhảy vọt của công nghệ thơng tin hiện nay, Internet ngày
càng giữ vai trị quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Dĩ
nhiên chúng ta được nghe nói nhiều về Internet, nói một cách đơn giản, Internet
là một tập hợp máy tính nối kết với nhau, là một mạng máy tính tồn cầu mà bất
kì ai cũng có thể kết nối bằng máy PC của họ. Với mạng Internet, tin học thật sự
tạo nên một cuộc cách mạng trao đổi thơng tin trong mọi lĩnh vực văn hóa, xã
hội, chính trị, kinh tế...
Vì thấy sự cần thiết phải dùng thương mại điện tử để hỗ trợ giới thiệu làng
nghề và quảng bá đến bạn hàng trên mọi miền đất nước được nhanh chóng nên
mong muốn sưu tầm những bài báo hay những bài viết về làng nghề, viết về các
sản phẩm truyền thống làng nghề, các bài viết giới thiệu cơ sở sản xuất của làng
nghề và các hình ảnh về sản phẩm làng nghề.
Với các lí do trên, được sự hướng dẫn và giúp đỡ của thầy giáo Lê Văn
Hùng, nhóm đã chọn nội dung: “Thiết kế, xây dựng Website Quảng bá nông
sản Tuyên Quang” để làm đề tài của nhóm.

11


2. Kiến thức cơ sở về lập trình web
2.1. ASP. NET
ASP. NET là một mã nguồn mở dành cho web được tạo bởi Microsoft.
Hiện mã nguồn này chạy trên nền tảng Windows và được bắt đầu vào đầu những
năm 2000. ASP.NET cho phép các nhà phát triển tạo các ứng dụng web, dịch vụ

web và các trang web động.
Phiên bản ASP.NET đầu tiên được triển khai là 1.0 được ra mắt vào
tháng 1 năm 2002 và hiện nay, phiên bản ASP.NET mới nhất là 4.6. ASP.NET
được phát triển để tương thích với giao thức HTTP. Đó là giao thức chuẩn được
sử dụng trên tất cả các ứng dụng web.
ASP.NET được biên dịch dưới dạng Common Language Runtime (CLR),
có khả năng hỗ trợ các lập trình viên viết mã ASP.NET với bất kỳ ngơn ngữ nào
được hỗ trợ bởi.NET language, ví dụ: C#, VB.Net và J#,…
2.2. Net Framework
Net Framework là một cơng cụ hay một nền tảng lập trình hoạt động trên
hệ điều hành Windows và được sáng tạo bởi nhà Microsoft. Net Framework chịu
trách nhiệm điều khiển cho hệ thống phần mềm với chức năng chính là đảm bảo
an tồn, quản lý bộ nhớ và xử lý một số lỗi.
Net Framework tổ chức như một thư viện lập trình lớn. Cơng cụ này sẽ hỗ
trợ xây dựng các chương trình phần mềm, tham gia lập trình cho giao diện máy
chủ, truy cập, kết nối cơ sở dữ liệu, giao tiếp giữa các mạng, …
Net Framework cung cấp sẵn các thành phần được viết và thiết kế sẵn của
ứng dụng, từ đó người lập trình chỉ cần học cách sử dụng và sáng tạo ra cách
gắn kết các thành phần lại. Chẳng hạn như một lập trình viên muốn ứng dụng
của mình có khả năng truy vấn, anh ta chỉ cần dùng Net Framework tìm code để
phát triển thay vì phải ngồi và tự viết code từ đầu.
Ưu điểm lớn nhất của Net Framework đó là tạo ra một mơi trường để các
nhà phát triển thoải mái sáng tạo code của riêng họ. Bạn dễ dàng dùng bất kỳ
12


ngơn ngữ lập trình nào như C++, Visual Basic, ... để viết code. Code này sẽ có
thể dùng cho tương thích với rất nhiều phần cứng mà Net Framework hỗ trợ.
Dù tương thích với khá nhiều phần cứng, Net Framework vẫn khơng thể
hỗ trợ cho một chiếc máy tính chưa cài cơng cụ này. Nói một cách dễ hiểu hơn

thì bạn sẽ chỉ chạy được những chương trình thiết kế dựa trên Net Framework
nếu máy bạn đã cài đặt Net Framework.
2.3. HTML
HTML viết tắt của cụm từ (Hypertext Markup Language) tạm dịch
là Ngôn ngữ Đánh dấu Siêu văn bản. Người ta dùng HTML để xây dựng và cấu
trúc lại các thành phần có trong Website hoặc ứng dụng, phân chia các đoạn văn,
heading, links, blockquotes,… HTML được trợ giúp bởi các công nghệ
như CSS và các ngôn ngữ kịch bản giống như JavaScript.
HTML khơng phải là ngơn ngữ lập trình, nghĩa là nó khơng thể tạo ra các
chức năng “động” được. Giống như như phần mềm Microsoft Word, HTML
dùng để bố cục và định dạng trang web.
HTML khi kết hợp với CSS và JavaScript sẽ trở thành một nền tảng vững
chắc cho thế giới mạng. Các phần tử HTML được phân định bằng các tags, được
viết bằng dấu ngoặc nhọn. Ví dụ

Xin chào các bạn đến với Vietnix

.
HTML documents là files được kết thúc .html hay .htm. Với những file này
bạn có thể xem bằng cách sử dụng bất kỳ trình duyệt nào (Google Chrome,
Firefox, Safari,…). Các trình duyệt đọc những file HTML này và biến đổi chúng
thành một dạng visual trên Internet sao cho người dùng có thể xem và hiểu được
chúng.
Bình thường một trang web có nhiều có web HTML như: trang chủ, giới
thiệu, liên hệ, blog,… Mỗi trang như thế đều cần một trang HTML riêng. Trong
mỗi trang HTML chứa một bộ các tag (elements) để xác định từng khối của một
trang web và tạo thành một cấu trúc gồm section, paragraph, heading và các
khối nội dung khác.
13


2.4. CSS
CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet
language. Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết

dưới dạng ngơn ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng
của nhiều trang web cùng lúc để tiết kiệm cơng sức cho người viết web. Nó
phân biệt cách hiển thị của trang web với nội dung chính của trang bằng cách
điều khiển bố cục, màu sắc, và font chữ. CSS được phát triển bởi W3C (World
Wide Web Consortium) vào năm 1996, vì một lý do đơn giản. HTML không
được thiết kế để gắn tag để giúp định dạng trang web. Bạn chỉ có thể dùng nó để
“đánh dấu” lên site. Những tag như <font> được ra mắt trong HTML phiên bản
3.2, nó gây rất nhiều rắc rối cho lập trình viên. Vì website có nhiều font khác
nhau, màu nền và phong cách khác nhau. Để viết lại code cho trang web là cả
một quá trình dài, cực nhọc. Vì vậy, CSS được tạo bởi W3C là để giải quyết vấn
đề này. Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngôn ngữ
markup (nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo
nên giao diện website), chúng là khơng thể tách rời. CSS về lý thuyết khơng có
cũng được, nhưng khi đó website sẽ khơng chỉ là một trang chứa văn bản mà
khơng có gì khác.
2.5. Javascript
Javascript – một ngôn ngữ vô cùng phổ biến trong lĩnh vực lập trình ngày
nay. Có thể nói rằng, Javascript hay cịn gọi là JS là ngôn ngữ rất thông dụng trong
vài năm gần đây. Đã có khá nhiều framework ra đời và được viết bằng loại ngôn
ngữ này. Từ frontend cho đến backend thì bất cứ nơi nào cũng có sự xuất hiện của
JS.
Javascript chính là một ngơn ngữ lập trình web rất phổ biến ngày nay.
Javascript được tích hợp đồng thời nhúng vào HTML để hỗ trợ cho website trở
nên sống động hơn. Chúng cũng đóng vai trị tương tự như một phần của
website, cho phép Client-side Script từ người dùng tương tự máy chủ (Nodejs)
để tạo ra những website động.
14


Cách hoạt động của javascript:

Thông thường, JavaScript sẽ được nhúng trực tiếp vào một website hoặc
chúng được tham chiếu qua file .js hoặc .JavaScript.
Đây là một ngôn ngữ đến từ phía Client nên Script sẽ được download về
máy client khi truy cập.
Tại đây, chúng sẽ được hệ thống xử ý. Vì vậy, bạn khơng cần phải tải về
máy server rồi chờ cho chúng xử lý xong mới phản hồi được kết quả đến client.
Bên cạnh việc tìm hiểu javascript là ngơn ngữ gì thì chúng được sử dụng
để làm gì cũng rất quan trọng. Việc nắm bắt được mục đích của ngôn ngữ đặc
biệt này sẽ giúp bạn dễ dàng sử dụng chúng hơn trong công việc. Cụ thể như
sau:
Thay đổi nội dung HTML: Một trong số nhiều phương thức HTML
JavaScript chính là getElementById (). Chúng được sử dụng để tìm một phần tử
của HTML với id =”demo” và dùng để thay đổi nội dung của phần từ (Internal
HTML) sang thành “Hello JavaScript”
Thay đổi giá trị thuộc tính HTML: Tổng quan về javascript cịn có thể sử
dụng để thay đổi các giá trị của thuộc tính. Ví dụ: thay đổi thuộc tính src
(source) của tag<img>.
Governmen

Thay đổi kiểu HTML: Đây chính là một hoạt động biến thể của việc thay
đổi thuộc tính của HTML ở trên.
Ví dụ: document.getElementById (‘demo’).style.fontSize = ’35px; Ẩn các
phần tử HTML: Một hoạt động tiếp theo là Javascript có thể ẩn được các phần
tử HTML. Chúng có thể được thực hiện thông qua hoạt động thay đổi kiểu hiển
thị các phần tử HTML. Hiển thị các phần tử HTML: Một điểm đặc biệt là
JavaScript có thể hiển thị được các yếu tố HTML ẩn. Đồng thời, cũng có thể
thực hiện được thơng qua cách thay đổi kiểu hiển thị phần tử
15



2.6. Ado.net
ADO là viết tắt của Microsoft ActiveX Data Objects. ADO.NET là một
trong những công nghệ truy cập dữ liệu của Microsoft. Nó là một phần của .Net
Framework được sử dụng để thiết lập kết nối giữa ứng dụng .NET và các nguồn
dữ liệu.
Các nguồn dữ liệu có thể là SQL Server, Oracle, MySQL, XML, ....
ADO.NET bao gồm một tập hợp các lớp có thể được sử dụng để kết nối, truy
xuất, chèn và xóa dữ liệu khỏi nguồn dữ liệu. ADO.NET chủ yếu sử dụng
System.Data.dll và System.Xml.dll.
ADO.NET có thể được sử dụng để phát triển bất kỳ loại ứng dụng .NET
nào. Sau đây là một số ứng dụng .NET mà bạn có thể sử dụng cơng nghệ truy
cập dữ liệu ADO.NET để tương tác với nguồn dữ liệu.
ASP.NET Web Form Applications
Windows Applications
ASP.NET MVC Applications
Console Applications
ASP.NET Web API Applications
Các Compnents của ADO.NET được thiết kế để thao tác dữ liệu và truy
cập nhanh vào dữ liệu. Connecton, Command, DataReader, DataAdapter,
DataSet và DataView là các Components của ADO.NET được sử dụng để thực
hiện các hoạt động cơ sở dữ liệu. ADO.NET được sử dụng để truy cập và thao
tác dữ liệu như sau: Data Provider
3. Các yêu cầu phi chức năng
3.1. Yêu cầu hiệu năng
- Yêu cầu về độ thực thi: Tốc độ xử lý và tính tốn nhanh (Các thuật tốn
sắp xếp, tìm kiếm được thiết kế tối ưu).
16


- Yêu cầu về giao diện: Giao diện phải thân thiện với người dùng; dễ dàng

thao tác.
3.2. Yêu cầu độ tin cậy
- Đáp ứng được nhu cầu của khách hàng
- Đảm bảo đáp ứng được các yêu cầu của người sử dụng
- Ổn định, thời gian làm việc không gặp lỗi quá lớn.
- Cho kết quả chính xác
- Đảm bảo website có ít khiếm khuyết về lập trình
- Kiếm sốt được các ngoại lệ
- Lỗi logic tối thiểu.
3.3. Yêu cầu bảo mật
- Đảm bảo tính duy nhất của tên đăng nhập người sử dụng.
- Chỉ có người quản trị hệ thống mới có quyền cập nhật các thơng tin về
sản phẩm và người sử dụng.
- Chịu được tấn công của tin tặc và có thể khắc phục ngay về trạng thái
trước khi bị tấn cơng.
3.4. u cầu chất lượng
- Tính bảo trì:
+ Kiến trúc tốt kết nối giữa các module lỏng lẻo.
+Cài đặt bằng ngôn ngữ bậc cao (PHP) sử dụng các module có sẵn.
- Tính đáng tin cậy:
+ Có ít khiếm khuyết về lỗi lập trình.
+ Đáp ứng nhu cầu về chức năng, giao diện của người sử dụng.
- Tính hiệu quả: Website khơng sử dụng tài ngun lãng phí, cài đặt tối
ưu về bộ nhớ và tốc độ.
17


- Tính tiện dụng:
+ Giao diện đơn giản, trình bày các chức năng một cách hợp lý theo ý
thích của người sử dụng đề ra.

+ Cung cấp đầy đủ tài liệu cho việc học hiệu quả.
+ Hỗ trợ người sử dụng những tính năng khó
- Giá cả phải chăng:
+ Giá thành rẻ do việc cài đặt bằng ngôn ngữ bậc cao và khơng q ưu
hẹp về tài chính.
+ Sử dụng các module có sẵn để giảm thời gian xây dựng.

18


CHƯƠNG II: THIẾT KẾ CSDL WEBSITE BÁN HÀNG NÔNG SẢN
1. Phân tích các chức năng

Hình 1: Sơ đồ thiết kế kiến trúc
- Use – case QTV

19


- Use – case Khách hàng

20


2. Thiết kế cơ sở dữ liệu
2.1. Mơ hình dữ liệu CDM
USER
id
Integer
<M>

name
Variable characters (100)
email
Variable characters (100)
password
Variable characters (200)
loainguoidung_id
Integer
remember_token
Variable characters (100)

LOAINGUOIDUNG
có

id
Integer
<M>
loainguoidung_ten
Variable characters (40)
Identifier_1

có

Identifier_1
TUYENDUNG
id
Integer
tuyendung_tieu_de
Variable characters (255)
tuyendung_url

Variable characters (255)
tuyendung_anh
Variable characters (255)
tuyendung_mo_ta
Text
tuyendung_lien_he
Text
tuyendung_thoi_gian
Integer
tuyendung_tinh_trang
Integer
created_at
Timestamp
updated_at
Timestamp

có
NHANVIEN

id
Integer
khachhang_ten
Variable characters (100)
khachhang_email
Variable characters (200)
khachhang_sdt
Variable characters (12)
khachhang_dia_chi
Variable characters (200)
user_id

Integer

DONHANG

id
Integer
tinhtranghd_ten
Variable characters (100)
tinhtranghd_mo_ta
Text

tồn tại

Identifier_1

thuộc
DONVITINH
id
Integer
donvitinh_ten
Variable characters (200)
donvitinh_mo_ta
Text

CHITIETDONHANG

LOAISANPHAM
id
Integer
loaisanpham_ten

Variable characters (200)
loaisanpham_url
Variable characters (200)
loaisanpham_mo_ta
Text
loaisanpham_anh
Variable characters (255)
nhom_id
Integer

có

id
Integer
sanpham_id
Integer
donhang_id
Integer
chitietdonhang_so_luong
Integer
chitietdonhang_thanh_tien
Decimal (10,2)

chứa
có

MONNGON

LOHANG

SANPHAM

id
Integer
monngon_tieu_de
Text
monngon_url
Variable characters (255)
monngon_tom_tat
Text
monngon_noi_dung
Text
monngon_anh
Variable characters (255)
created_at
Timestamp
updated_at
Timestamp

id
Integer
sanpham_ky_hieu
Variable characters (255)
sanpham_ten
Variable binary (255)
sanpham_url
Variable binary (255)
sanpham_anh
Variable binary (255)
sanpham_mo_ta

Text
sanpham_luot_xem
Integer
sanpham_da_xoa
Integer
loaisanpham_id
Integer
donvitinh_id
Integer
sanpham_khuyenmai
Integer
created_at
Timestamp
updated_at
Timestamp

nằm trong

NGUYENLIEU

có

id
Integer
lohang_ky_hieu
Variable characters (200)
lohang_han_su_dung
Integer
lohang_gia_mua_vao
Decimal (10,2)

lohang_gia_ban_ra
Decimal (10,2)
lohang_so_luong_nhap
Integer
lohang_so_luong_da_ban
Integer
lohang_so_luong_doi_tra
Integer
lohang_so_luong_hien_tai
Integer
lohang_tinh_trang
Integer
sanpham_id
Integer
nhacungcap_id
Integer
created_at
Timestamp
updated_at
Timestamp

có

monngon_id Integer
sanpham_id Integer

có

nằm trong

SANPHAMKHUYENMAI

BINHLUAN

có

khuyenmai_id Integer
sanpham_id Integer

KHUYENMAI
id
Integer
khuyenmai_tieu_de
Variable characters (255)
khuyenmai_url
Variable characters (255)
khuyenmai_noi_dung
Text
khuyenmai_anh
Variable characters (255)
khuyenmai_phan_tram
Integer
khuyenmai_thoi_gian
<Undefined>
khuyenmai_tinh_trang
Integer
created_at
Timestamp
updated_at
Timestamp

id
Integer
<M>
nhom_ten
Variable characters (50)
nhom_url
Variable characters (100)
nhom_mo_ta
Text
nhom_anh
Variable characters (255)

TINHTRANGHD

có

nằm trong

NHOM

có

id
Integer
donhang_nguoi_nhan
Variable characters (100)
donhang_nguoi_nhan_email
Variable characters (255)
donhang_nguoi_nhan_sdt

Variable characters (12)
donhang_nguoi_nhan_dia_chi
Variable characters (200)
donhang_ghi_chu
Text
donhang_tong_tien
Decimal (10,2)
khachhang_id
Integer
tinhtranghd_id
Integer
created_at
Timestamp
updated_at
Timestamp

nằm trong

id
Integer
<M>
nhanvien_ten
Variable characters (100)
nhanvien_cmnd
Variable characters (12)
nhanvien_sdt
Variable characters (12)
nhanvien_dia_chi
Variable characters (200)
nhanvien_ngay_vao_lam

Date
user_id
Integer

KHACHHANG

id
Integer
binhluan_ten
Variable characters (100)
binhluan_email
Variable characters (255)
binhluan_noi_dung
Text
binhluan_trang_thai
Integer
sanpham_id
Integer
created_at
Timestamp
updated_at
Timestamp

HINHSANPHAM
id
Integer
<M>
hinhsanpham_ten
Variable characters (200)
sanpham_id

Integer
Identifier_1

QUANGCAO
id
Integer
<M>
quangcao_anh
Variable characters (255)
quangcao_trang_thai
Integer

Identifier_1

Hình 2:Mơ hình dữ liệu CDM
21

NHACUNGCAP
id
Integer
nhacungcap_ten
Variable characters (200)
nhacungcap_dia_chi
Variable characters (200)
nhacungcap_sdt
Variable characters (12)


2.2. Từ điển dữ liệu
Bảng dữ liệu BINHLUAN

STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

Ý NGHĨA

1 id

int

10

Khóa chính Mã bình luận

2 binhluan_ten

vc

100

Tên người bình luận

3 binhluan_email

vc

255

Email người bình luận

4 binhluan_noi_dung

text

5 binhluan_trang_thai

int

11

Trạng thái của bình luận

6 sanpham_id

int

10

Sản phẩm bình luận

Nội dung bình luận

Bảng 1: Bảng dữ liệu BINHLUAN

Bảng dữ liệu CHITIETDONHANG
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

Ý NGHĨA

1 id

int

11

Khóa chính Mã chi tiết đơn hàng

2 sanpham_id

int

10

Khóa ngoại Mã sản phẩm

3 donhang_id

int

10

Khóa ngoại Mã đơn hàng

4 chitietdonhang_so_luong

int

11

Số lượng sản phẩm

10,2

Thành tiền của sản phẩm

5 chitietdonhang_thanh_tien

deci

mal
Bảng 2: Bảng dữ liệu CHITIETDONHANG

22


Bảng dữ liệu DONHANG
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

1

id

int

2

donhang_nguoi_nhan

varchar 100

3

donhang_nguoi_nhan_ varchar 255
email
donhang_nguoi_nhan_ varchar 12

Email người nhận hàng

hàng
Địa chỉ nhận hàng

6

sdt
donhang_nguoi_nhan_ varchar 200
dia_chi
donhang_ghi_chu
text

7

donhang_tong_tien

decimal 10,2

Tổng tiền đơn hàng

8

khachhang_id

int

10

9

tinhtranghd_id

int

10

4
5

11

Ý NGHĨA

Khóa chính Mã đơn hàng
Tên người nhận hàng

Số điện thoại người nhận

Ghi chú đơn hàng

Khóa ngoại Mã khách hàng
Tình trạng đơn hàng

Bảng 3: Bảng dữ liệu DONHANG

Bảng dữ liệu DONVITINH
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

11

Ý NGHĨA

1

id

int

Khóa chính Mã đơn vị tính

2

donvitinh_ten

varchar 200

Tên đơn vị tính

3

donvitinh_mo_ta

text

Mơ tả

Bảng 4: Bảng dữ liệu DONVITINH

23


Bảng dữ liệu HINHSANPHAM
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

1

id

int

11

2

hinhsanpham_ten

varchar 255

3

sanpham_id

int

10

Ý NGHĨA

Khóa chính Mã hình sản phẩm
Tên hình sản phẩm
Khóa ngoại Mã sản phẩm

Bảng 5: Bảng dữ liệu HINHSANPHAM

Bảng dữ liệu KHACHHANG
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

1

id

int

2

khachhang_ten

varchar 100

Tên khách hàng

3

khachhang_email

varchar 255

Email khách hàng

4

khachhang_sdt

varchar 12

Số điện thoại

5

khachhang_dia_chi

varchar 200

Địa chỉ

6

user_id

int

11

Ý NGHĨA

10

Khóa chính Mã khách hàng

Khóa ngoại Mã người dùng

Bảng 6: Bảng dữ liệu KHACHHANG

24


Bảng dữ liệu KHUYENMAI
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC

BUỘC

11

Ý NGHĨA

1

id

int

Khóa chính Mã khuyến mãi

2

khuyenmai_tieu_de

varchar 255

Tiều đề khuyến mãi

3

khuyenmai_url

varchar 255

Đường dẫn tĩnh của
khuyến mãi

4

khuyenmai_noi_dung

text

Nội dung khuyến mãi

5

khuyenmai_anh

varchar 255

Ảnh khuyến mãi

6

khuyenmai_phan_tram int

11

Tỷ lệ phần trăm

7

khuyenmai_thoi_gian

int

11

Thời gian khuyến mãi

8

khuyenmai_tinh_trang int

11

Tình trạng khuyến mãi

Bảng 7: Bảng dữ liệu KHUYENMAI

Bảng dữ liệu LOAINGUOIDUNG
STT

THUỘC TÍNH

KIỂU

KÍCH

RÀNG

THƯỚC BUỘC

Ý NGHĨA

1

id

int

11

Mã loại người dùng

2

loainguoidung_ten

varchar 40

Tên loại người dùng

Bảng 8: Bảng dữ liệu LOAINGUOIDUNG

Bảng dữ liệu LOAISANPHAM
25