XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5

XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
MỤC LỤC
DANH MỤC TỪ VIẾT TẮT
ST
T
Tên từ Ý nghĩa
01 CNTT Công nghệ thông tin
02 CSDL Cơ sở dữ liệu
03 CSS Cascading Style Sheet
04 HTML Document Object Model
05 DOM Document Object Model
06 HDJ HTML DHTML Javascript
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
DANH MỤC HÌNH VẼ
Hình 3.1 : Giao diện trang chủ
Hình 3.2 : Giao diện trang đăng nhập
Hình 3.3 : Giao diện trang chi tiết bài giảng
Hình 3.4 : Giao diện trang bài tập trắc nghiệm
Hình 3.5 : Giao diện trang Code Demo bài giảng
Hình 3.6 : Giao diện trang chủ quản trị
Hình 3.7 : Giao diện trang quản lý thông tin bài giảng
Hình 3.8 : Giao diện trang quản lý phản hồi
Hình 3.9 : Giao diện trang quản lý thành viên
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
DANH MỤC CÁC BẢNG
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
LỜI NÓI ĐẦU
Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều
rộng và chiều sâu. Máy tính điện tử đang dần trở thành một công cụ làm việc, học tập và
giải trí thông dụng của con người, không chỉ ở công sở mà còn ngay cả trong gia đình.
Mạng Internet cũng là một trong những sản phẩm có giá trị hết sức lớn lao và ngày

càng trở nên một công cụ không thể thiếu, đó cũng là nền tảng chính cho sự truyền tải,
trao đổi thông tin trên toàn cầu.
Trên đó các hoạt động diễn ra trong cuộc sống hàng ngày được thực hiện nhanh
hơn, hiệu quả hơn, tiết kiệm nhiều chi phí. Hơn thế nữa, Internet cũng đóng một phần
quan trọng trong lĩnh vực giáo dục. Các hệ đào tạo từ xa, học trực tuyến qua mạng, thậm
chí là học các chương trình đào tạo của nước ngoài thông qua Internet đã không còn mới
mẻ ở nước ta hiện nay. Người học có thể học bất cứ lúc nào khi thời gian rảnh và trao đổi
trực tiếp với giáo viên trên Internet, kiểm tra kiến thức,chia sẻ, download tài liệu, trao đổi
kinh nghiệm.
Để hỗ trợ người học với công việc tìm hiểu và nghiên cứu thuận lợi và dễ dàng hơn
nhóm đã lựa chọn đề tài “XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN
HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5”.Việc xây dựng website cung cấp các
kiến thức môn học HDJ cũng như kiến thức về HTML5 là rất cần thiết cho người học,
người thiết kế websitetrở nên dễ dàng và thuận lợi hơn, đáp ứng nhu cầu làm việc mọi lúc
mọi nơi, đồng thời thỏa mãn nhu cầu người người học thực nghiệm trực tiếp trên website,
kiểm tra trắc nghiệm kiến thức
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
LỜI CẢM ƠN
Sau một thời gian làm việc với sự cố gắng nỗ lực cùng với tinh thần làm việc
nghiêm túc của các thành viên trong nhóm, nhóm hoàn thành đề tài tốt nghiệp: “XÂY
DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET
VÀ HTML5”.
Nhóm đề tài xin bày tỏ lòng biết ơn sâu sắc nhất đến các thầy cô trong Khoa
CNTTcùng các bạn sinh viên đã nhiệt tình động viên, giúp đỡ nhóm trong suốt thời gian
qua.
Do thời gian, kinh nghiệm và kiến thức còn hạn chế nhóm đề tài không tránh khỏi
những thiếu sót. Vì vậy rất mong nhận được sự chỉ bảo, nhận xét của các thầy cô và các
bạn để đề tài của nhóm được hoàn thiện hơn.
Nhóm đề tài xin chân thành cảm ơn!
Hưng Yên, ngày 05 tháng 08 năm 2013

