Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
LỜI CAM ĐOAN
Tôi xin cam đoan đồ án này là do chính tôi thực hiện.
Tất cả những tham khảo từ các nghiên cứu liên quan đều được nêu nguồn
gốc một cách rõ ràng từ danh mục tài liệu tham khảo trong đồ án. Trong đồ án,
không có việc sử dụng tài liệu, công trình nghiên cứu của người khác mà không
chỉ rõ về tài liệu tham khảo. Các chương trình thực nghiệm đều là do tôi thực
hiện mà có được, không sao chép từ bất cứ nguồn nào.
Hà Nội ngày 20 tháng 12 năm 2018
Sinh viên thực hiện
Lê Tiến Hoàn

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
LỜI NÓI ĐẦU
Hiện nay, tiếng Anh chính là ngôn ngữ rất thông dụng trên toàn thế giới.
Với các bạn học sinh, sinh viên thì việc học tiếng Anh là hết sức cần thiết, vì các
nhà tuyển dụng sẽ luôn ưu tiên lựa chọn một ứng viên có khả năng sử dụng
thành thạo tiếng Anh hơn là một ứng viên chỉ biết mỗi chuyên môn. Việc học
một ngôn ngữ mới nói chung và việc học Tiếng Anh nói riêng, là một thử thách
không hề nhỏ, cần rất nhiều sự nỗ lực, quyết tâm và kiên trì. Các nguồn tri thức
trên thế giới hầu hết được viết bằng tiếng Anh thì việc học tiếng Anh để tiếp cận
các nguồn tri thức đó là hết sức cần thiết. Hay đơn giản như việc đọc, nghe và
xem tin tức ở các báo đài nước ngoài, bạn cũng cần phải có tiếng Anh thì mới
hiểu được nội dung tin tức đó họ nói gì. Học tiếng Anh sẽ giúp bạn trở nên năng
động hơn, tự tin giao tiếp hơn, được tiếp cận với nhiều nền văn hóa khác nhau
cũng như được giao lưu, kết bạn với rất nhiều bạn bè trên toàn thế giới.
Cùng với đó, sự phát triển mạnh mẽ và nhanh chóng của lập trình Web.
Chỉ với 1 chiếc máy tính hay 1 chiếc smartphone có kết nối mạng, là bạn đã có
thể học Tiếng Anh. Với lập trình NodeJS, những ưu điểm dễ thấy nhất là một
ngôn ngữ hướng đối tượng được ứng dụng rất đa dạng, thiết thực trong việc lập
trình thiết kế website, mạnh mẽ, đơn giản, ngắn gọn súc tích. Bởi vậy trước nhu
cầu và lợi thế của NodeJS, nên em quyết định nghiên cứu đề tài “Phát triển
phần mềm học tiếng anh trên nền tảng Web”. Đồ án gồm các nội dung chính
như sau:
 Chương 1: Tổng quan về ngôn ngữ lập trình Web
 Chương 2: Khảo sát và phân tích thiết kế hệ thống
 Chương 3: Xây dựng phần mềm
Khi thực hiện đề tài này, em rất mong sẽ khiến việc học Tiếng Anh trở
nên thú vị, tiết kiệm thời gian, chuyên nghiệp và hiệu quả hơn. Tuy nhiên, do
thời gian hạn hẹp, mặc dù đã nỗ lực hết sức mình nhưng chắc rằng đồ án khó
tránh khỏi thiếu sót. Em rất mong nhận được sự thông cảm, những lời góp ý và
chỉ bảo tận tình của quý thầy cô và các bạn.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
LỜI CẢM ƠN
Em xin chân thành cảm ơn thầy cô khoa Công Nghệ Thông Tin đã tận tâm
hướng dẫn em xuyên suốt quá trình hoàn thành đồ án tốt nghiệp. Thầy cô đã cho
em những lời khuyên để có thể hoàn thành đồ án thật tốt bên cạnh đó thầy còn
tạo cho em cơ hội tiếp xúc với nghiệp vụ thực tế để có thể nắm vững kiến thức
khi bắt đầu vào việc thiết kế một Website theo đúng chuẩn.
Mặc dù đã rất cố gắng nhưng trong quá trình làm đồ án sẽ không tránh
khỏi những thiếu sót. Rất mong nhận được sự góp ý của quý thầy cô để đồ án có
thể hoàn thiện tốt nhất, em hy vọng website này có thể áp dụng vào thực tế để
làm cho việc học Tiếng Anh không còn đáng sợ nữa, mà thay vào đó là sự thú vị
và chuyên nghiệp.
Hà Nội, tháng 1 năm 2019
Lê Tiến Hoàn

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
MỤC LỤC
LỜI CAM ĐOAN ............................................................................................................
LỜI NÓI ĐẦU..................................................................................................................
LỜI CẢM ƠN ..................................................................................................................
CHƯƠNG 1: TỔNG QUAN VỀ NGÔN NGỮ LẬP TRÌNH WEB..........................1
1.1.Giới thiệu về ngôn ngữ lập trình Web...................................................................1
1.2.Ngôn ngữ lập trình phổ biến hiện nay...................................................................2
CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG.................11
2.1.Khảo sát hiện trạng..............................................................................................11
2.2.Mô tả bài toán......................................................................................................16
2.3.Thiết kế hệ thống.................................................................................................17
2.4.Phân tích thiết kế với UML .................................................................................19
2.4.1.Quản lí Grade....................................................................................................24
2.4.2.Quản lí Semester...............................................................................................28
2.4.3.Quản lí Week....................................................................................................32
2.4.4.Quản lí Day.......................................................................................................36
2.4.5.Quản lí Lesson..................................................................................................40
2.4.6.Quản lí Task......................................................................................................44
2.4.7.Quản lý Question..............................................................................................48
CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH ........................................................52
3.1.Ngôn ngữ lập trình sử dụng.................................................................................52
3.2. Chức năng chương trình...................................................................................52
3.3.Kết luận................................................................................................................59
TÀI LIỆU THAM KHẢO...........................................................................................60

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
1
CHƯƠNG 1: TỔNG QUAN VỀ NGÔN NGỮ LẬP TRÌNH WEB
1.1.Giới thiệu về ngôn ngữ lập trình Web
Lập trình web là công việc có nhiệm vụ nhận toàn bộ dữ liệu từ bộ phận
thiết kế web để chuyển thành một hệ thống website hoàn chỉnh có tương tác với
CSDL và tương tác với người dùng dựa trên ngôn ngữ máy tính. Sau khi xây
dựng trang web xong thì có thể lập trình viên sẽ được phân công quản trị website,
khi đó bạn cần trang bị thêm một vài công cụ quản trị web, nhằm giúp cho việc
quản trị trở nên dễ dàng hơn. Các công cụ đó sẽ hỗ trợ bạn kiểm tra những lần
uptime, downtime, tỷ lệ thoát trang web, nguồn traffic đổ vào website, hoặc tình
trạng quá tải băng thông,... Nhưng đó sẽ là những công việc sau này, bạn có thể
vừa học cách lập trình web cơ bản, đồng thời bổ sung kiến thức quản trị web vào
thời gian rãnh rỗi.
Kiến thức lập trình khá dễ tiếp thu, không quá khó khăn như mọi người đã
nghĩ. Ngoài những kiến thức chuyên ngành lập trình thì bạn cần bổ sung thêm
các kiến thức liên quan đến thiết kế website như CSS, HTML, hoặc các phiên
bản nâng cấp của css và html và html5 và css3 giúp tối ưu hóa trong thiết kế
website... và các kiến thức đồ họa như Photoshop, Flash... Tất cả những kiến thức
này đều sẽ liên quan mật thiết và ảnh hưởng mạnh đến tiến độ công việc của bạn.
Và để học lập trình thì hiển nhiên bạn phải tiếp xúc với các dòng ngôn ngữ lập
trình. Để các bạn sớm làm quen với nó, ở phần tiếp theo này mình sẽ giới thiệu
một số ngôn ngữ lập trình phổ biến cũng như các kiến thức liên quan.
Lập trình web yêu cầu là có sự sáng tạo cao nhưng bên cạnh đó nó vẫn
phải tuân theo những quy trình chuẩn của nó. Quy trình sẽ giúp bạn có được lộ
trình đi chính xác nhất, nên làm những việc gì và làm sao để có thể thực hiện tốt
những mục tiêu đã đề ra, đảm bảo sự thống nhất của công việc.
Thông thường một quy trình web hoàn chỉnh cần thực hiện đấy đủ 6 bước
sau đây:
 Thu thập thông tin khách hàng,
 Phân tích thông tin.
 Thiết kế giao diện.
 Xây dựng cơ sở dữ liệu.
 Kiểm tra lại cơ chế hoạt động của website.
 Bàn giao cho khách hàng.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
