CHƯƠNG 3.

NỀN TẢNG CÔNG NGHỆ SỐ

GIẢNG VIÊN: TIẾN SĨ TRẦN VĂN ĐẠT

3.1. Khái niệm về
Công nghệ số
3.1.1. Hosting
Hosting là dịch vụ lưu trữ và chia sẻ dữ liệu
trực tuyến, là không gian trên máy chủ có cài
đặt các dịch vụ Internet như World Wide Web
(www), truyền file (FTP), Mail,… mà người
dùng có thể chứa nội dung trang web hay dữ
liệu trên không gian đó.
3.1.1. Hosting
Phần cứng

Lưu trữ tệp

Hosting
Bảo mật

Thời gian hoạt động

3.1.2. Tên miền
Tên miền là địa chỉ trang web, cái mà chúng
ta sẽ gõ trên thanh URL của trình duyệt để
truy cập website của một chủ thể nào đó
(Mueller, 2000).

Tên miền giống như một địa chỉ cá nhân vì đó

là cách mọi người tìm thấy các doanh nghiệp
hoặc cá nhân trên World Wide Web.
3.1.2. Tên miền
TLD – Top level doman: là phần mở rộng sau dấu
chấm cuối cùng của một tên miền.

Infrastructure Top-Level Domain – Tên miền hạ tầng:

gồm tên miền, là .arpa, đại diện cho ARPA

Phân loại tên miền

Các loại domain name khác

Subdomain
3.1.3. User Interface và User
Experience (UI - UX)
Giao diện người dùng – user Interface (UI)

UI là viết tắt của User Interface (Giao diện

người dùng), một khái niệm dùng để chỉ nơi
mà con người và máy móc làm việc cùng
nhau.
3.1.3. User Interface và User
Experience (UI - UX)
Giao diện người dùng – user Interface (UI)

- Người dùng sẽ nhìn thấy đầu tiên cấu trúc

của hệ thống
- Một UI tốt phải thu hút người dùng sử dụng
hệ thống
- User interface có cú pháp và ngữ nghĩa của
nó
- Có 2 loại UI: a) Văn bản (textual); b)
Graphical (đồ hoạ).
 Nâng cao sự hài lòng của khách hàng
1
& Cải thiện chỉ số ROI

2 Hiểu hơn về đối tượng của mình

Tầm quan trọng của
UI
3 Tiết kiệm tiền của và thời gian

4 Tạo dựng tên tuổi thương hiệu

 1 Giai đoạn thiết kế

Giai đoạn của quá trình phát 2 Giai đoạn thực hiện
triển UI

3 Giai đoạn kiểm tra

3.1.3. User Interface và User
Experience (UI - UX)
Trải nghiệm người dùng - User Experience

UX xem xét là trải nghiệm tổng thể của người

dùng với một sản phẩm, trang web, ứng dụng
di động hoặc hay một dịch vụ cụ thể nào đó.
 Giữ chân khách hàng, khởi tạo khách hàng trung thành

Tăng thứ hạng trên công cụ tìm kiếm:

Vai trò UX

Ảnh hưởng đến doanh thu

Tiết kiệm chi phí cho doanh nghiệp

 Yếu tố mô tả UX

4 Credible: Đáng tin cậy

1 Useful: Hữu ích

5 Desirable: Mong muốn

Usable: Có thể sử dụng

2
6 Accessible: Có thể truy cập

3 Findable: Có thể tìm thấy

7 Valuable: Quý giá
 1 Nghiên cứu người dùng

2 Thiết kế tương tác

3 Thiết kế thị giác

Giai đoạn của quá trình phát
triển UX 4 Cấu trúc thông tin

5 Xây dựng nội dung

6 Thử nghiệm
3.2. Phân loại Website
3.2.1. Theo dữ liệu
Phân loại

Website tĩnh

Website động
Website tĩnh Website không có hệ thống quản lý nội dung, hoặc có nhưng về nội
dung website thì không thay đổi được
(static web)

Nhược điểm