Nhóm đề tài
1. Lê Thị Nhàn
2. Vũ Thị Huệ
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
PHẦN I : MỞ ĐẦU
1. Lý do chọn đề tài
Cùng với sự phát triển không ngừng về kỹ thuật máy tính cũng như về mạng
internet, công nghệ thông tin đang lần lượt chinh phục hết đỉnh cao này đến đỉnh cao
khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng
trở nên một công cụ không thể thiếu, đó cũng là nền tảng chính cho sự truyền tải, trao đổi
thông tin trên toàn cầu.
Trên đó các hoạt động diễn ra trong cuộc sống hàng ngày được thực hiện nhanh
hơn, hiệu quả hơn, tiết kiệm nhiều chi phí. Hơn thế nữa, Internet đã đóng một phần quan
trọng trong lĩnh vực giáo dục. Các hệ đào tạo từ xa, học trực tuyến qua mạng, thậm chí là
học các chương trình đào tạo của nước ngoài thông qua Internet đã không còn mới mẻ ở
nước ta hiện nay. Học viên có thể học bất cứ lúc nào khi thời gian rảnh và trao đổi trực
tiếp với giáo viên trên Internet, vừa tiết kiệm chi phí vừa tiết kiệm thời gian. Vì vậy,
phương thức đào tạo này mang tính giáo dục tạo điều kiện cho người làm việc theo ca,
người thường xuyên đi công tác, người sống xa các trường học, người khó khăn về tâm
lý hoặc thể trạng sức khỏe. Trước đây muốn tìm hiểu một vấn đề nào đó chúng ta phải
dùng các phương thức tuyền thống như đọc sách, báo, nghe đài, tivi còn ngày nay chúng
xuất hiện một kênh thông tin mới trên internet. Nhận thấy việc xây dựng website cung cấp
các kiến thức môn học HDJ là rất cần thiết cho người muốn tìm hiểu và thực nghiệm ngay
trên đó đặc biệt cách thức chia sẻ kinh nghiệm học tập. Vì vậy, nhóm đã lựa chọn đề tài
“XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN
ASP.NET VÀ HTML5”. Nội dung của đề tài là xây dựng website chia sẻ kỹ thuật cũng
như kinh nghiệm học, với nhiều tính năng mạnh mẽ đáp ứng trên nhiều nền tảng khác
nhau, đáp ứng thêm đó là nhu cầu học tập, tìm kiếm thông tin, trắc nghiệm thực tế. Từ đó
góp phần đẩy mạnh phong trào học tập trực tuyến và cũng như việc cung cấp các kiến
thức HTML5 để thực nghiệm ngay trên đó.

2. Đối tượng nghiên cứu
Trang 6
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
- Kiến thức về HTML5 và các kiến thức liên quan CSS, Jquery…
- Kiến thức về ASP.NET, ngôn ngữ lập trình C#, .Net Framework 3.5
3. Đối tượng khảo sát
- Sinh viên khoa công nghệ thông tin trường Đại học SPKT Hưng Yên
- Trang web />- Trang web Error! Hyperlink reference not valid
- Trang web />- Trang web Error! Hyperlink reference not valid
4. Giới hạn và phạm vi nghiên cứu
- Nghiên cứu trang web /> />- Xây dựng hệ thống website dựa trên ASP.NET áp dụng cho các bài giảng HTML5.
- Nghiên cứu UML để phân tích và thiết kế hệ thống.
5. Mục tiêu nghiên cứu
- Xây dựng môi trường thực nghiệm kiến thức về môn học HDJ dựa trên ASP.NET.
- Xây dựng hệ thống kiểm tra kiến thức thông qua hình thức làm bài tập trắc
nghiệm.
- Hoàn thiện module quản lý bài giảng với chức năng cho phép nhúng trực tiếp bài
giảng từ file Word / PDF có sẵn lên website.
- Xây dựng chức năng nhớ trạng thái cho thành viên website.
- Xây dựng hệ thống quản lý các bài viết về HTML5, các bài giảng lý thuyết và
thực hành.
- Tăng cường kỹ năng làm việc độc lập và kỹ năng làm việc nhóm.
Trang 7
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
6. Nhiệm vụ nghiên cứu
- Tìm hiểu kiến thức về HTML, HTML5, CSS3, DOM, Javascript.
- Xây dựng hệ thống website giảng dạy môn học HDJ dựa trên ASP.NET và
HTML5.
- Tìm hiểu về mô hình 3 lớp.
- Cấu trúc bài giảng thực hành