2
1.2.Ngôn ngữ lập trình phổ biến hiện nay
Một trong những điều đầu tiên các bạn cần quan tâm trước khi bắt đầu
tham gia các khóa học lập trình web chính là ngôn ngữ lập trình. Bạn cần chọn
một ngôn ngữ phù hợp nhất với mình và đam mê với nó để tránh việc chán nản
bỏ cuộc giữa chừng hay không có việc làm sau khi ra trường. Những ngôn ngữ
sẽ giúp bạn tạo dựng sự nghiệp vững chắc và tương lại rộng mở là:
PHP
Bạn có thể thấy php có cơ hội việc làm rất lớn, thông tin tuyển dụng được
đăng trên hầu hết các trang web xã hội, group facebook về lập trình. Mức lương
mà các doanh nghiệp đưa ra khá là cao với nhiều chế độ ưu đãi và quyền lợi hấp
dẫn.
Một trong những lý do chính mà php được sử dụng nhiều chính là cấu
trúc đơn giản, dễ sử dụng, tài liệu phong phú và cộng đồng hỗ trợ rộng lớn. Bạn
sẽ nhận được sự trợ giúp bất cứ khi nào gặp khó khăn.
Asp.net
Nếu nhắc tới ngôn ngữ lập trình thì các bạn không thể bỏ qua ngôn ngữ
Asp.net. Hiện nay có nhiều doanh nghiệp lớn nhỏ đang sử dụng ngôn ngữ này
để tạo ra những website và ứng dụng chính và quan trọng cho hệ thống của
mình.
Java
Hiện nay java được sử dụng rộng rãi, đặc biệt là phát triển các ứng dụng
trên internet như lập trình chức năng website, ứng dụng game, web. Java là ngôn
ngữ chính được hãng di động Android lựa chọn để xây dựng các ứng dụng của
mình. Bạn có thể thấy android là một trong hai hệ điều hành đang phát triển
mạnh nhất hiện nay, hàng năm có hàng triệu ứng dụng di động hay game được
phát hành nên khi học java các bạn sẽ có cơ hội nghề nghiệp lớn với mức lương
cao và có nhiều cơ hội thăng tiến, tạo dựng sự nghiệp của mình.
HTML5
HTML5 là phiên bản mới nhất của HTML (ngôn ngữ đánh dấu văn bản)
dùng để xây dựng giao diện trang web.
Một số lợi ích ưu điểm của HTML5:
o Tích hợp tính năng: tích hợp sẵn các thư viện hỗ trợ cho audio và
video.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
3
o Offline caching: là tính năng mới, lưu trữ bộ nhớ đệm ngoại tuyến
(offline) trên trình duyệt, cho phép người dùng tiếp tục xem nội
dung những trang đã xem mà không cần phải có
mạng Internet (online). Với HTM5, quản trị viên có thể định nghĩa
chính xác tập tin nào cần thiết để lưu dữ liệu tại trình duyệt. Điều
này còn giúp ích cho website tiết kiệm được băng thông và tăng tốc
độ duyệt trang web đối với người dùng.
o Mã nguồn gọn nhẹ: tối ưu mã nguồn HTML, còn tăng khả năng
SEO với một số thẻ định nghĩa mang tính ngữ nghĩa (semantic
elements), và giúp website có thứ hạng cao hơn ở Alexa hoặc
SimilarWeb.
o Tương thích chéo trình duyệt: tất cả trình duyệt đều phải hỗ trợ các
phần tử mới trong HTML5.
Tối ưu mobile: giúp hiển thị giao diện ứng dụng trên web và app ở mobile
tốt hơn. Các website đáp ứng dễ dàng được xây dựng trong HTML5 thông qua
các framework trung gian được tích hợp, giúp cho việc hiển thị giao diện “chính
xác” với tất cả thiết bị với các kích thước màn hình khác nhau.
CSS3
CSS3 là một chuẩn mới nhất của CSS, hay nói cách khác nó là một
Version mới của CSS. Nó được chia ra làm nhiều module và mỗi module sẽ có
những nhiệm vụ khác nhau, khi kết hợp chúng với nhau sẽ tạo nên những hiệu
ứng tuyệt vời.
- Thành phần của CSS3:
o Backgrounds, borders, RGAa color, gradeint
o Image Values and Replaced Content
o Text Effects
o Selectors
o Box Model

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
4
o 2D/3D Transformations
o CSS Animations
o Multiple Column Layout
o User Interface
- Ưu điểm của CSS3:
o CSS3 được phát triển nhằm tăng sự tương thích với HTML5 trong
việc bố cục trình bày nội dung. Giờ đây, những tài liệu HTML đã
có một bố cục hết sức rõ ràng và dễ hiểu, các thuộc tính CSS và
các thẻ HTML giờ đã không còn bị chồng lấn mà được phân tách
bằng các hàng “class” và “id”.
o Media Queries mới được ra mắt trong CSS3 hỗ trợ tính tương
thích với nhiều kích thước màn hình khác nhau mà không cần
chỉnh sửa nội dung hiển thị, làm tăng tính uyển chuyển của ứng
dụng
o Ngoài việc hỗ trợ về giao diện thì CSS3 còn giúp bạn loại bỏ
những đoạn code thừa trong HTML khi việc sử dụng những thẻ
thuộc tính trong HTML không còn cần thiết nữa.
o Bằng việc sử dụng duy nhất một file css, bạn sẽ luôn chắc chắn về
sự đồng bộ về giao diện giữa những trang khác nhau trong cùng
một website. Ngoài ra, khi muốn thay đổi giao diện của website thì
bạn cũng chỉ cần thay đổi một lần duy nhất trong file css đó.
o Css3 là ngôn ngữ được hỗ trợ bởi hầu hết các trình duyệt trên thế
giới. Và nó thể hiện một website trên nhiều trình duyệt khác nhau
cũng khá nhất quán. Tuy nhiên, người thiết kế web vẫn cần xác
định rõ trình duyệt được người dùng sử dụng nhiều nhất để có sự
điều chỉnh tốt nhất cho trình duyệt đó.
Kết hợp cùng HTML5, CSS3 làm cho những ứng dụng web và bản thân
trang web trở nên hấp dẫn và chuyên nghiệp hơn nhờ những đặc điểm nổi bật so
với các thế hệ ngôn ngữ trước đó.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
5
Javascript
JavaScript là ngôn ngữ lập trình dùng để tạo ra các trang web có tính
tương tác. Các slideshow, pop-up quảng cáo và tính năng autocomplete của
Google là những thứ được viết bằng JavaScript. Nó được tạo ra lần đầu tiên bởi
Brendan Eich tại công ty Netscape vào năm 1995 - được đặt tên là Mocha trong
quá trình phát triển, phát hành phiên bản beta với tên là LiveScript và cuối cùng
được đặt tên là JavaScript để lợi dụng sự phổ biến của Java (một ngôn ngữ lập
trình khác) vì lý do marketing.
Lúc đầu, các lập trình viên đã không coi JavaScript là quan trọng, bởi vì
nó không được xem như là một ngôn ngữ phát triển nghiêm túc như các ngôn
ngữ phía máy chủ là Java, Ruby hay Python. JavaScript giống như phần kem
phết trên bề mặt chiếc bánh vậy, nó chỉ chịu trách nhiệm về phần trải nghiệm
người dùng. Nhưng ngôn ngữ này tiếp tục phát triển và ngày càng trở nên phổ
biến, nó thường được đề xuất là ngôn ngữ lập trình nên học đầu tiên dành cho
người mới bắt đầu. Nếu bạn sử dụng một framework JavaScript có tên
là Node.js, thì giờ đây bạn có thể thực sự sử dụng JavaScript như là một ngôn
ngữ phía máy chủ (server-side).
Đầu tiên, như chúng ta đã nói ở trên, JavaScript có thể được sử dụng để
xây dựng toàn bộ một trang web nếu sử dụng với Node.js và MongoDB (một cơ
sở dữ liệu). Node.js là bất đồng bộ, điều đó làm cho nó có tính dễ mở rộng và rất
phù hợp cho tất cả các dữ liệu lớn ở ngoài kia. Ví dụ, một nhà phát triển đã nhận
thấy việc gửi 600 email với Node.js chỉ mất 3 giây, trong khi đó phải mất 30
giây với PHP. MongoDB là một cơ sở dữ liệu hướng tài liệu (document-
oriented) được xây dựng phục vụ cho khả năng mở rộng nhưng các chức năng
nó cung cấp vẫn tốt nhất cho cả hai thế giới.
JavaScript hiện nay là một trong những cách ưa thích để phát triển ứng
dụng web. Đó là ngôn ngữ được sử dụng nhiều nhất trên Github. Rất nhiều các
trang web được xây dựng với Node, bao gồm cả các trang web lớn như Klout,
Storify và Yammer. Việc có thể sử dụng cùng một ngôn ngữ trên cả phần front-

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
6
end và back-end làm cho cuộc sống của các nhà phát triển phần mềm trở nên dễ
dàng hơn.
Riêng bản thân nó, JavaScript chịu trách nhiệm về các hiệu ứng động như
các cửa sổ pop-up và với AJAX, những trang web có thể hiển thị dữ liệu mới mà
không cần phải refresh lại trang. Bạn có thể xem một ví dụ của AJAX trong thực
tế ở đây - bạn thấy thế nào khi nhấp chuột vào một hình ảnh trên trang đó, thì
địa chỉ URL thay đổi và nó hiển thị dữ liệu mới tương ứng mà không cần phải
refresh lại toàn bộ trang. AJAX là cụm từ viết tắt của Asynchronous JavaScript
And Xml, vì vậy nó không thể được sử dụng ngoài JavaScript.
HTML5 được cho là sự kết thúc của Flash, nhưng nếu HTML5 là công cụ
tổ chức, thì JavaScript soán vị trí của phần tử Flash. Những video hoặc hình ảnh
trực quan trước đây thường phải chạy trong một plugin thì bây giờ được phục vụ
với JavaScript, chạy trong trình duyệt của bạn, vì vậy bạn không cần phải tải về
một plugin của bên thứ ba để xem nó, và các nhà phát triển biết rằng người dùng
sẽ có cùng trải nghiệm.
Kể từ khi Javascript bắt đầu như là ngôn ngữ trông giống Java nhưng
không có khả năng thực hiện cùng một tác vụ, thì nó đã tạo ra một chút ngạc
nhiên cho những ai đặt cược vào sự phát triển ngày càng lớn mạnh của nó.
JavaScript cũng không phải là ngôn ngữ dễ viết nhất - các nhà phát triển nói
rằng Ruby hay Python được viết theo cách mà bạn mong muốn, bởi vậy cú pháp
của chúng trông tự nhiên hơn. Nhưng một ngôn ngữ chỉ tốt nhất khi có các công
cụ đi kèm với nó, và nhờ sự bổ sung như Node.js, jQuery (thư viện), JSON
(JavaScript Object Notation) và MongoDB, JavaScript sẽ có một tương lai tươi
sáng.
NodeJs
Node.js là một nền tảng chạy trên môi trường V8 JavaScript runtime -
một trình thông dịch JavaScript cực nhanh chạy trên trình duyệt Chrome. Bình
thường thì bạn cũng có thể tải bộ V8 và nhúng nó vào bất cứ thứ gì; Node.js làm
điều đó đối với các web server. JavaScript suy cho cùng cũng chỉ là một ngôn

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
7
ngữ - vậy thì không có lý do gì để nói nó không thể sử dụng trên môi trường
server tốt như là trong trình duyệt của người dùng được.
Trong một môi trường server điển hình LAMP (Linux-Apache-MySQL-
PHP), bạn có một web server là Apache hoặc NGINX nằm dưới, cùng với PHP
chạy trên nó. Mỗi một kết nối tới server sẽ sinh ra một thread mới, và điều này
khiến ứng dụng nhanh chóng trở nên chậm chạp hoặc quá tải - cách duy nhất để
hỗ trợ nhiều người dùng hơn là bằng cách bổ sung thêm nhiều máy chủ. Đơn
giản là nó không có khả năng mở rộng tốt. Nhưng với Node.js thì điều này
không phải là vấn đề. Không có một máy chủ Apache lắng nghe các kết nối tới
và trả về mã trạng thái HTTP - bạn sẽ phải tự quản lý kiến trúc lõi của máy chủ
đó. May mắn thay, có một số module giúp thực hiện điều này được dễ dàng hơn,
nhưng công việc này vẫn gây cho bạn một chút khó khăn khi mới bắt đầu. Tuy
nhiên, kết quả thu được là một ứng dụng web có tốc độ thực thi cao.
JavaScript là một ngôn ngữ dựa trên sự kiện, vì vậy bất cứ thứ gì xảy ra
trên server đều tạo ra một sự kiện non-blocking. Mỗi kết nối mới sinh ra một sự
kiện; dữ liệu nhận được từ một upload form sinh ra một sự kiện data-received;
việc truy vấn dữ liệu từ database cũng sinh ra một sự kiện. Trong thực tế, điều
này có nghĩa là một trang web Node.js sẽ chẳng bao giờ bị khóa (lock up) và có
thể hỗ trợ cho hàng chục nghìn user truy cập cùng lúc. Node.js đóng vai trò của
server - Apache - và thông dịch mã ứng dụng chạy trên nó. Giống như Apache,
có rất nhiều module (thư viện) có thể được cài đặt để bổ sung thêm các đặc
trưng và chức năng - như lưu trữ dữ liệu, hỗ trợ file Zip, đăng nhập bằng
Facebook, hoặc các cổng thanh toán. Dĩ nhiên, nó không có nhiều thư viện như
PHP, nhưng Node.js vẫn đang ở trong giai đoạn ban đầu và có một cộng đồng
rất mạnh mẽ ở đằng sau nó.
Một khái niệm cốt lõi của Node.js đó là các function bất đồng bộ
(asynchronous functions) - vì vậy về cơ bản thì mọi thứ chạy trên nền tảng này.
Với hầu hết các ngôn ngữ kịch bản máy chủ, chương trình phải đợi mỗi function
thực thi xong trước khi có thể tiếp tục chạy tiếp. Với Node.js, bạn xác định các

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
8
function sẽ chạy để hoàn thành một tác vụ nào đó, trong khi phần còn lại của
ứng dụng vẫn chạy đồng thời. Nó là một chủ đề phức tạp mà tôi sẽ không đi vào
quá sâu trong bài viết này, nhưng đó là một trong những đặc trưng tiêu biểu của
Node.js, vì vậy việc nắm vững nó là điều hết sức quan trọng.
Node.js chỉ là một môi trường – điều này có nghĩa bạn tự phải làm mọi
thứ. Sẽ chẳng có bất kỳ máy chủ mặc định nào cả !!! Một đoạn script xử lý tất cả
các kết nối với Client. Điều này làm giảm đáng kể số lượng tài nguyên được sử
dụng trong ứng dụng
Lược đồ dưới đây mô tả các thành phần quan trọng của Node.js:
Hình 1.1: Mô tả các thành phần quan trọng của Node.js
Tại sao sử dụng Node.js?
Dưới đây là vài đặc điểm quan trọng biến Node.js trở thành sự lựa chọn
hàng đầu trong phát triển phần mềm:
 Không đồng bộ và Phát sinh sự kiện (Event Driven): Tất các các APIs