Khó nâng cấp bảo trì

Khó thay đổi, quản lý nội dung

Không có sự tương tác với người dùng

Website tĩnh (static web)

Ưu điểm

Giao diện thiết kế mới lạ Ít tốn tài nguyên máy chủ Chi phí đầu tư thấp

Thân thiện với bộ máy tìm kiếm Khả năng bảo mật cao Tốc độ truy cập nhanh
Website động Những website có hệ thống quản lý nội dung và người dùng có
thể chỉnh sửa nội dung được.

Nhược điểm

Cần có người vận hành/ quản lí có chuyên

Tốn chi phí xây dựng
môn
Website động

Ưu điểm

Dễ dàng nâng cấp và bảo trì trang

Tương tác người dùng cao Quản lý nội dung dễ dàng hơn
web động

Dễ dàng xây dựng trang web lớn Hoàn toàn có thể thực hiện SEO
tốt
3.2.2. Theo đối tượng
Phân loại
Website cá nhân

Website doanh nghiệp

Website thương mại điện tử
Website tin tức

Diễn đàn
Website mạng xã hội (SNS)

Website giải trí

Website Cá nhân
Website Cá nhân là các trang web trên
toàn thế giới do một cá nhân tạo ra để
chứa nội dung có tính chất cá nhân hơn
là nội dung liên quan đến công ty, tổ chức
hoặc cơ quan. Tồn tại dưới dạng Blog
Website Doanh nghiệp
Website Doanh nghiệp là một tập hợp
các trang web (web page) bao gồm văn
bản, hình ảnh, video,... về doanh nghiệp
nằm trên một tên miền trên World Wide
Web của Internet
Website Thương mại điện
tử
Website Thương mại điện tử (hay E-
commercial Website) là trang thông tin
điện tử được thiết lập để phục vụ một
phần hoặc toàn bộ quy trình của hoạt
động mua bán hàng hóa/dịch vụ, từ
trưng bày giới thiệu đến giao kết hợp
đồng, cung ứng, thanh toán và dịch vụ
sau bán hàng.
Website Tin tức
Website tin tức là những website báo
điện tử, được thiết kế đặc biệt để truyền
tải những thông tin mới nhất, gần đây
nhất về một lĩnh vực cụ thể hoặc nhiều
lĩnh vực khác nhau của đời sống hiện nay.
Diễn đàn
Diễn đàn là website nơi mà chúng ta có
thể cùng nhau thảo luận, trao đổi ý kiến
cũng như kiến thức về một chủ đề nào đó
có cùng mối quan tâm.
Trang mạng xã hội
Mạng xã hội là phương tiện để kết nối,
chia sẻ và tiếp nhận thông tin mà nó
ngày trở nên phổ biến, mở rộng trong
thời đại hiện nay.
Tiêu biểu như: Facebook, Zalo, Tiktok
Instagram, ,..
Website Giải trí
Website giải trí hoạt động như tạp chí
trực tuyến nhằm cung cấp thông tin giải
trí, định hướng dư luận, tin tức nóng hổi
về người nổi tiếng, tin tức thể thao, điện
ảnh, nghệ thuật,…
3.2.3. Theo tương tác với
người dùng

Phân loại
Website 1.0

Website 2.0
 So sánh web 1.0 và 2.0
Tiêu chí Web 1.0 Web 2.0

Loại web Web tĩnh Web động

Lưu trữ dữ liệu Chỉ tập trung lưu trữ ở 1 nơi Có thể lưu trữ dữ liệu ở nhiều nơi khác nhau.

Đối tượng sử dụng Cá nhân sử dụng Thích hợp với mọi đối tượng sử dụng

Nội dung - Cung cấp nội dung cho người dùng
mang tính thụ động chỉ dừng lại ở mức
cung cấp thông tin.
- Không có tính linh hoạt và khá cứng
nhắc.
- Cung cấp nội dung mang tính tương tác với người
dùng cao nhờ các API. Người dùng có thể gửi dữ liệu
như đăng bài, bình luận để lưu trữ.
- Nội dung của web 2.0 khá linh động và mềm dẻo.