- Cấu trúc bài giảng lý thuyết.
7. Phương pháp nghiên cứu
- Phương pháp làm việc theo nhóm.
- Phương pháp phân tích, tổng hợp lý thuyết.
- Phương pháp lịch sử, phương pháp thực nghiệm.
8. Ý nghĩa lý luận và thực tiễn của đề tài
- Là nguồn tài liệu tham khảo cho các nhóm nghiên cứu, học tập và phát triển ứng
dụng các sinh viên yêu thích phần mềm, lập trình website.
- Tăng cường nhận thức, tư duy và nâng cao kiến thức cho các thành viên trong
nhóm.
- Rèn luyện kỹ năng làm việc nhóm có hiệu quả, kỹ năng phân tích và thiết kế phần
mềm.
- Phát huy tính sáng tạo và cách làm việc độc lập của mỗi thành viên trong nhóm.
- Sản phầm phần mềm “Xây dựng hệ thống Website giảng dạy môn học HDJ dựa
trên ASP.NET và HTML5”, đề tài thân thiện và hữu ích đối với tất cả mọi người –
những người quan tâm đến công nghệ cũng như kiến thức về HTML5. Đây cũng
là môi trường trao đổi kiến thức, tìm kiếm tham khảo đến vấn đề học cũng như
nghiên cứu HTML5.
Trang 8
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
PHẦN II : NỘI DUNG
CHƯƠNG 1 : GIỚI THIỆU VỀ MÔN HỌC HDJ
1.1. Giới thiệu về HTML
1.1.1. Khái quát HTML, HTML5
HTML (HyperText Markup Language)
[5]
– Ý nghĩa là ngôn ngữ đánh dấu siêu văn
bản được sử dụng để tạo các tài liệu có thể truy cập trên mạng. Tài liệu HTML được tạo
nhờ dùng các thẻ và các phần tử của HTML. File được lưu trên máy chủ dịch vụ web với
phần mở rộng “.htm” hoặc “.html”. Ngày nay sự phát triển của công nghệ web việc ứng