của thư viện Node.js đều không đồng bộ, nghĩa là không blocking (khóa).
Nó rất cần thiết vì Node.js không bao giờ đợi một API trả về dự liệu.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
9
Server chuyển sang một API sau khi gọi nó và có cơ chế thông báo về Sự
kiện của Node.js giúp Server nhận đựa phản hồi từ các API gọi trước đó.
 Chạy rất nhanh: Dựa trên V8 Javascript Engine của Google Chrome, thư
viện Node.js rất nhanh trong các quá trình thực hiện code.
 Các tiến trình đơn giản nhưng hiệu năng cao: Node.js sử dụng một mô
hình luồng đơn (single thread) với các sự kiện lặp. Các cơ chế sự kiện
giúp Server trả lại các phản hồi với một cách không khóa và tạo cho
Server hiệu quả cao ngược lại với các cách truyền thống tạo ra một số
lượng luồng hữu hạn để quản lý request. Nodejs sử dụng các chương trình
đơn luồng và các chương trình này cung cấp các dịch vụ cho số lượng
request nhiều hơn so với các Server truyền thống như Apache HTTP
Server.
 Không đệm: Ứng dụng Node.js không lưu trữ các dữ liệu buffer.
 Có giấy phép: Node.js được phát hành dựa vào MIT License.