Hệ thống của web Hệ thống của web 1.0 phát triển riêng lẻ. Web 2.0 là hệ thống đồng bộ đa nền tảng
3.3. Thiết kế website cơ bản
3.3.1. Thiết kế trình bày trang
web (Mockup cho website).

Mockup là các tệp hình ảnh được thiết kế sẵn

nhằm mục đích giúp các nhà thiết kế mô
phỏng thiết kế của họ khi thực hiện trên máy
tính thực, điện thoại thực hoặc bất cứ thứ gì
có thật.
3.3.1. Thiết kế trình bày trang
web (Mockup cho website).

Mockup được thiết kế để truyền đạt ý tưởng

chung dựa trên mong muốn thực tế, từ đó thu
thâp những thông tin phản hồi từ người dùng
để hoàn thiện hơn trước khi tung ra trang
web chính thức.
 Các bước thiết kế Mockup
• Bắt đầu bằng một bản phác thảo ghi lại ý tưởng
thiết kế

2. Chọn công cụ thiết kế Mockup phù hợp

3. Chuyển bản phác thảo thành khung

4. Tạo một mô hình

5. Chuyển từ một mô hình tĩnh sang trạng thái động

6. Thu thập phản hồi

7. Kiểm tra nguyên mẫu thiết kế trang web

8. Lặp lại các mẫu vào lúc chúng ta hoàn thành thiết kế trước
khi giao cho nhà phát triển
3.3.2. Xây dựng nội dung
trang web
Nội dung cho bất kỳ trang web nào phần lớn
sẽ được thúc đẩy bởi các mục tiêu của trang
web và sở thích của người xem, những người
sẽ truy cập các trang đó.
Các bước để xác định và quản lý nội dung

Thấu hiểu kỳ vọng về Xác định các lĩnh vực

Phân tích nguồn nội dung
nội dung nội dung chính

Phản ánh chủ đề nội dung vào Phát triển các chủ đề
Chỉnh sửa nội dung lỗi thời
sơ đồ trang web nội dung

Phác thảo điều hướng Tạo label nội dung Đặt nội dung trên trang
3.3.3. Thiết kế web cơ bản
Quy trình tên miền cho website phải gồm 5
bước:
• Vào website domain.mona.media
• Kiểm tra tên miền có hợp lệ không?
• Chọn đuôi tên miền và thanh toán
• Nhập đầy đủ thông tin đăng ký.
• Xác nhận chủ sở hữu của tên miền.
 WordPress

Joomla

Nền tảng thiết kế Website cơ Opencart

bản
Magento

Haravan
3.4 Các yếu tố khi thiết kế
website để SEO
2.3.3. Nghiên cứu khách hàng online

• Địa chỉ Url website thân thiện

• Có hoặc không có “www” (World Wide Web)
• File sitemap.xml
• File robots.txt
• Nội dung chất lượng
• Sử dụng các từ khóa chiến lược
• Ưu tiên trên thiết bị di động
• Sử dụng đa phương tiện
• Tập trung vào siêu dữ liệu (metadata)
• Nhận xét người dùng
Câu hỏi ôn tập
1/ Hãy giải thích hosting là gì? Những hoạt động cơ bản mà một
hosting sẽ cung cấp?
2/ Hãy giải thích tên miền là gì? Phân loại cấp độ của tên miền?
3/ Hãy giải thích giao diện người dùng (UI) là gì? Có mấy loại UI?
Tầm quan trọng của UI
4/ Hãy giải thích trải nghiệm ngưòi dùng (UX) là gì? Tầm quan
trọng của UX?
5/ Hãy phân loại website theo dữ liệu, theo đối tượng, theo sự tương
tác với người dùng
6/ Hãy nêu quá trình thiết kế web cơ bản?
7/ Hãy nêu các yếu tố cần lưu ý khi thiết kế website để tối ưu hoá
công cụ SEO
Thank you!