dụng các công cụ HTML càng trở nên quan trọng trong sự phát triển của ngành công nghệ
web hiện nay.
HTML cho phép sử dụng các thẻ để trình bày nội dung văn bản dưới dạng giao
diện ứng dụng bao gồm: văn bản, hình ảnh, âm thanh, video và các ứng dụng khác. Các
phiên bản HTML bao gồm : 1.0, 1.1, 2.0, 3.0, 4.0 và mới nhất là 5.0. Ứng dụng web được
biết đến như là một trong các ứng dụng phổ biến nhất trên nền Internet cho phép người
dùng truy cập và trao đổi các thông tin trực tuyến theo các lĩnh vực khác nhau, từ khoa
học giáo dục đến mua bán, vui chơi giải trí và các dịch vụ cộng đồng khác.
Internet là một hệ thống thông tin toàn cầu cho phép các ứng dụng phần mềm chạy
trên nó và mọi người có thể truy cập từ bất cứ đâu, chủ yếu chứa ứng dụng web và dịch
vụ web
[6]
.
Trình duyệt là chương trình hỗ trợ người dùng duyệt ứng dụng web trên nền
internet. Trình duyệt làm nhiệm vụ tải trang HTML dựa trên một địa chỉ web xác
định(URL) về máy người dùng sau đó tiến hành phân tích tài liệu HTML (HTML +
javascript+ CSS) để hiển thị giao diện phía người dùng. Cho phép người dùng tương tác
với giao diện ứng dụng web.
So với các phiên bản HTML trước, HTML5 được tạo ra với rất nhiều tính năng
mạnh mẽ
Trang 9
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
- Độc lập nền tảng: cho phép hiển thị trên các trình duyệt khác nhau một cách thống
nhất, trên các thiết bị khác nhau (PC, Laptop, Tablet, mobile …).
- Hỗ trợ đa phương tiện: trình duyệt không cần cài plug in cho trình duyệt.
- Hỗ trợ Rick Internet Application.
- Thêm nhiều thẻ có tính năng mới: Email, phone, date time.
- Cải thiện tốc độ xử lý trang web.
Có thể nói HTML5 như một chuẩn chung cho việc phân tích và hiển thị website
trên các trình duyệt bất kỳ. Tài liệu HTML được hiển thị trên phía các trình duyệt(IE, FF,

Chrome, safari, opera …)
[5]
.
1.1.2. Thành phần của HTML
- Tài liệu HTML
+ HTML: thẻ tài liệu html, toàn bộ thẻ HTML. Là thẻ duy nhất trong file HTML.
+ Thẻ title: tiêu đề trang web, chỉ có một và hiển thị trên thanh tiêu đề của trang
web.
+ Thẻ head xác định thành phần của HTML bao gồm các thẻ title,script, style.
+ Thẻ body: nội dung tài liệu, chỉ chứa duy nhất và chứa các thẻ HTML, thể hiện
giao diện web.
<html>
<head>
<title> trang HTML </title>
</head>
<body>
Nội dung trang web đặt tại đây.
</body>
</html>
Trang 10
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
- Ví dụ HTML : Thành phần của HTML mô tả thẻ: <b>
<b>UTHYE and web design resources </b>
-
Trong đó <b>UTEHY and web design resources </b> Thành phần của HTML bắt
đầu với thẻ: <b> Nội dung: UTHYE and web design resources Thành phần của HTML
kết thúc với thẻ: </b> Mục đích của thẻ <b> là để xác định một thành phần của HTML
phải được thể hiện dưới dạng in.
- Thẻ trong HTML
+ Cú pháp thẻ : <ten thuoctinh =’giatri’ onclick=”ham();”> Nội dung </ten>

<ten thuoctinh=’giatri’ onclick=”ham();” />
+ Thẻ nằm trong cặp: “<” và “>”
• Thẻ mở: <tên thẻ …>, thẻ đóng”</tên thẻ>”
Trang 11
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
• Thẻ mở: <tên thẻ … , thẻ đóng “/”
+ Nội dung thể hiện được phần hiển thị.
+ Thuộc tính quy định việc hiển thị nội dung.
• Màu nền, hình nền, hiệu ứng văn bản.
• Kích thước, căn lề, vị trí, font chữ.
+ Sự kiện : sự tương tác của người dùng.
+ Sử dụng thẻ:
• Chỉ ra tên thẻ, các thuộc tính, nội dung của thẻ.
• Thẻ mở phải có thẻ đóng.
• Thẻ có thể bao nhau và không được mắc xích vào nhau.
• Thẻ nên viết bằng các ký tự thường (HTML5).
- Một số thẻ cơ bản
+ Head : phần đầu của tài liệu.
+ Title : thể hiện tiêu đề cho trang web.
+ Meta thể hiện các quy định đặc biệt của trang web
• Thuộc tính codepage : quy định mã chứa tài liệu HTML.
• UTE-FE, 65500…
Trang 12
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
+ HTML : quy định nội dung tài liệu HTML.
+ Body : thân tài liệu HTML.
+ Thẻ chú thích : <!—Nội dung chú thích >, không hiển thị trên trình duyệt, mô
tả cho đoạn mã HTML trong tài liệu.
+ Div : phân chia tài liệu HTML thành từng phần khác nhau.
+ Span : thể hiện nội dung dạng nhỏ, làm nhã cho thẻ input.

