THIẾT KẾ VÀ QUẢN TRỊ NỘI

DUNG WEBSITE

Ths. Đặng Trần Long

Đặng Trần Long Khoa Thông Tin Thư Viện 1

 THIẾT KẾ VÀ QUẢN TRỊ NỘI DUNG WEBSITE

• Thông tin
• Giảng viên: Ths Đặng Trần Long
• Email: tranlong.hus@gmail.com
• Phone: 0988465312 (Zalo)
• Điểm thành phần
• Chuyên cần: 10%
• Giữa kỳ: 30%
• Cuối kỳ: 60%

Đặng Trần Long Khoa Thông Tin Thư Viện 2

 MỤC TIÊU MÔN HỌC

• Môn học cung cấp những kiến thức cơ bản về world wide web, các giao thức, ngôn ngữ đánh dấu và một
số ngôn ngữ khác dùng để tạo website. Thông qua việc giới thiệu một số công cụ thiết kế và trợ giúp việc
xây dựng website, giúp học viên nắm được những yêu cầu, qui trình thiết kế, triển khai và quản trị một
website thực tế.

Đặng Trần Long Khoa Thông Tin Thư Viện 3

 MỤC TIÊU TUẦN 2

• Nắm bắt cơ bản về hệ điều hành và sử dụng.

• Nắm bắt về các máy chủ ảo
• Xampp
• WampSever
• Mamp
• Lamp
• Cài đặt được máy chủ ảo trên hệ điều hành

Đặng Trần Long Khoa Thông Tin Thư Viện 4

 TỔNG QUAN VỀ HỆ ĐIỀU HÀNH

• Hệ điều hành Windows

• Hệ điều hành MacOs
• Hệ điều hành Linux

Đặng Trần Long Khoa Thông Tin Thư Viện 5

 HỆ ĐIỀU HÀNH WINDOWS

• Microsoft Windows là một hệ điều hành dựa trên giao diện người dùng đồ họa được phát triển và phân
phối bởi Microsoft. Nó cung cấp một giao diện người dùng thân thiện và dễ sử dụng cho người dùng,
cho phép người dùng truy cập vào các ứng dụng và dịch vụ của hệ thống máy tính.
• Windows ra đời vào năm 1985, Windows đã trải qua nhiều phiên bản phát triển với nhiều cải tiến và
tính năng mới. Tuy nhiên, bản Windows 1.0 là bản đầu tiên có giao diện đồ họa, được Microsoft giới
thiệu với tên gọi Interface Manager.

Đặng Trần Long Khoa Thông Tin Thư Viện 6

 ƯU VÀ NHƯỢC ĐIỂM CỦA WINDOWS

• Ưu điểm: Windows có tính tương thích cao với phần mềm và phần cứng và đã trở thành nền tảng đang
chiếm lĩnh thị trường sử dụng cao nhất hiện nay. Điều này có nghĩa là người dùng có thể dễ dàng tìm
thấy các ứng dụng và phần cứng tương thích với Windows. Giao diện của Windows cũng rất dễ sử dụng
và làm quen.
• Nhược điểm: Windows cũng không hoàn hảo và có một số nhược điểm cần lưu ý. Đáng chú ý nhất là
tính bảo mật, với số lượng người dùng lớn, hệ điều hành này luôn là mục tiêu của các tin tặc và hacker.
Ngoài ra, sử dụng các bản Windows lậu cũng có thể khiến cho máy tính dễ bị xâm nhập bởi các mã độc,
virus.

Đặng Trần Long Khoa Thông Tin Thư Viện 7

 HỆ ĐIỀU HÀNH MACOS

• MacOs (Macintosh Operating System) là hệ điều hành dành riêng cho máy Mac của Apple. Hiệu suất
của MacOs rất nhanh và nhạy do hệ điều hành được tối ưu hóa cho từng phần cứng cụ thể.
• MacOs được giới thiệu vào năm 1984 dùng cho máy tính cá nhân (PC) Macintosh. Hệ điều hành này đã
làm cho giao diện người dùng đồ họa (GUI) trở nên phổ biến, thậm chí còn truyền cảm hứng cho
Microsoft loại bỏ phương thức nhập liệu của người dùng để chuyển sang sử dụng GUI cho hệ điều hành
Windows.