Nhược điểm
Giống như hầu hết các công nghệ mới, việc triển khai Node.js trên host
không phải là điều dễ dàng. Nếu bạn có một web hosting xài chung, bạn không
thể đơn giản tải lên một ứng dụng Node.js và mong chờ nó hoạt động tốt. VPS
và dedicated server là một sự lựa chọn tốt hơn - bạn có thể cài đặt Node.js trên
chúng. Thậm chí dễ hơn là sử dụng một dịch vụ có khả năng mở rộng như là
Heroku, và bạn có thể hoàn toàn an tâm để phát triển trang web của mình trên đó
- bạn chỉ cần trả tiền khi cần thêm nhiều tài nguyên hơn.
Mặt khác, chúng ta rất dễ cài đặt Node.js chạy cục bộ trên máy tính của
bạn sử dụng các hệ điều hành như Windows, Mac hoặc Linux và bắt đầu phát
triển ứng dụng ngay lập tức - chỉ việc tải phiên bản Node.js tương ứng tại đây.
Một điều quan trọng nên chú ý là Node.js không chỉ đơn giản là một sự thay thế
cho Apache - các ứng dụng web đang tồn tại sẽ không có khả năng tương thích,
và bạn sẽ làm việc hiệu quả với những ứng dụng phát triển từ đầu (mặc dù có
rất nhiều framework ngoài kia để giúp đỡ bạn với nhiều đặc trưng phổ biến).

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
10
Một nhược điểm lớn khác của Node.js đó là nó vẫn đang trong giai đoạn
phát triển ban đầu, điều này có nghĩa là một số đặc trưng sẽ thay đổi trong quá
trình phát triển tiếp theo

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
11
CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Trong chương này, thực hiện khảo sát hiện trạng, mô tả bài toán, mục tiêu
ý nghĩa của đề tài, phạm vi thực hiện đề tài, các phương pháp học tiếng anh trên
website, thiết bị điện tử.
2.1.Khảo sát hiện trạng
Khi học sinh muốn học tiếng Anh thì đầu tiên sẽ là học từ lớp 1, học từ
những cái cơ bản nhất để làm quen dần với tiếng Anh, một ngôn ngữ mới.
Dần dần học qua các bài, được làm các bài tập trong sách giáo khoa. Cứ
thể suốt 12 năm học, đọc trên lớp, về nhà làm bài tập, hết sức khô khan, và rất
nhiều em học sinh cảm thấy chán nản vì cách học cổ điển này. Cho dù các em
học sinh có đi học thêm ở các trung tâm để biết thêm để đi thi học sinh giỏi đi
chăng nữa thì các em vẫn chỉ là cố gắng nhồi nhét vào đầu lượng kiến thức tiếng
Anh mà các em chẳng hiểu sẽ dùng nó để làm gì, vài ngày sau vài tháng sau
không động vào là lại sẽ quên ngay.
Thế giới đang thay đổi theo từng ngày mà cứ học mãi theo cách học cổ
điển này thì vừa không tiếp thu được vừa bị mất thời gian học mà chẳng thu
được gì. Hiện nay, tình trạng học sinh sử dụng được tiếng Anh là khá thấp.
Chính vì vậy nên có rất nhiều nghiên cứu để cho ra rất nhiều cách học
tiếng Anh phù hợp cho từng đối tượng khác nhau, tiếng Anh cho người đi làm,
tiếng Anh cho học sinh tiểu học, trung học, tiếng Anh dành cho những người đi
du lịch nước ngoài,…
Những ứng dụng học tiếng anh trên các website, thiết bị điện tử:
App học tiếng Anh – Memrise
Với nguồn học liệu phong phú, hữu ích, phù hợp với đại đa số người dùng
và hoàn toàn miễn phí.
 Hơn 1.000 video tiếng Anh với giọng của người bản địa.
 Hơn 100 khóa học với đáp ứng nhu cầu phổ biến của người học.
 Cải thiện sức mạnh não bộ và trau dồi từ vựng hiệu quả.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