+ Hr : chỉ ra dòng kẻ với độ rộng quy định bởi size.
1.2. Khái quát về CSS
1.2.1. Khái niệm
CSS (Cascading Style Sheet), CSS được tổ chức World Wide Web (W3C) giới
thiệu vào năm 1996
[5]
. CSS là một ngôn ngữ cho giao diện để định nghĩa tính chất các
thành phần trong HTML layout. Một ví dụ, với CSS ta có thể tạo kiểu fonts, chỉnh màu
sắc, canh lề, kẻ bảng, định chiều cao, chiều dọc, hình nền và xác định vị trí cho đối tượng
cùng nhiều thứ khác.
1.2.2. Cơ bản về cú pháp CSS
- Cấu trúc
TênCSS {
thuộc tính : giá trị;
thuộc tính : giá trị;
…
}
+ TênCSS : thể hiện phần được sử dụng trong thẻ HTML.
+ Nội dung : nằm trong cặp “{“ và “}” cài đặt các thuộc tính.
Trang 13
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
+ Cài đặt giá trị cho một thuộc tính : tên thuộc tính: giá trị;
Ví dụ : color: red; font-size: 13pt;
- Xây dựng CSS
+ Tên CSS trùng thẻ HTML : áp dụng CSS cho thẻ HTML.
+ Tên chỉ có*: toàn bộ thẻ HTML.
+ Ten01 Ten02{/* Nội dung */}: cài đặt CSS Ten02 trong tên 01.
+ Ten01,Ten02{/* Nội dung */}: cả hai CSS có cùng nội dung.
+ Ten: TenSuKien{/* Nội dung */}: CSS cho sự kiện của thẻ.
1.2.3. Xây dựng CSS

- Bước 1 : tạo file.css để chứa các kiểu CSS. Tạo thư mục chứa các file CSS.
- Bước 2 : Xây dựng nội dung CSS trong file CSS
+ Xây dựng tên: trùng tên thẻ, cho thuộc tính ID, Class.
+ Xây dựng nội dung cho CSS: thuộc tính: giá trị;
- Bước 3 : nhúng file CSS vào trang HTML: thẻ link.
- Bước 4 : sử dụng id, class để áp dụng các CSS được tạo ra.
1.2.4. Nhúng CSS vào trong HTML
Có ba cách :
- Thuộc tính style : tạo CSS ngay trên thẻ
Ví dụ : <h2 style=” font-size:13pt;”> Khái quát về CSS </h2>
- Thẻ style : cho phép tạo các CSS trong trang HTML.
Trang 14
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
<style>
h2{ color: green;}
</style>
<h2> Khái quát về CSS </h2>
- Thẻ link : cho phép đính file.CSS vào trong trang HTML.
1.3. Khái quát về Javascript
1.3.1. Giới thiệu
- Ngôn ngữ kịch bản chạy trên trình duyệt.
- Javascript cho phép tương tác (đọc/ghi) với tài liệu HTML.
- Hỗ trợ tương tác với người dùng qua giao diện.
- Ngôn ngữ thông dịch (mã nguồn => thành chương trình).
- Cú pháp tương tự C, C++, java
1.3.2. Ưu điểm
- Hỗ trợ tốt việc xử lý các vấn đề thường gặp (DOM, Ajax,…)
- Nhỏ gọn, dễ dùng, có nhiều tài liệu hướng d¡n sử dụng chi tiết.
- Hạn chế xung khắc với các thư viện Javascript .
Trang 15

XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
2.1. Phân tích, xác định yêu cầu của hệ thống
2.1.1. Yêu cầu về chức năng
ST
T
Chức năng Mô tả
1
Quản trị hệ
thống
- Quản lý bài giảng: thêm bài giảng, sửa bài giảng, xóa bài giảng,
nhúng file .doc, .pdf lên website.
- Quản lý thành viên: thêm thành viên, sửa thành viên, xóa thành
viên, lưu trữ trạng thái, kết quả bài trắc nghiệm của các thành
viên.
- Quản lý code demo cho bài giảng: thêm code demo, sửa code
demo, xóa code demo.
- Quản lý bài tập trắc nghiệm: thêm bài học trắc nghiệm, sửa bài
học trắc nghiệm, xóa bài học trắc nghiệm.
- Quản lý ý kiến phản hồi: cho phép hiển thị ý kiến phản hồi, sửa
ý kiến phản hồi, xóa ý kiến phản hồi.
- Quản lý câu hỏi - trả lời: thêm câu hỏi - trả lời, sửa câu hỏi - trả
lời, xóa câu hỏi - trả lời.
- Quản lý kết quả bài trắc nghiệm: thêm bài giảng, sửa kết quả
bài trắc nghiệm, xóa kết quả bài trắc nghiệm.
- Quản lý video bài giảng: thêm video, sửa video, xóa video.
- Quản lý menu: gồm thêm menu, sửa menu, xóa menu.
2 Thành viên
- Quản lý thông tin tài khoản:Cho phép thành viên kiểm tra thông
tin tài khoản của mình và thay đổi mật khẩu tài khoản của

mình.
- Thực nghiệm trực tiếp trên trang web: áp dụng lý thuyết bài
giảng thành viên có thể thực hiện bài học trực tiếp ngay trên
Trang 16
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
trang web.
- Trắc nghiệm bài giảng: thành viên có thể làm các bài tập trắc
nghiệm có sẵn.
- Tìm kiếm, tra cứu, chia sẻ, download tài liệu.
2.1.2. Yêu cầu phi chức năng
- Tốc độ xử lý nhanh, hiệu quả và chính xác.
- Yêu cầu về an toàn và bảo mật
+ Các chức năng nhập, sửa, xóa thông tin chỉ có người quản trị được sử dụng.
+ Đảm bảo máy chủ luôn hoạt động và kết nối với mạng Internet, cập nhật và đưa
các thông tin lên mạng một cách nhanh nhất.
- Giao diện thân thiện dễ sử dụng.
+ Giao diên kích thích sự hứng thú và tò mò của bất kì khách viếng thăm nào khi
đã mở trang ra xem một lần.
+ Nội dung hiển thị trên trang web phải phong phú, chính xác, cập nhật thường
xuyên những thông tin về việc làm mới nhất để thu hút người xem. Tránh
những trang web chết.
- Các yêu cầu về phần cứng
Phần mềm có thể chạy trên máy có cấu hình bình thường, không yêu cầu quá cao
về mặt tốc độ xử lý. Ram tối thiểu là 256MB.
- Yêu cầu thiết kế CSDL
+ Mỗi dòng trong bảng phải là duy nhất. Trong bảng không có dòng nào giống
hệt nhau. Điều kiện duy nhất của các dòng dữ liệu tương đương với điều kiện là
bảng có khóa chính khác trống.
+ Thứ tự các cột trong bảng là không quan trọng. Cột được xác định thông qua
tên chứ không phải dựa vào vị trí của chúng.