Đặng Trần Long Khoa Thông Tin Thư Viện 7

 ƯU VÀ NHƯỢC ĐIỂM CỦA MACOS

• Ưu điểm:
• ít bị virus tấn công hơn: macOS là một hệ điều hành có tính bảo mật cao. Ngoài ra, mối quan hệ UNIX của nó an
toàn hơn hệ điều hành Windows.
• Hỗ trợ khách hàng tốt: Người dùng Mac nhận được phản hồi tốt từ Apple Support so với các hệ điều hành khác.
• Đồng bộ cao: MacOs có giao diện người dùng đồ họa (GUI) giống như trong các sản phẩm khác của Apple như
iPhone và iPad. Người dùng cảm thấy thoải mái khi sử dụng macOS nếu họ chuyển từ các sản phẩm khác của
Apple.
• Hiệu năng ổn định và bền bỉ: Vì Apple tạo ra cả phần cứng và phần mềm nên hiệu năng của macOS rất mượt mà.
Máy tính Apple có tuổi thọ cao hơn các loại máy tính khác. Thời lượng pin của MacBook cũng lâu hơn.
• Có thể chạy Windows: Bạn có thể chạy hệ điều hành Windows nếu bạn đã cài đặt MacOs bằng cách sử dụng
Bootcamp.

Đặng Trần Long Khoa Thông Tin Thư Viện 8

 ƯU VÀ NHƯỢC ĐIỂM CỦA MACOS

• Nhược điểm:
• Giá thành cao: Giá thành của MacBook luôn cao hơn Laptop so cùng cấu hình.
• Ít phần mềm lớn tương thích: Không phải phần mềm nào cũng có thể vận hành trơn tru trên macOS. So với
Windows, người dùng macOS sẽ gặp bất lợi trong việc tiếp cận một số phần mềm văn phòng hoặc các tựa game
giải trí.
• Gặp nhiều vấn đề khi sử dụng: Vấn đề bảo mật cao khiến nhiều người không biết cách dùng. Bảo mật cao đồng
nghĩa với việc thao tác để mở khoá, cài ứng dụng thứ 3 bên ngoài hoặc thay đổi thiết bị trở nên mất thời gian.

Đặng Trần Long Khoa Thông Tin Thư Viện 9

 HỆ ĐIỀU HÀNH LINUX

• Linux là hệ điều hành của máy tính và đã được phát triển vào những năm 1991. Linux được phát triển
nên dựa vào hệ điều hành Unix và viết bằng ngôn ngữ C.

Đặng Trần Long Khoa Thông Tin Thư Viện 10

 ƯU VÀ NHƯỢC ĐIỂM CỦA LINUX

• Ưu điểm:
• Miễn phí, được hỗ trợ những ứng dụng văn phòng LibreOffice và OpenOffice.
• Có tính bảo mật cao.
• Không sợ xảy ra tình trạng lag, giật, không hoạt động,… trên những máy tính với cấu hình không cao .
• Nhược điêm:
• Những nhà phát triển về phần mềm hiện tại vẫn chưa để tâm tới hệ điều hành vô cùng tiềm năng này vì vậy số
lượng những phần mềm được hỗ trợ ở thời điểm hiện tại vẫn còn đang hạn chế.
• Một số những nhà sản xuất hiện tại vẫn không phát triển driver để hỗ trợ cho nền tảng Linux.

Đặng Trần Long Khoa Thông Tin Thư Viện 11

 TỔNG QUAN VỀ MÁY CHỦ ẢO

• Xampp
• WampSever
• Mamp
• Lamp

Đặng Trần Long Khoa Thông Tin Thư Viện 12

 GIỚI THIỆU VỀ XAMPP

• Phần mềm Xampp là một trong những phần mềm được nhiều lập trình viên sử dụng để thiết lập website
theo ngôn ngữ PHP. XAMPP có công dụng thiết lập web server có cài đặt sẵn các công cụ như PHP,
Apache, MySQL…
• Download: https://www.apachefriends.org/download.html