12
App học tiếng Anh – Voxy
Cung cấp những bài học có cấp độ từ dễ đến khó, và là một app học tiếng
Anh dễ sử dụng, cùng tải ngay Voxy để có thể học mọi lúc mọi nơi, tự học với
các lớp học online và có report giúp bạn track được quá trình học tập của mình.
App học tiếng Anh – BBC Learning English
Được phát triển bởi British Council, là ứng dụng tương tác được thiết kế
giúp cải thiện kỹ năng giao tiếp tiếng Anh. Với 19 ứng dụng đi kèm, chắc chắn
BBC Learning English sẽ là bạn đồng hành trên hành trình giao tiếp tiếng Anh
thành thạo của bạn.
App học tiếng Anh – Busuu
Busuu hoạt động như trang xã hội học tiếng Anh vậy. Với các bài học đều
có tiêu chuẩn Khung tham chiếu trình độ ngôn ngữ chung của châu Âu: Học,
Dạy và Đánh giá, nên chất lượng của các bài đọc, bài nghe, chủ đề viết hay nói
cùng những bài học hoàn toàn có chất lượng cao. Ngoài ra bài học
trong Busuu được xếp từ dễ Beginner đến khó Advanced, với số lượng lên đến
hơn 150 chủ đề cùng hơn 3000 từ và cụm từ vựng khác nhau. Tuy nhiên phiên
bản miễn phí sẽ giới hạn ở 20 bài học thôi các bạn nhé!
App học tiếng Anh – English Listening
Học tiếng Anh qua những đoạn hội thoại đơn giản: 6 Minute English,
English At Work, The English Chúng tôi nói chuyện … với ứng dụng âm thanh
đi kèm bảng điểm và danh sách từ vựng, giúp bạn cải thiện kỹ năng nghe, nói
tiếng Anh cũng như tăng vốn từ vựng.
Ngoài ra, bạn có thể giao tiếp với rất nhiều người học tiếng Anh trên thế
giới qua ứng dụng này. Và đây là một app học tiếng Anh hoàn toàn miễn phí,
bạn có thể tải cái bài nghe dùng khi di chuyển hay chờ đợi.
App học tiếng Anh – Talk English
Với hơn 200 bài học tiếng Anh đàm thoại, gồm bài nghe cơ bản, trắc
nghiệm từ vựng, thực hành đối thoại và ghi âm đoạn thoại để theo dõi sự tiến bộ
cá nhân, Talk English là app học tiếng Anh tốt nhất để luyện tập giao tiếp.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
13
App học tiếng Anh – MyWordBook 2
Là app học tiếng Anh giúp bạn học từ vựng bằng flashcard, bao gồm cả
tiếng và hình vẽ sinh động. Tất cả những từ vựng và dữ liệu trong ứng dụng
được lấy nguồn từ từ điển đại học Cambridge. MyWordBook 2 còn có các hoạt
động bổ trợ, tính năng xem lại nhanh từ vựng cũng như tạo ra các thẻ nhớ
flashcard của riêng bạn.
App học tiếng Anh – Hello English
App học tiếng Anh Hello English có hơn 25 triệu download, và được đánh
giá tốt nhất trên bảng xếp hạng của Google Play.
Với 475 free lessons, nội dung về các cuộc đàm thoại tiếng Anh, các chủ
đề ngữ pháp và từ vựng, tất cả đều có thể tải xuống điện thoại của bạn. Ngoài ra,
bạn sẽ được học tiếng Anh bằng cách chơi trò chơi khá thú vị, và đặc biệt, ứng
dụng này có các bài tập thực hành hàng ngày, và có từ điển lên đến 10.000 từ.
App học tiếng Anh – VoiceTube
Một trong những ứng dụng hay nhất để học tiếng anh, đó là VoiceTube.
Với những clip ngắn kèm phiên dịch, bạn dễ dàng cập nhật những từ vựng hay
nhất cùng khả năng nghe phản xạ, được phân chia theo từng cấp độ từ cơ bản
đến nâng cao.
VoiceTube còn cho phép tra từ khó trực tiếp và lưu các từ bạn đã học vào
“Bộ sưu tập”. Về lâu về dài bạn sẽ có một bộ sưu tập từ vựng rất khủng!
App học tiếng Anh – LearnEnglish Grammar
LearnEnglish Grammar, được phát triển bởi British Council, là một ứng
dụng tương tác được thiết kế giúp cải thiện tính chính xác ngữ pháp (grammar)
cho người dùng. Cả hai phiên bản Anh và Mĩ đều cung cấp các câu hỏi ở bốn
cấp độ từ thấp nhất là Beginner đến cao nhất là Advanced. Mỗi cấp độ sẽ bao
gồm 12 chủ đề ngữ pháp, với 20 hoạt động ở mỗi chủ đề. Ngoài ra cả hai phiên
bản đều có tính năng trợ giúp nên bạn sẽ không phải lo lắng về những khó khăn
trong quá trình tương tác.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
14
App English For Kids
English for Kids là ứng dụng học tiếng Anh cho trẻ em được thiết kế phù
hợp cho từng độ tuổi từ 3 đến 10. Ứng dụng này giúp các bé học ngữ pháp qua
các ví dụ kèm hình ảnh minh họa trực quan với các chủ đề xung quanh trường
học và trong cuộc sống. Các bé có thể học từ vựng với các mức độ từ cơ bản đến
nâng cao, nhờ đó vốn từ vựng sẽ được cải thiện đáng kể.
Giao diện của English for Kids được thiết kế bắt mắt và các bài học mang
đầy tính sáng tạo giúp trẻ tiếp thu tiếng Anh tốt hơn. Mỗi ngày sẽ có 1 bài học
đòi hỏi bé phải làm quen với tiếng Anh thường xuyên từ video, hoạt hình, truyện
cổ tích tiếng Anh, âm nhạc… Đặc biệt là bạn có thể sử dụng English for Kids
ngoại tuyến và không cần phải đăng nhập.
App ABC Kids
Đây là ứng dụng học tiếng Anh online hiệu quả dành cho các bé mẫu
giáo. Trẻ sẽ được học tiếng Anh thông qua các trò chơi đơn giản như viết chữ
cái theo hướng dẫn hay tìm đồ vật. Các game này giúp các con nhận ra hình
dạng chữ cái kết hợp với các âm thanh phát ra từ từng từ, từng chữ cái giúp đánh
thức khả năng nghe tiếng Anh ngay từ khi còn nhỏ.
Giao diện của ABC Kids vô cùng bắt mắt tươi sáng giúp trẻ dễ dàng tập
trung vào mà không cảm thấy sớm bị áp lực trong việc học. Đặc biệt ABC Kids
rất dễ sử dụng, người lớn có thể dễ dàng truy cập vào ứng dụng để tham gia chế
độ giáo viên, cùng dạy cho con học tiếng Anh.
App Monkey Junior
Monkey Junior cung cấp một phần mềm học tiếng Anh với rất nhiều nội
dung phong phú, giúp bé học tiếng Anh hiệu quả. Phương pháp học tiếng Anh
này đã được kiểm chứng và ghi nhận trên thế giới, do được nghiên cứu và phát
triển bởi nhiều nhà khoa học hàng đầu trong lĩnh vực giáo dục sớm như Glenn
Doman, Shichida.
Nội dung chương trình học của ứng dụng này được phân chia thành 3 cấp
độ từ dễ đến khó phù hợp với khả năng của từng bé. Trong mỗi khóa học phát

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
15
âm có 3 giọng đọc bản xứ và các giọng đọc được luân phiên trong suốt khoá học
để việc dạy phát âm được hiệu quả hơn. Đấy cũng là cách để các bé luyện nghe
tiếng Anh.
Phần mềm học tiếng Anh này bao gồm hàng trăm chủ đề đọc khác nhau
từ những đồ vật ở nhà, hình dạng, bộ phận cơ thể, đồ chơi, các hành động, trái
cây, rau quả đến động vật hoang dã, côn trùng, thiên nhiên, giao thông, các
ngành nghề, các doanh nghiệp và khoa học cùng hơn 100 quy tắc phát âm khác
nhau.
App English Flashcards
English Flashcard cung cấp cho bé ở độ tuổi mẫu giáo 1 khóa học từ vựng
tiếng Anh tiêu chuẩn và miễn phí thông qua thẻ Flashcard. Các em có thể học từ
vựng tiếng Anh cơ bản thông qua hình ảnh minh họa bắt mắt và cách phát âm
chuẩn.
Mỗi thẻ ghi chú được kết hợp giữa giọng nói rõ ràng và 2 hình ảnh minh
họa liên quan - 1 ảnh chi tiết và 1 ảnh tổng quan, cung cấp cho trẻ 120 từ vựng
tiếng Anh thông dụng nhất thuộc 10 danh mục khác nhau. Các danh mục từ
vựng trong English Flashcards được tuyển chọn cẩn thận bởi các chuyên gia
ngoại ngữ hàng đầu, bao gồm chủ đề động vật, màu sắc, hình khối, ký hiệu giao
thông, trái cây, đồ đạc trong nhà, hành động, các bộ phận trên cơ thể, bò sát và
đồ ăn…
Website http://english-games.com/
Trang web này cung cấp rất nhiều trò chơi thú vị cho các bé mẫu giáo và
tiểu học muốn rèn luyện các kỹ năng tiếng Anh như phát âm, nghe nói và học từ
vựng. Các trò chơi ở đây rất đa dạng và phong phú về chủ đề, giao diện bằng
tiếng Việt nên rất dễ dàng và thuận tiện cho các bậc phụ huynh và các em sử
dụng.
Website http://www.starfall.com/
Đây là trang web có rất nhiều bài hát và những câu chuyện bằng tiếng
Anh với những chủ đề quen thuộc với cuộc sống hàng ngày. Bên cạnh đó, các bé

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
16
còn có thể học được rất nhiều kiến thức về toán học thông qua những trò chơi vô
cùng thú vị. Với thiết kế sinh động nhiều màu sắc sẽ kích thích não bộ của trẻ,
giúp trẻ tăng thêm độ hưng phấn khi học.
Website http://learnenglish.britishcouncil.org/en/
Đây là trang web khá hay cung cấp cho các bé những câu chuyện kể hấp dẫn
và rất nhiều trò chơi thú vị giúp trẻ có thể vừa học vừa chơi. Và đặc biệt là trang
này hoàn toàn miễn phí.
Website http://teacher.scholastic.com/clifford1/
Với trang web này, bé sẽ được nghe kể rất nhiều truyện tiếng Anh với
giọng phát âm chuẩn của các thầy cô bản ngữ. Ngoài ra trang web này còn có rất
nhiều trò chơi vui nhộn giúp các bé hứng thú hơn với việc học tiếng Anh.
2.2.Mô tả bài toán
Hiện nay, tiếng Anh được coi là ngôn ngữ quốc tế số một trên thế giới.
Hàng triệu người từ các nền văn hoá khác nhau đều nỗ lực học tiếng Anh mỗi
ngày. Ở Việt Nam, tiếng Anh cũng đã chiếm được vị trí quan trọng kể từ khi đất
nước bắt đầu thực hiện chính sách mở cửa hội nhập ra khu vực và thế giới. Ở
nhiều lĩnh vực khác nhau trong xã hội như kinh tế, chính trị, khoa học, du lịch,
vv... đều rất cần những người có trình độ tiếng Anh giỏi, Người ta học và sử
dụng tiếng Anh với nhiều mục đích khác nhau để đáp ứng nhu cầu giao tiếp
ngày càng lớn trong xã hội, để kiếm được công việc tốt, để được thăng chức hay
để giành được cơ hội đi du học và làm việc ở nước ngoài.
Cùng với đó, sự phát triển của internet, các web để phục vụ cho các nhu
cầu riêng của các tổ chức, công ty thậm chí các cá nhân, ngày nay, không lấy gì
làm xa lạ. Với một vài thao tác đơn giản, một người bình thường có thể trở
thành chủ của một website giới thiệu về bất cứ gì anh ta quan tâm, một website
giới thiệu về bản thân và gia đình anh ta, hay là một website trình bày các bộ
sưu tập hình ảnh các loại xe hơi mà anh ta thích chẳng hạn.
Đối với các chính phủ và các công ty thì việc xây dựng các website riêng
càng ngày càng trở nên cấp thiết. Thông qua những website này, thông tin về họ

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
17
cũng như công văn, thông báo, quyết định của chính phủ hay các sản phẩm dịch
vụ mới của công ty sẽ đến với những người quan tâm, đến với khách hàng của
họ một cách nhanh chóng kịp thời, tránh những phiền hà mà phương thức giao
tiếp truyền thống thường gặp phải.
Hiện nay, nguồn tài liệu học tiếng Anh rất nhiều, người dùng (phụ huynh)
không nắm rõ lộ trình học tiếng Anh cho con. Để đáp ứng nhu cầu trên ứng dụng
Web học tiếng Anh được đề xuất trong đề tài này. Website này cung cấp một công
cụ học khác biệt với các chương trình học truyền thống là nhắm vào cả đối tượng
phụ huynh. Những bài hoc được thiết kế sẵn theo lớp (Grade), kỳ học (Semester),
…tuần (Week) và từng ngày học. Những nhiệm vụ học (task) được thiết kế tuần tự
cho 1 ngày. Mỗi task là những nội dung cần học, tài liệu bổ trợ, file nghe, hình ảnh,
link sách … Phụ huynh đọc hướng dẫn nhiệm vụ, in tài liệu, bật file, mở sách … và
tổ chức hoạt động học cho học sinh theo hướng dẫn của task đó. Sau khi kết thúc
nhiệm vụ, phụ huynh có thể chuyển đến các nhiệm vụ tiếp theo. Vì trang Web học
tiếng Anh này cung cấp lộ trình học, phụ huynh đóng vai trò chủ động hỗ trợ việc
học của học sinh.
Kết thúc ngày học, học sinh sẽ phải làm bài kiểm tra trên web. Phải đạt trên
80% thì người dùng sẽ được qua học bài mới, nhưng nếu không đạt thì hệ thống sẽ
yêu cầu học lại bài học. Quá trình học của học sinh đươc lưu và ghi vào hệ thống.
Phụ huynh có thể theo dõi và kiểm tra tiến bộ của học sinh.
Từ những yêu cầu trên, để xây dựng trang web học tiếng Anh, ngôn ngữ
NodeJs + HTML + CSS + Javascript đã được chọn để thực hiện bài toán nêu trên.
2.3.Thiết kế hệ thống
Sau khi khảo sát hiện trạng ở trên, một yêu cầu cấp thiết cần đặt ra là xây
dựng và phát triển một Website đáp ứng được nhu cầu học tập tiếng Anh đơn
giản, hiêu quả, phù hợp lứa tuổi phát triển từ lớp 1 đến lớp 12. Việc xây dựng
website phải đáp ứng được những yêu cầu sau:
Quản lý người dùng (user):

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
18
Mỗi người dùng (user) của trang web đều cần khai báo những thông tin cá
nhân sau: Họ và tên, giới tính, địa chỉ, số điện thoại, số CMND hoặc Passport
(hoặc các văn bằng khác có hình).
Quản lý Lớp (Grade):
Các lớp từ lớp 1 cho đến lớp 12 có chương trình học khác nhau, tùy theo
từng lứa tuổi và sự phát triển tâm sinh lý. Sẽ có tất cả danh sách 12 lớp từ Grade 1
đến Grade 12.
Quản lý Học Kỳ (Semester):
Mỗi 1 lớp (Grade) thì sẽ có 2 học kỳ hoặc 4 học kỳ để đánh giá đúng mức
độ học tập tiếng Anh của người dùng (user).
Quản lý Tuần (Week):
Mỗi học kỳ sẽ có khoảng 13 tuần tất cả. Quản lý id của từng tuần để có
chương trình học hợp lý.
Quản lý Ngày (Day):
Mỗi tuần sẽ có tất cả 7 ngày, từ thứ 2 đến chủ nhật. Nhưng trên website sẽ
chỉ có tất cả là 5 ngày học, từ thứ hai cho đến thứ 6. Thứ 7 và Chủ nhật để người
dùng (user) hoặc các em học sinh nghỉ ngơi thư giãn.
Quản lý Bài học (Lesson):
Mỗi ngày sẽ 1-2 Lesson được dạy, không cần thiết phải quá nhiều Lesson
trong 1 ngày vì sẽ gây rối cho người học với lượng kiến thức lớn.
Quản lý tài Bài tập (Task):
Mỗi Bài học (Lesson) trong mỗi ngày (Day) sẽ có 1 lượng Task nhất định.
Mỗi bài Task sẽ kéo dài khoảng 30 phút, được dạy bằng trực quan hình ảnh, âm
thanh và cách dùng để học sinh hay người dùng (user) hiểu được vấn đề.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
19
2.4.Phân tích thiết kế với UML
Xác định các tác nhân của hệ thống
 Admin (Người quản trị):
 Quản trị viên có thể đăng nhập website của họ.
 Quản trị viên có thể xem, thay đổi trạng thái Grade, Semester,