Trang 17
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
+ Thứ tự các dòng là không quan trọng. Cũng như các cột, các dòng có thể đổi
chỗ cho nhau, có thể xem dữ liệu trong bảng với các thứ tự khác nhau của các
dòng, tùy theo yêu cầu.
+ Quan hệ có lượng dư thừa dữ liệu ít nhất và cho phép người sử dụng thêm, sửa
đổi hay xóa các dòng dữ liệu mà không gây ra lỗi hoặc sự không nhất quan
trong bảng. Các thuộc tính có thể được gom nhóm một cách tùy ý thành các
lược đồ quan hệ.
+ Tên bảng ở đây viết bằng tiếng việt không dấu và viết hoa các chữ cái đầu tiên.
+ Tên trường là từ viết tắt hoặc tiếng việt không dấu của các thuộc tính tương
ứng,các chữ cái đầu mỗi từ là phải viết hoa (ví dụ: LectureID).
- Yêu cầu về tốc độ xử lý.
Tốc độ xử lý nhanh và chính xác các trang có giao diện thống nhất.
- Yêu cầu về giao diện màn hình
+ Giao diện dễ nhìn, độ rộng phải vừa với màn hình (độ rộng 100%).
+ Các trang phải có giao diện thống nhất, không nhập nhằng, trình bày khoa học.
+ Các điều khiển trên form phải theo chuẩn nhất định.
Trang 18
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
2.2. Đặc tả yêu cầu
2.2.1. Các tác nhân
1 Các tác nhân
ST
T
Tác nhân Vai trò
1
- Quản lý bài giảng, quản lý code demo, quản lý bài trắc nghiệm,
quản lý menu, quản lý quảng cáo, quản lý kết quả, quản lý câu
hỏi trắc nghiệm sử dụng các chức năng: thêm, sửa, xóa.

- Quản lý tài khoản: thêm, xóa tài khoản.Ngoài ra, Actor Admin
kế thừa vai trò của Actor Visitor và Acount.
2
- Xem, tìm kiếm thông tin, like, chia sẻ, download bài giảng.
- Đăng ký tài khoản. Gửi ý kiến phản hồi.
3
- Thay đổi thông tin cá nhân.
- Gửi ý kiến phản hồi.
- Xem, tìm kiếm thông tin, like, chia sẻ, download bài giảng.Làm
bài tập trắc nghiệm.
Trang 19
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
2.2.2. Biểu đồ UseCase
- Biểu đồ UseCase tổng quát
Hình 2.1 : Biểu đồ Use-case tổng quát
Mô tả : Qua quá trình khảo sát Usecase gồm các tác nhân : admin, visitor, account.
Các chức năng tương ứng : người quản lý ( admin) quản lý bài giảng, quản lý code demo
bài giảng, quản lý tài khoản, quản lý menu, quản lý bài tập trắc nghiệm, quản lý kết quả,
quản lý phản hổi, quản lý video. Người sử dụng (khách hàng) tìm kiếm, đăng ký, bình
luận. demo bài giảng, làm các bài trắc nghiệm.
2 Bảng đặc tả usercase tổng quát
Chức năng
Mô tả một cách tổng quát các chức năng mà các tác nhân có thể
sử dụng trong hệ thống website.
Điều kiện cần
Với quản trị, thành viên phải đăng nhập mới có thể thực hiện
được các chức năng của mình và thay đổi trên website.
Trang 20
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
Dòng sựkiện chính

Quản trị, thành viên sau khi đăng nhập với tài khoản của mình
click chọn bên thanh Menu các chức năng tương ứng của mình
và thực hiện thao tác mong muốn.
Dòng sự kiện phụ
Quản trị, thành viên đăng nhập sai tài khoản hệ thống yêu cầu
đăng nhập lại.
Mỗi chức năng thực hiện thành công hệ thống thông báo thành
công, ngược lại hệ thống thông báo lỗi.
- Biểu đồ UseCase quản lýbài giảng
Hình 2.2 : Biểu đồ UseCase quản lý bài giảng
Trang 21
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
3 Kịch bản use-case quản lý thêm bài giảng
Tên Usecase Them_BG
Tác nhân chính Admin
Mức 2
Tiền điều kiện Admin đăng nhập vào hệ thống thành công.
Đảm bảo tối thiểu
Hệ thống loại bỏ các thông tin đã thêm và quay lui lại bước
trước.
Đảm bảo thành
công
Thông tin về bài giảng mới được bổ sung vào CSDL
Kích hoạt Admin chọn chức năng “Thêm bài giảng”.
Chuỗi sự kiện chính:
1 Admin yêu cầu chức năng thêm bài giảng.
2 Hệ thống hiển thị giao diện nhập bài giảng cho Admin, hệ thống lấy về các
danh mục menu bài giảng, hệ thống tự động hiển thị mã bài giảng.
3 Admin nhập đầy đủ thông tin sản phẩm bao gồm: tiêu đề bài giảng, nội dung,
ảnh hiển thị