Đặng Trần Long Khoa Thông Tin Thư Viện 13

 CÁC THÀNH PHẦN CỦA XAMPP

• Apache: Apache là một website software sử dụng source code mở hoàn toàn miễn phí, được sử dụng bởi
46% trên tổng số các website trên toàn cầu. Phần mềm web này được thiết lập và cập nhật bởi Apache
Software Foundation.
• MySql: MySQL là một hệ thống quản lý cơ sở dữ liệu liên kết có ưu điểm nhanh chóng, dễ dùng cho các
lập trình viên.
• PHP: PHP (viết tắt của Hypertext Pre-processor, tiền thân là Personal Home Page) là một ngôn ngữ lập
trình kịch bản, được ứng dụng trong các loại website (tĩnh và động) và ứng dụng website.
• Perl: PERL có tên đầy đủ là Practical Extraction and Report Language, là một trong những ngôn ngữ lập
trình hiện đại hoạt động song song với PHP trong Xampp có khả năng lọc bỏ những dữ liệu thừa và cung
cấp những dữ liệu quan trọng trong việc thiết lập website.

Đặng Trần Long Khoa Thông Tin Thư Viện 14

 ƯU VÀ NHƯỢC ĐIỂM CỦA XAMPP

• Ưu điểm:
• Tích hợp nhiều tính năng
• Mã nguồn mở
• Chạy được trên nhiều hệ điều hành như (Windows, MacOs, Linux)
• Cấu hình đơn giản nhiều tính năng
• Nhược điểm:
• Không hỗ trợ được nhiều Module

Đặng Trần Long Khoa Thông Tin Thư Viện 15

 GIỚI THIỆU VỀ WAMPSEVER

• Tương tự XAMPP, MAMP, LAMP, Wampserver (hay còn có tên khác là WAMP) là một phần
mềm giả lập server miễn phí, cho phép cài đặt và vận hành website ngay trên máy tính cá
nhân bằng Localhost. Đây là một gói server cục bộ dành cho Windows, bạn có thể host các
ứng dụng web sử dụng Apache, PHP và MySQL.
• https://www.wampserver.com/en/

Đặng Trần Long Khoa Thông Tin Thư Viện 16

 ƯU VÀ NHƯỢC ĐIỂM CỦA WAMPSEVER

• Ưu điểm:
• Dễ dàng cấu hình version của MySQL và bật các module của Apache
• Tạo backup đơn giản và nhanh chóng
• Bật/tắt các chức năng của PHP mà không cần mở file PHP.ini
• Phát hiện và sửa lỗi của website kịp thời, cải thiện tốc độ của các thao tác lập trình và xử lý lỗi
• Nhược điểm:
• Chỉ có thể hoạt động được trên hệ điều hành Windows
• Có thể gặp phải một số xung đột với các phần mềm khác trên máy tính
• Không tương thích với một số phiên bản mới nhất của Apache, PHP hoặc MySQL

Đặng Trần Long Khoa Thông Tin Thư Viện 17

 GIỚI THIỆU VỀ MAMP

• MAMP là môi trường server nội bộ và miễn phí, cung cấp cho nhà phát triển website.
• MAMP là từ viết tắt của Macintosh, Apache, MySQL và PHP, ban đầu được phát triển riêng cho Mac
nhưng hiện đã mở rộng cho cả nền tảng Windows.
• https://www.mamp.info/en/mamp/mac/

Đặng Trần Long Khoa Thông Tin Thư Viện 18

 ƯU VÀ NHƯỢC ĐIỂM CỦA MAMP

• Ưu điểm:
• Tích hợp nhiều tính năng
• Mã nguồn mở
• Có 2 phiên bản Free và Pro
• Cấu hình đơn giản nhiều tính năng
• Nhược điểm:
• Mới có thêm phiên bản chạy trên Windows

Đặng Trần Long Khoa Thông Tin Thư Viện 19

 GIỚI THIỆU VỀ LAMP