Week, Day, Lesson, Task, thêm, sửa, xoá, tìm kiếm.
 Quản trị viên có thể xem, thêm, sửa, xoá, tìm kiếm các thông tin
của học sinh hoặc người dùng (user).
 Quản trị viên có thể xem, thêm, sửa, xoá, tìm kiếm các thông tin
 Người dùng, học sinh (user):
 User có thể dễ dàng đăng ký tài khoản và đăng nhập vào để học ...
 User học lần lượt theo từng Bài tập (Task) của từng Bài học
(Lesson) của từng Ngày (Day) của từng Tuần (Week) của từng Học kỳ
(Semester) của từng Lớp (Grade).
 User làm bài kiểm tra sau mỗi bài học
 User xem thống kê điểm sau mỗi lần kiểm tra

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
20
Bảng tác nhân
STT Tên Actor Chức năng
1
Quản trị
(Adminstrator)
- Quản lý người dùng (user)
- Đăng nhập
- Quản lý Học kỳ (Semester)
- Quản lý Lớp (Grade)
- Quản lý Tuần (Week)
- Quản lý Ngày (Day)
- Quản lý Bài học (Lesson)
- Quản lý Bài tập (Task)
- Kiểm tra và cập nhật Bài tập (Task)
- Quản lí câu hỏi
2
Người dùng
(user)
- Đăng nhập
- Đăng ký
- Xem và đặt chọn lớp (Grade)
- Xem và làm Bài tập (Task) của từng Bài
học (Lesson)
- Kiểm tra
- Xem điểm
3
Khách
- Xem và làm Bài tập (Task) của từng Bài
học (Lesson)
- Đăng nhập
- Đăng ký

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
21
Biểu đồ ca sử dụng tổng quát
Hình 2.1. Biểu đồ use case tổng quát
Qua biểu đồ Use case tổng quan ta có thể nhìn thấy được khái quát các
chức năng chính của hệ thống như quản lý tài khoản, quản lý lớp (Grade), quản
lý Học kỳ (Semester), quản lý Tuần (Week), quản lý Bài học (Lesson), quản lý
Bài tập (Task), thêm sửa xóa Bài tập (Task),… dưới sự tác động của các tác
nhân tham gia hệ thống: quản trị viên, người kiểm duyệt và người dùng.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
22
Biểu đồ ca sử dụng Người dùng (user)
Hình 2.2. Biểu đồ use case Người dùng (user)
Biểu đồ ca sử dụng Quản trị viên (Admin)
Hình 2.3. Biểu đồ use case Quản trị viên (admin)

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
23
Biểu đồ Actor
Hình 2.4. Biểu đồ Actor
Người sử dụng tham gia vào hệ thống gồm: Người quản trị hệ thống,
người kiểm duyệt, người dùng.
- Người quản trị hệ thống: Người có quyền cao nhất, chủ quản lý
các tài khoản, phân quyền truy cập cho user hay mod, có thể thêm sửa xóa user
hay mod; quản lý Grade, Semester, Week, Day, Lesson, Task.
- Người dùng: Người dùng hay học sinh có quyền đăng ký và đăng
nhập vào trang web để học tiếng Anh; học lần lượt Task 1, Task 2,.. rồi Lesson
1, Lesosn 2,.. của Day 1, Day 2,…

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
24
Đặc tả ca sử dụng
2.4.1.Quản lí Grade
Biểu đồ use case
Hình 2.5. Biểu đồ use case Grade
- Tên Use case: Quản lý grade
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin grade
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
grade.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
25
Biểu đồ hoạt động
 Cập nhật Grade