4 Hệ thống kiểm tra tính hợp lệ thông tin sản phẩm nhập vào .
5 Admin tiến hành thêm bài giảng vào CSDL.
6 Nếu Admin có nhu cầu nhập tiếp sản phẩm quay trở lại bước nhập thêm bài
giảng.
Trang 22
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
Ngoại lệ:
4.a .Hệ thống thông báo bài giảng đã có trong CSDL.
4.a.1. Hệ thống yêu cầu người quản trị nhập lại thông tin.
4.a.2. Admin nhập lại thông tin bài giảng.
4.b. Hệ thống thông báo thông tin bài giảngkhông hợp lệ.
4.b.1. Hệ thống yêu cầu Admin nhập lại thông tin bài giảng.
4.b.2. Admin nhập lại thông tin bài giảng.
Trang 23
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
4 Kịch bản use-case quản lý sửa bài giảng
Tên Usecase Sua_BG
Tác nhân chính Admin
Mức 2
Tiền điều kiện Admin đăng nhập vào hệ thống thành công.
Đảm bảo tối thiểu
Hệ thống loại bỏ các thông tin đã thêm và quay lui lại bước
trước.
Đảm bảo thành
công
Thông tin về bài giảng mới được cập nhật vào CSDL
Kích hoạt Admin chọn chức năng “Sửa bài giảng”
Chuỗi sự kiện chính:
1 Admin yêu cầu chức năng thêm bài giảng.
2 Hệ thống hiển thị giao diện sửa bài giảngcho Admin.

3 Admin nhập thông tin về bài giảngcần thay đổi và nhấn “Lưu”.
4 Hệ thống kiểm tra thông tin bài giảngvà xác nhận thông tin hợp lệ.
5 Hệ thống nhập thông tin bài giảngmới vào CSDL.
6 Hệ thống thông báo đã cập nhật thành công.
7 Nếu Admin có nhu cầu sửa sản phẩm quay trở lại bước Sửa bài giảng.
Ngoại lệ:
4.a . Hệ thống thông báo bài giảngđã có trong CSDL.
4.a.1. Hệ thống yêu cầu Admin nhập lại thông tin.
Trang 24
XÂY DỰNG HỆ THỐNG WEBSITE GIẢNG DẠY MÔN HỌC HDJ DỰA TRÊN ASP.NET VÀ HTML5
4.a.2. Admin nhập lại thông tin bài giảng.
4.b. Hệ thống thông báo thông tin bài giảngkhông hợp lệ.
4.b.1. Hệ thống yêu cầu Admin nhập lại thông tin.
4.b.2 Admin nhập lại thông tin bài giảng.
5 Kịch bản use-case quản lý xóa bài giảng
Tên Usecase Xoa_BG
Tác nhân chính Admin
Mức 2
Tiền điều kiện Admin đăng nhập vào hệ thống thành công.
Đảm bảo tối thiểu
Hệ thống loại bỏ các thông tin đã thêm và quay lui lại bước
trước.
Đảm bảo thành
công
Thông tin về Sản phẩm mới được cập nhật vào CSDL.
Kích hoạt Người quản trị chọn chức năng “Xóa bài giảng” .
Chuỗi sự kiện chính:
1 Admin yêu cầu chức năng xóa bài giảng.
2 Hệ thống đưa ra thông báo yêu cầu Admin xác nhận xóa bài giảng.
3 Admin nhấn vào nút “Yes”. Hệ thống loại bỏ thông tin bài giảngđã chọn xóa

khỏi CSDL.
4 Hệ thống thông báo xóa thành công.
Ngoại lệ:
3.a . Người quản trị nhấn vào nút “No”
3.a.1. Hệ thống tiếp tục phiên làm việc hiện tại
Trang 25