• LAMP là tên gọi chung cho quá trình tạo nên một môi trường máy chủ Web có khả năng chứa và phân
phối các trang Web động thông qua việc kết hợp 4 thành phần bao gồm: Linux, Apache, MySQL và một
ngôn ngữ lập trình có thể là: PHP hay Perl hoặc Python.

Đặng Trần Long Khoa Thông Tin Thư Viện 20

 ƯU VÀ NHƯỢC ĐIỂM CỦA LAMP

• Ưu điểm:
• Hoàn toàn miễn phí
• Cộng đông người sử dụng đa dạng
• Dễ dàng triển khai
• Nhược điểm:
• Mới chỉ có trên Linux

Đặng Trần Long Khoa Thông Tin Thư Viện 21

 SO SÁNH XAMPP, WAMP, MAMP, LAMP

Wamp Xampp Mamp Lamp

HĐH WIndows Windows, MacOs, Linux MacOs, Windows Linux

Apache Apache Apache Apache

MySQL MySQL MySQL MySQL

PHP và Perl PHP và Perl PHP PHP

Đặng Trần Long Khoa Thông Tin Thư Viện 23

 HƯỚNG DẪN CÀI ĐẶT XAMPP TRÊN WINDOWS

• Bước 1: Download xampp https://www.apachefriends.org/download.html

• Bước 2: Tìm phiên bản thích hợp và tải xuống.
• Bước 3: Trên cửa sổ Set up, tích chọn các phần mềm mà bạn muốn cài đặt. Nếu bạn muốn cài
WordPress trên XAMPP, các phần mềm bắt buộc phải chọn là MySQL, Apache, PHPMyAdmin. Sau khi
chọn xong, nhấn Next.
• Bước 4: Chọn thư mục cài đặt và nhấn Next.
• Bước 5: Chờ vài phút để cài đặt, sau khi cài đặt hoàn tất nhấn finish để kết thúc.

Đặng Trần Long Khoa Thông Tin Thư Viện 24

 HƯỚNG DẪN CÀI ĐẶT XAMPP TRÊN MACOS

• Bước 1: Download xampp https://www.apachefriends.org/download.html

• Bước 2: Tìm phiên bản thích hợp và tải xuống.
• Bước 3: Sau khi tải về bạn sẽ nhận được file có đuôi mở rộng .bz2. Thực hiện đổi đuôi .bz2 thành .dmg
• Bước 4: Tiến hành mở file .dmg và cài đặt bình thường

Đặng Trần Long Khoa Thông Tin Thư Viện 25

 HƯỚNG DẪN SỬ DỤNG XAMPP

• Khởi động Localhost

• Localhost
• phpMyadmin

Đặng Trần Long 8/7/23 26

 KHỞI ĐỘNG LOCALHOST

• Config: Cho phép bạn cấu hình XAMPP cũng

như các thành phần khác.
• Netstat: Hiển thị tất cả các tiến trình đang chạy
trên local computer.
• Shell: Mở UNIX shell.
• Explorer: mở folder XAMPP trong Windows
Explorer.
• Services: Hiển thị tất cả các dịch vụ đang chạy
trong background.
• Help: Cung cấp link đến user forum.
• Quit: Đóng XAMPP Control Panel.
Đặng Trần Long 8/7/23 27
 LOCALHOST

• Truy cập: http://localhost/ sẽ hiển thị ra

trang Xampp.
• Truy cập phpinfo để xem thông tin của
Xampp

Đặng Trần Long 8/7/23 28

 PHPMYADMIN

• Truy cập: http://localhost/phpmyadmin sẽ

hiển thị ra trang quản trị CSDL.
• Phpmyadmin là phần mềm quản lý
database.
• Phần Create databsae, nhập tên database cần
tạo vào ô Database name, phần Collation
bạn hãy chọn là utf8_unicode_ci rồi ấn
Create kế bên để tạo CSDL.

Đặng Trần Long 8/7/23 29

 CẢM ƠN

Đặng Trần Long Khoa Thông Tin Thư Viện 26