Hình 2.6. Biểu đồ cập nhật hoạt động Grade
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu Cập nhật grade 2. Hiện giao diện cập nhật grade
3.Thêm thông tin grade 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật grade
 Sửa nhanh grade
Hình 2.7. Biểu đồ sửa hoạt động Grade
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập grade. 2. Hiện giao diện danh sách grade
3.Chọn grade 4. Hiện thị thông tin grade sửa
5.Sửa grade 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
26
 Xóa grade
Hình 2.8. Biểu đồ cập nhật hoạt động Grade
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
grade
2. Hiện giao diện grade
3.Chọn grade xóa 4. Xóa grade. Thông báo xóa thành
công
Biểu đồ trình tự
Hình 2.9. Biểu đồ trình tự cập nhật, thêm Grade

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
27
Hình 2.10. Biểu đồ trình tự sửa Grade
Hình 2.12. Biểu đồ trình tự xóa Grade

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
28
2.4.2.Quản lí Semester
Biểu đồ use case
Hình 2.12. Biểu đồ use case Semester
- Tên Use case: Quản lý semester
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin semester
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
semester.
Biểu đồ hoạt động
 Cập nhật Semester
Hình 2.13. Biểu đồ cập nhật hoạt động Semester

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
29
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu cập nhật
semester
2. Hiện giao diện cập nhật semester
3.Thêm thông tin semester 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật semester
 Sửa nhanh semester
Hình 2.14. Biểu đồ sửa hoạt động Semester
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập
semester.
2. Hiện giao diện danh sách semester
3.Chọn semester 4. Hiện thị thông tin semester sửa
5.Sửa semester 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công
 Xóa semester
Hình 2.15. Biểu đồ xóa hoạt động Semester
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
grade
2. Hiện giao diện semester
3.Chọn semester xóa 4. Xóa semester. Thông báo xóa thành
công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
30
Biểu đồ trình tự
Hình 2.16. Biểu đồ trình tự cập nhật, thêm Semester
Hình 2.17. Biểu đồ trình tự sửa Semester

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
31
Hình 2.18. Biểu đồ trình tự xóa Semester

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
32
2.4.3.Quản lí Week
Biểu đồ use case
Hình 2.19. Biểu đồ use case Week
- Tên Use case: Quản lý week
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin week
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
week.
Biểu đồ hoạt động
 Cập nhật week
Hình 2.20. Biểu đồ cập nhật hoạt động Week

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
33
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu Cập nhật week 2. Hiện giao diện cập nhật week
3.Thêm thông tin week 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật week
 Sửa nhanh week
Hình 2.21. Biểu đồ sửa hoạt động Week
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập week. 2. Hiện giao diện danh sách week
3.Chọn week 4. Hiện thị thông tin week sửa
5.Sửa week 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công
 Xóa week
Hình 2.22. Biểu đồ xóa hoạt động Week
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
week
2. Hiện giao diện week
3.Chọn week xóa 4. Xóa week. Thông báo xóa thành
công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
34
Biểu đồ trình tự
Hình 2.23. Biểu đồ trình tự cập nhật, thêm Week
Hình 2.24. Biểu đồ trình tự sửa Week

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
35
Hình 2.25. Biểu đồ trình tự xóa Week

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
36
2.4.4.Quản lí Day
Biểu đồ use case
Hình 2.26. Biểu đồ use case Day
- Tên Use case: Quản lý Day
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin Day
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
Day.
Biểu đồ hoạt động
 Cập nhật Day
Hình 2.27. Biểu đồ cập nhật hoạt động Day

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
37
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu Cập nhật Day 2. Hiện giao diện cập nhật Day
3.Thêm thông tin Day 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật grade
 Sửa nhanh Day
Hình 2.28. Biểu đồ sửa hoạt động Day
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập Day. 2. Hiện giao diện danh sách Day
3.Chọn Day 4. Hiện thị thông tin Day sửa
5.Sửa Day 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công
 Xóa Day
Hình 2.29. Biểu đồ xóa hoạt động Day
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
Day
2. Hiện giao diện Day
3.Chọn Day xóa 4. Xóa Day. Thông báo xóa thành
công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
38
Biểu đồ trình tự
Hình 2.30. Biểu đồ trình tự cập nhật, thêm Day
Hình 2.31. Biểu đồ trình tự sửa Day

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
39
Hình 2.32. Biểu đồ trình tự xóa Day

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
40
2.4.5.Quản lí Lesson
Biểu đồ use case
Hình 2.33. Biểu đồ use case Lesson
- Tên Use case: Quản lý Lesson
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin Lesson
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
Lesson.
Biểu đồ hoạt động
 Cập nhật Lesson
Hình 2.34. Biểu đồ cập nhật hoạt động Lesson

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
41
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu Cập nhật Lesson 2. Hiện giao diện cập nhật Lesson
3.Thêm thông tin Lesson 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật Lesson
 Sửa nhanh Lesson
Hình 2.35. Biểu đồ sửa hoạt động Lesson
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập Lesson. 2. Hiện giao diện danh sách Lesson
3.Chọn Lesson 4. Hiện thị thông tin Lesson sửa
5.Sửa Lesson 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công
 Xóa Lesson
Hình 2.36. Biểu đồ xóa hoạt động Lesson
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
Lesson
2. Hiện giao diện Lesson
3.Chọn Lesson xóa 4. Xóa Lesson. Thông báo xóa thành
công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
42
Biểu đồ trình tự
Hình 2.37. Biểu đồ trình tự cập nhật, thêm Lesson
Hình 2.38. Biểu đồ trình tự sửa Lesson

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
43
Hình 2.39. Biểu đồ trình tự xóa Lesson

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
44
2.4.6.Quản lí Task
Biểu đồ use case
Hình 2.40. Biểu đồ use case Task
- Tên Use case: Quản lý Task
- Tác nhân: Quản trị
- Mục đích: Cập nhật, sửa, xóa thông tin Task
- Mô tả khái quát: Những quản trị đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Tài khoản của người dùng có chức quản lý
Task.
Biểu đồ hoạt động
 Cập nhật Task
Hình 2.41. Biểu đồ cập nhật hoạt động Task

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
45
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu Cập nhật Task 2. Hiện giao diện cập nhật Task
3.Thêm thông tin Task 4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho phép cập
nhật Task
 Sửa nhanh Task
Hình 2.42. Biểu đồ sửa hoạt động Task
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập Task. 2. Hiện giao diện danh sách Task
3.Chọn Task 4. Hiện thị thông tin Task sửa
5.Sửa Task 6.Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không. Nếu hợp lệ thì
báo sửa thành công
 Xóa Task
Hình 2.43. Biểu đồ xóa hoạt động Task
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
grade
2. Hiện giao diện Task
3.Chọn Task xóa 4. Xóa Task. Thông báo xóa thành
công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
46
Biểu đồ trình tự
Hình 2.44. Biểu đồ trình tự cập nhật, thêm Task
Hình 2.45. Biểu đồ trình tự sửa Task

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
47
Hình 2.46. Biểu đồ trình tự xóa Task

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
48
2.4.7.Quản lý Question
Biểu đồ use case
Hình 2.47. Use case quản lý Question
- Tên Use case: Quản lý Question
- Tác nhân: Quản trị viên
- Mục đích: Cập nhật, sửa, xóa thông tin Question
- Mô tả khái
quát:
Những quản trị viên đăng thông tin lên sẽ quản lý
toàn bộ những thông tin liên quan.
- Tiền điều kiện: Người dùng không có chức quản lý Question.
Biểu đồ hoạt động
 Cập nhật Question
Hình 2.48. Biểu đồ hoạt động quản lý Question

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
49
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu cập nhật Question 2. Hiện giao diện cập nhật Question
3. Thêm thông tin Question
4. Kiểm tra dữ liệu người dùng nhập
vào. Nếu thỏa mãn thì cho cập nhật
Question
 Sửa nhanh Question
Hình 2.49. Biểu đồ hoạt động sửa nhanh quản lý Question
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập
Question
2. Hiện giao diện danh sách Question
3. Chọn Question 4. Hiện thị thông tin sửa Question
5. Sửa Question
6. Kiểm tra dữ liệu người dùng sửa
xem có hợp lệ không.
Nếu hợp lệ thì báo sửa thành công
 Xóa Question
Hình 2.50. Biểu đồ hoạt động xóa quản lý Question

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
50
Hành động của tác nhân Hồi đáp của hệ thống
1. Yêu cầu truy cập danh sách
Question
2. Hiện giao diện Question
3. Chọn Question xóa
4. Xóa Question. Thông báo
xóa thành công
Biểu đồ trình tự Question
Hình 2.51. Biểu đồ trình tự cập nhật, thêm Question

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
51
Hình 2.52. Biểu đồ trình tự sửa Question
Hình 2.53. Biểu đồ trình tự xóa Question

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
52
CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH
3.1.Ngôn ngữ lập trình sử dụng
HTML5
Vì HTML5 là HTML phiên bản 5 với nhiều cải tiến mới giúp cho việc tạo
nội dung web đơn giản hơn và cũng giúp cho các bộ máy tìm kiếm dễ dàng hơn
trong việc phân loại nội dung. Cho nên, việc sử dụng HTML5 ở chương trình
này sẽ giải quyết được nhiều vấn đề còn tồn tại.
CSS3
CSS3 là một chuẩn mới nhất của CSS, hay nói cách khác nó là một
Version mới của CSS. Nó được chia ra làm nhiều module và mỗi module sẽ có
những nhiệm vụ khác nhau, khi kết hợp chúng với nhau sẽ tạo nên những hiệu
ứng tuyệt vời. Chính vì vậy để làm đẹp cho chương trình sẽ không thể thiếu
được nó.
Javascript
Vì Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox,
Chrome, ... thậm chí các trình duyệt trên thiết bị di động cũng có hỗ trợ. Từ việc
cải thiện tính năng của website đến việc mang đến sự sinh động và tạo phần
mềm nền web. Cho nên, Javascript cũng sẽ là một ngôn ngữ cần thiết cho
chương trình này.
NodeJs
Các web thông thường gửi HTTP request và nhận phản hồi lại (Luồng dữ
liệu). Giả xử sẽ cần xử lý 1 luồng giữ liệu cực lớn, NodeJS sẽ xây dựng các
Proxy phân vùng các luồng dữ liệu để đảm bảo tối đa hoạt động cho các luồng
dữ liệu khác. Node.js có thể xử lý hàng ngàn kết nối đồng thời trong khi PHP sẽ
chỉ có nước sụp đổ. Và với dữ liệu lớn như chương trình này thì NodeJs là một
lựa chọn phù hợp nhất ở thời điểm hiện tại.
3.2.Chức năng chương trình
Với việc sử dụng các công nghệ lập trình thì em đã hoàn thành đồ án
“Phát triền phần mềm học tiếng Anh” với các chức năng sau:

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
53
Tạo tài khoản người dùng
Hình 3.1. Thêm mới tài khoản người dùng
Gửi mail khi đăng kí tài khoản thành công
Hình 3.2. Gửi mail thông báo

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
54
Đăng nhập
Hình 3.3. Giao diện màn hình đăng nhập
Hình 3.4. Giao diện màn hình khi đăng nhập thành công

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
55
Chỉnh sửa thông tin cá nhân
Hình 3.5. Giao diện màn hình chỉnh sửa thông tin cá nhân
Thêm sửa xóa Grade, Lesson, Task, ….. ( Admin)
Hình 3.6. Màn hình thêm mới Task
Hình 3.7. Màn hình sửa Lesson

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
56
Hình 3.8. Màn hình xóa Grade, Lesson, Day, ….
Làm bài kiểm tra và thông báo điểm
Hình 3.9. Giao diện làm bài kiểm tra

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
57
Hình 3.10. Giao diện xem điểm kiểm tra và đánh giá bài học
Xem điểm tổng kết của các bài kiểm tra
Hình 3.11. Giao diện xem điểm tổng kết

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
58
In worksheet
Hình 3.12. Giao diện khi thực hiện in worksheet
Xem đánh giá của người dùng (Admin)
Hình 3.13. Giao diện của admin xem đánh giá người dùng

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
59
Quản lí người dùng (Admin)
Hình 3.14. Giao diện quản lí người dùng của Admin
3.3.Kết luận
Hệ thống phần mềm đã được chạy thử nghiệm. Các kết quả thực nghiệm
cho thấy, phần mềm học tiếng anh đã bước đầu đạt được các tiêu chí về mục tiêu
và các yêu cầu của giáo viên hướng dẫn. Chương trình có thể đưa vào ứng dụng
trực tiếp cho người có nhu cầu học tiếng anh.

Tuhocdohoa.vn - Hệ thống đào tạo thiết kế đồ họa số 1 việt Nam
60
TÀI LIỆU THAM KHẢO
Tài liệu tiếng việt:
[1] Đỗ Văn Uy (2013),– Bài giảng môn phân tích thiết kế hệ thống, Viện
công nghệ thông tin Đại học Bách Khoa Hà Nội
[2] Phạm Thị Xuân Lộc (2010), Bài giảng Phân tích hệ thống của Thạc sỹ
, Khoa Công nghệ Thông tin - Ðại học Cần Thơ
Tài liệu tiếng anh:
[3] MySQL Reference Manual
[4] Arthur M. Langer, Analysis and Design of Information System,
Springer, 2014
Một số trang Web:
[5] https://hoclieu.sachmem.vn
[6] https://vietjack.com
[7] https://docs.mongodb.com/manual/introduction/