HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG
KHOA ĐA PHƯƠNG TIỆN
----------

BÁO CÁO
THỰC TẬP TỐT NGHIỆP
ĐỀ TÀI: PHÁT TRIỂN WEBSITE LANDING
PAGE GIỚI THIỆU DỰ ÁN LA TROBE

Đơn vị thực tập

: Trung tâm Đào tạo Quốc tế - Học viện
Công nghệ Bưu chính Viễn thơng
Người hướng dẫn
: ThS. Nguyễn Thị Thanh Tâm
Sinh viên thực hiện : Nguyễn Thị Kim Đào
Mã sinh viên
: B17DCPT039
Lớp
: D17PTDPT1

Hà Nội, 2021


2


HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH
VIỄN THƠNG
KHOA ĐA PHƯƠNG TIỆN

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập Tự do Hanh phúc

ĐÁNH GIÁ KẾT QUẢ THỰC TẬP TỐT NGHIỆP
(Thời gian thực tập: Từ ngày 19/07/2021 đến ngày 31/08/2021)
Họ và tên sinh viên: Nguyễn Thị Kim Đào
Lớp: D17PTDPT1
NỘI DUNG ĐÁNH GIÁ
1. Chấp hành kỷ luật: (Tốt, Trung bình, hoặc Yếu)
…………………………………………………………………………………………
…………………………………………………………………………………………

2. Ý thức học tập: (Tốt, Trung bình, hoặc Yếu)
…………………………………………………………………………………………
…………………………………………………………………………………………

3. Quan hệ, giao tiếp: (Tốt, Trung bình, hoặc Yếu)
…………………………………………………………………………………………
…………………………………………………………………………………………

4. Điểm (Thang điểm 10)
…………………………………………………………………………………………
…………………………………………………………………………………………

Các ý kiến khác (nếu có):
…………………………………………………………………………………………
…………………………………………………………………………………………

Ngày tháng năm 20….

Giáo viên hướng dẫn thực tập
(Ký và ghi rõ họ tên)

3


Báo cáo thực tập tốt nghiệp

LỜI MỞ ĐẦU
Sau bốn năm là sinh viên thuộc khoa Đa phương tiện, học trên giảng đường
Học viện Cơng nghệ Bưu chính Viễn thơng thì em đã tích lũy được cho bản thân
mình nhiều kiến thức. Quá trình thực tập một mặt là yêu cầu bắt buộc với sinh
viên nhưng mặt khác đây cũng là một giai đoạn hết sức ý nghĩa, quan trọng giúp
sinh viên tập làm quen với công việc thực tế, hội nhập vào môi trường doanh
nghiệp. Trong thời gian thực tập, sinh viên có thể học hỏi thêm được nhiều điều,
đồng thời cũng là cơ hội để phát triển những điểm cịn yếu trong kiến thức và kỹ
năng của mình, để từ đó bổ sung, bù đắp trước khi rời ghế nhà trường.
Thực hiện nhiệm vụ học tập của nhà trường trong đợt thực tập tốt nghiệp,
được sự đồng ý của ban lãnh đạo Khoa, bám sát đề cương của Khoa đưa ra,
cũng với những lý luận và kiến thức đã học. Trong quá trình thực tập em đã
được trau dồi thêm kiến thức lĩnh vực được đào tạo và hiểu biết hơn về lập trình,
ứng dụng cũng như cơ cấu và tình hình hoạt động của Trung tâm.
Được sự tận tình giúp đỡ hướng dẫn của thầy, của các anh và nỗ lực trong
học tập, tìm tịi học hỏi, em đã hoàn thành báo cáo thực tập tốt nghiệp của mình.
Báo cáo này gồm 3 phần chính:
-

Phần A: Giới thiệu đơn vị thực tập.

-


Phần B: Nội dung thực tập.

-

Phần C: Bài học kinh nghiệm.

Trong quá trình thực hiện báo cáo, tuy đã cố gắng nhưng em vẫn còn những
hạn chế về thời gian tìm hiểu, kiến thức cũng như là kinh nghiệm và khơng tránh
khỏi những sai sót. Em rất mong được nhận những ý kiến đóng góp và nhận xét
của cơ để em có thể hồn thiện hơn.

4


Báo cáo thực tập tốt nghiệp

LỜI CẢM ƠN
Thời gian 6 tuần thực tập tại Trung tâm Đào tạo Quốc tế, em đã học hỏi
cũng như mở mang được nhiều kiến thức mới, có cái nhìn tổng quan về cách vận
hành, hoạt động của một phòng ban. Thời gian thực tập dù ngắn nhưng nhờ có
sự quan tâm, tạo điều kiện của thầy và các anh tại đã giúp em hoàn thành tốt
công tác thực tập.
Em xin gửi lời cảm ơn chân thành nhất đến các thầy cô giáo khoa Đa
Phương Tiện - Học viện Cơng nghệ Bưu chính Viễn thơng. Nhờ những kiến thức
và sự động viên mà thầy cô truyền dạy trong suốt chương trình học, em đã có
được bước hành trang tốt nhất để bước vào đợt thực tập này cũng như cho cuộc
sống và công việc mai sau.
Để có kết quả này, em xin gửi lời cảm ơn sâu sắc đến cô Nguyễn Thị Thanh
Tâm. Cảm ơn cơ vì đã ln hướng dẫn, đơn đốc, tận tâm giúp đỡ em trong suốt

quá trình làm báo cáo thực tập.
Qua thời gian thực tập, em cũng xin gửi lời cảm ơn đến thầy Phạm Vũ
Minh Tú – Quản lý Dự án đã tận tình giúp đỡ và tạo điều kiện thuận lợi giúp em
có thể hồn thành tốt kỳ thực tập và có thêm kinh nghiệm làm việc. Đồng thời,
em cũng xin gửi lời cảm ơn đến tất cả các anh trong trung tâm đã giúp đỡ và giải
đáp những thắc mắc của em trong quá trình làm việc.
Em xin chân thành cảm ơn!

5


Báo cáo thực tập tốt nghiệp

MỤC LỤC


Báo cáo thực tập tốt nghiệp

DANH MỤC CÁC TỪ VIẾT TẮT
Từ viết tắt

Viết đầy đủ

Giải thích nghĩa

CIE

Center for International Education

Trung tâm Giáo dục Quốc tế

(Trung tâm Đào tạo Quốc tế)

WWW

World Wide Web

Mạng lưới thơng tin tồn cầu

HTML

HyperText Markup Language

Ngơn ngữ Đánh dấu Siêu văn
bản

W3C

Word Wide Web Consutirum

Tổ chức tiêu chuẩn quốc tế
chính cho World Wide Web

CSS

Cascading Style Sheets

Ngơn ngữ định kiểu theo tầng


Báo cáo thực tập tốt nghiệp


DANH MỤC CÁC HÌNH


Báo cáo thực tập tốt nghiệp

PHẦN A: GIỚI THIỆU ĐƠN VỊ THỰC TẬP
I.

Vị trí và chức năng
Trung tâm Đào tạo Quốc tế (viết tắt là CIE), có địa chỉ tại Km10 - Đường

Nguyễn Trãi - Quận Hà Đông - Hà Nội, là tổ chức cung cấp dịch vụ đào tạo trực
thuộc Học viện Cơng nghệ Bưu chính Viễn thơng được xác định trong Quy chế
tổ chức và hoạt động của Học viện, ban hành kèm theo Quyết định số 879/QĐBTTTT ngày 25/5/2016 của Bộ trưởng Bộ Thông tin và Truyền thơng.

Hình 1: Logo Trung tâm Đào tạo Quốc tế - Học viện
Cơng nghệ Bưu chính Viễn thơng
Trung tâm có chức năng phát triển, tổ chức và quản lý các hoạt động, các
chương trình: đào tạo liên kết quốc tế; đào tạo tiên tiến; đào tạo chất lượng cao;
trao đổi học viên, sinh viên quốc tế (gọi chung là sinh viên); đào tạo hướng
nghiệp, ngôn ngữ và kỹ năng sống cho học sinh, sinh viên đi du học; tổ chức lớp
học và trại hè quốc tế cho học sinh, sinh viên (gọi chung là đào tạo quốc tế).
II.

Nhiệm vụ

Trung tâm Đào tạo quốc tế đảm nhiệm các nhiệm vụ sau:
1.


Xây dựng chiến lược, kế hoạch dài hạn, kế hoạch hàng năm của Trung
tâm trình Giám đốc Học viện. Tổ chức thực hiện sau khi được phê
duyệt;

2.

Tổ chức xây dựng, phát triển chương trình, nội dung đào tạo; tổ chức
biên soạn tài liệu giảng dạy, học tập và quy trình đào tạo quốc tế;

3.

Lập phương án, đề án đào tạo quốc tế trình cấp có thẩm quyền. Tổ
chức thực hiện khi được phê duyệt;

4.

Tổ chức đàm phán các thoả thuận, hợp đồng liên kết đào tạo quốc tế
theo các quy định hiện hành của Nhà nước;


Báo cáo thực tập tốt nghiệp

5.

Lập kế hoạch, chuẩn bị các điều kiện, thủ tục để mở các khóa đào tạo
quốc tế theo quy định của Nhà nước;

6.

Đề xuất với Giám đốc Học viện về chỉ tiêu đào tạo quốc tế. Xây dựng

và chủ trì tổ chức thực hiện kế hoạch tuyển sinh hàng năm;

7.

Tổ chức giới thiệu, quảng bá các khóa học đào tạo quốc tế nhằm phát
triển đào tạo quốc tế;

8.

Chủ trì, phối hợp với các đơn vị có liên quan xây dựng trình Giám đốc
Học viện kế hoạch huy động lực lượng cán bộ, giảng viên, nghiên cứu
viên tham gia giảng dạy tại Trung tâm. Tổ chức thực hiện khi được
phê duyệt;

9.

Xây dựng kế hoạch; chủ trì, phối hợp với các đơn vị điều phối kế
hoạch giảng dạy từng kỳ học và năm học cho các khoá đào tạo quốc
tế. Phối hợp với các đơn vị sử dụng hợp lý hiệu quả quỹ giảng đường;

10. Tổ chức quá trình đào tạo quốc tế theo quy chế, quy định hiện hành

của Nhà nước và của Học viện. Phối hợp làm thủ tục cấp phát văn
bằng theo quy định của Nhà nước và của Học viện. Tổ chức cấp phát
văn bằng cho sinh viên, học viên;
11. Đầu mối quản lý về mặt hành chính đối với sinh viên, học viên nước

ngoài học tập tại Học viện. Quản lý sinh viên, học viên học tập tại
Trung tâm phù hợp các quy định của Nhà nước và Học viện. Giữ liên
lạc và mối quan hệ với cựu sinh viên, học viên;

12. Định kỳ tổ chức hội nghị đánh giá công tác đào tạo quốc tế. Đề xuất

phương án cải tiến công tác quản lý đào tạo quốc tế nhằm không
ngừng nâng cao chất lượng đào tạo;
13. Quản lý và lưu trữ hồ sơ tuyển sinh, hồ sơ sinh viên, kết quả học tập,

cơng văn giấy tờ có liên quan đến cơng tác đào tạo quốc tế;
14. Xây dựng các quy định quản lý theo chức năng, nhiệm vụ được giao.

Tổ chức thực hiện, kiểm tra, giám sát, tổng kết đánh giá, xử lý vi
phạm văn bản quản lý đã được ban hành;
15. Thực hiện các nhiệm vụ khác do Học viện và cấp trên giao.


Báo cáo thực tập tốt nghiệp

III. Tổ chức
1. Cơ cấu tổ chức

Cơ cấu phòng ban và nhân sự của đơn vị bao gồm:
1. Giám đốc: PGS.TS. Hồng Hữu Hạnh
2. Phó Giám đốc: ThS. Nguyễn Minh Phượng
3. Tổ quản lý Đào tạo: ThS. Trần Cẩm Vân - Quản lý Chương trình, Lê

Thúy Hà, Trần Thị Lan Phương, Nguyễn Thị Lụa.
4. Tổ phát triển Dự án: ThS. Phạm Vũ Minh Tú - Quản lý Dự án

Sơ đồ bộ máy nhân sự:

Hình 2: Sơ đồ bộ máy nhân sự

2. Tầm nhìn - sứ mệnh

Tầm nhìn
Phát triển Trung tâm Đào tạo Quốc tế của PTIT trở thành một trung
tâm về quốc tế hoá trong giáo dục đại học, giáo dục định hướng nghề
nghiệp và dịch vụ đào tạo quốc tế cho xã hội.
Sứ mệnh
Là một trung tâm quốc tế hoá giáo dục, đào tạo và dịch vụ cho xã hội,
sứ mạng của CIE là:
− Cung cấp các chương trình đào tạo quốc tế chất lượng để đáp ứng

xu hướng phát triển và yêu cầu thực tiễn của các tổ chức, doanh
nghiệp và xã hội;


Báo cáo thực tập tốt nghiệp

− Cung cấp các chương trình đào tạo định hướng nghề nghiệp tiêu

chuẩn quốc tế, nâng cao kỹ năng cho việc phát triển nguồn nhân
lực cho các thị trường nội địa và quốc tế;
− Cung cấp các dịch vụ về quốc tế hoá giáo dục và đạo tạo có chất

lượng cho sinh viên và xã hội đáp ứng yêu cầu phát triên nhanh của
thế giới hiện đại ngày nay.
Những giá trị cốt lõi
− Đề cao sự cởi mở đón nhận thế giới tri thức bên ngồi.
− Tích cực chuyển đổi để làm chủ những giá trị mới.
− Kiến thiết sự đổi mới sáng tạo vì một thế giới tốt đẹp hơn.
3. Chương trình đào tạo


Các chương trình của CIE bao gồm:
− Chương trình liên kết đào tạo quốc tế bậc đại học và thạc sĩ (2+2,

3+1, 1+1) và Tiến sĩ.
− Chương trình trao đổi và dịch chuyển sinh viên cho sinh viên trong

nước và quốc tế.
− Chương trình du học kết nối cho sinh viên tốt nghiệp làm việc tại

thị trường lao động toàn cầu.
− Các khóa học định hướng nghề nghiệp từ cơ bản đến nâng cao để

giúp sinh viên có khả năng làm việc ngay sau khi tốt nghiệp.
IV.

Kế hoạch chiến lược
CHIẾN LƯỢC PHÁT TRIỂN CHO GIAI ĐOẠN 2020 - 2025
VỚI TẦM NHÌN ĐẾN 2030

Chương trình kỹ sư CNTT quốc tế
Chương trình kỹ sư CNTT quốc tế là chương trình đào tạo 4 năm với các
chun ngành Cơng nghệ phần mềm và trí tuệ nhân tạo. Mục tiêu của chương
trình là trang bị cho sinh viên những kiến thức và kỹ năng để làm việc trong lĩnh
vực công nghệ thông tin ở mức độ thành thạo, chuyên sâu. Người học sau khi tốt
nghiệp có thể:


Báo cáo thực tập tốt nghiệp


− Làm việc một cách chuyên nghiệp ở một hoặc nhiều hơn ở các lĩnh vực

như: Thiết kế, phát triển và kiểm thử phần mềm; khoa học dữ liệu, kỹ
thuật học máy, nghiên cứu trong lĩnh vục công nghệ thông tin.
− Làm việc hiệu quả ở các điều kiện khác nhau, ở cả môi trường làm việc

cá nhân và mơi trường làm việc đội nhóm;
− Tham gia vào quá trình học tập cả đời để duy trì cơng việc một cách

hiệu quả trong một thế giới cơng nghệ thay đổi nhanh chóng;
− Nhận thức được trách nhiệm nghề nghiệp, trách nhiệm xã hội và cam

kết thực hiện những chuẩn mực đạo đức nghề nghiệp;
Chuẩn đầu ra
 Chuẩn kỹ thuật chung

Người học sau khi tốt nghiệp có khả năng:
1. Ứng dụng kiến thức về tốn học, khoa học và kỹ thuật để xác định, trình
bày và đề ra phương án giải quyết các vấn đề kỹ thuật.
2. Thiết kế và tiến hành các thí nghiệm, cũng như phân tích và dịch giải dữ
liệu.
3. Thiết kế hệ thống, thành tố và quá trình xử lý để đáp ứng nhu cầu kỳ
vọng với các tham số thực tế như kinh tế, mơi trường, xã hội, chính trị, đạo
đức, sức khỏe và an toàn, khả năng sản xuất và khả năng duy trì tính bền
vững.
4. Làm việc trong mơi trường đội nhóm kỷ luật.
5. Xác định, trình bày và đưa ra giải pháp cho các vấn đề kỹ thuật.
6. Hiểu được trách nhiệm nghề nghiệp và đạo đức nghề nghiệp.
7. Giao tiếp hiệu quả.
8. Hiệu được những tác động của giải pháp kỹ thuật trong bối cảnh toàn

cầu gắn với các điều kiện kinh tế, môi trường và xã hội.
9. Ứng dụng những kiến thức nghề nghiệp cho các vấn đề đương đại.
10. Ứng dụng kỹ thuật, kỹ năng và công cụ kỹ thuật hiện đại cần thiết cho
môi trường kỹ thuật.


Báo cáo thực tập tốt nghiệp

11. Chuyển dịch linh hoạt từ quan điểm và lý thuyết mang tính kỹ thuật
sang các ứng dụng kỹ thuật trên thực tế.
 Chuẩn đầu ra về kỹ năng

Chương trình bao gồm 02 chuyên ngành: 1-Cơng nghệ phần mềm và
2-Trí tuệ nhân tạo. Sinh viên tốt nghiệp mỗi chuyên ngành sẽ có những
chuẩn đầu ra riêng biệt.
− Chuyên ngành Công nghệ phần mềm:

1. Nắm bắt và phân tích nhu cầu cụ thể của người dùng
2. Thiết kế và phát triển hệ thống phần mềm đáp ứng được nhu cầu thực
tế
3. Ước lượng và lên kế hoạch cho các dự án phần mềm
4. Xây dựng kế hoạch kiểm thử, chạy thử và bảo đảm chất lượng cũng
như việc quản lý tài liệu của các dự án phần mềm
5. Ứng dụng sáng tạo các kiến thức học tập để giải quyết các vấn đề
chính của lĩnh vực phát triển phần mềm
− Chuyên ngành trí tuệ nhân tạo:

1. Thúc đẩy quá trình thu thập dữ liệu để đưa các thông tin liên quan đến
việc xây dựng hệ thống thông minh
2. Tiến hành xử lý trước dữ liệu, lọc dữ liệu và ảnh hóa dữ liệu

3. Lựa chọn các đặc tính, xây dựng và tối ưu hóa các mơ hình phân tích
dữ liệu sử dụng kỹ thuật học máy
4. Lựa chọn thuật khai phá dữ liệu và thuật học máy để xây dựng hệ
thống thông minh
5. Ứng dụng kiến thức đã học để phát triển và giải quyết các vấn đề
chính của các dự án trí tuệ nhân tạo.


Báo cáo thực tập tốt nghiệp

PHẦN B: NỘI DUNG THỰC TẬP
I.

Giới thiệu chung
ĐỀ TÀI: Xây dựng Website giới thiệu về dự án La Trobe (Landing Page).

Nội dung công việc:
Công việc 1: Khảo sát sơ bộ về môi trường làm việc nơi mình thực tập.
Cơng việc 2: Tìm hiểu các kiến thức cơ bản về lập trình website và ứng dụng
để xây dựng landing page.
Công việc 3: Nhận công việc, trao đổi, tìm hiểu u cầu của người hướng
dẫn.
Cơng việc 4: Thiết kế, lập trình và hồn thiện sản phẩm được giao.
Quá trình thực hiện:
TT

Nội dung thực tập

Thời gian


1

Làm quen với mơi trường làm việc, tìm hiểu về
cơng ty: cơ cấu tổ chức, chức năng, nhiệm vụ...

Từ ngày 19/7 đến ngày 21/7

2

Tìm hiểu những kĩ thuật cơ bản trong lập trình
web và thiết kế landing page.

Từ ngày 22/7 đến ngày 26/7

3

Tìm hiểu về các kỹ thuật lập trình web, các phần
mềm và cơng cụ hỗ trợ cho việc lập trình. Bắt
đầu nhận công việc từ người hướng dẫn.

Từ ngày 27/7 đến ngày 31/7

4

Tiến hành thiết kế và lập trình website.

Từ ngày 01/8 đến ngày 14/8

5


Tiếp tục lập trình, sửa đổi và hoàn thiện, bàn giao
sản phẩm được nhận. Bắt đầu viết báo cáo thu
hoạch quá trình thực tập.

Từ ngày 15/8 đến ngày 21/8

Hoàn thiện báo cáo.

Từ ngày 22/8 đến ngày 31/8

6

Kết quả cần đạt:
• Hiểu và tham gia vào quy trình xây dựng wedsite Landing Page.
• Hồn thành tốt và báo cáo đúng tiến độ các nhiệm vụ được giao theo tuần.
• Làm quen với đồng nghiệp, nắm được quy trình làm việc, có sự trao đổi

về các nội dung cơng việc với nhóm thực hiện, hiểu được vị trí, cơng việc
của các đồng nghiệp, từ đó phối hợp làm việc một cách ăn ý nhất.


Báo cáo thực tập tốt nghiệp

• Nắm bắt được cách thức làm việc chun nghiệp, văn hóa cơ quan, đơn

vị.
• Tiếp thu và học hỏi kinh nghiệm từ những người đi trước, rút ra những bài

học kinh nghiệm cho bản thân sau thời gian thực tập tại đơn vị.
II.


Nội dung thực tập
1. Nghiên cứu lý thuyết
1.1.

Tổng quan về website và công nghệ phát triển Web

a. Khái niệm về Website

Website hay còn gọi là trang web là một tập hợp các trang con chứa
văn bản, hình ảnh, video, flash, v.v. Một trang web được lưu trữ duy nhất
trên một tên miền hoặc tên miền phụ được lưu trữ trên các máy chủ trực
tuyến trên Internet. Website được phát minh và đưa vào sử dụng vào
khoảng năm 1990, 1991 bởi các nhà khoa học người Anh Tim Berners-Le
và Robert Cailliau (Bỉ) tại CERN, Geneva, Thụy Sĩ. Trang web là một tập
hợp các tệp HTML hoặc XHTML có thể được truy cập bằng giao thức
HTTP hoặc HTTPS. Các trang web có thể được xây dựng từ các tệp
HTML (hay còn gọi là trang tĩnh) hoặc chạy bằng hệ thống CMS chạy
trên máy chủ (trang động). Trang web có thể được xây dựng bằng nhiều
ngơn ngữ lập trình khác nhau (PHP, .NET, RUBY on Rails, v.v.)
Website được tương tác và hiển thị đến với người dùng thơng qua
các phần mềm gọi là "Trình duyệt web"vvới các văn bản, hình ảnh, đoạn
phim, nhạc, trị chơi và các thông tin khác ở trên một trang web của một
địa chỉ web trên mạng toàn cầu hoặc mạng nội bộ. Website được tạo nên
bởi các nhà thiết kế web (website developer).
b. Các yêu cầu tối thiểu của Website

Hiện nay, để một website có thể vận hành trên mơi trường Word
Wide Web, cần bắt buộc có 3 phần chính:
- Tên miền (là tên riêng và duy nhất của website).

- Hosting (là các máy chủ chứa các tệp tin nguồn).
- Source code (là các tệp tin html, xhtml,.. hoặc một bộ code/cms)


Báo cáo thực tập tốt nghiệp

Tên miền là tên địa chỉ chính của website, ví dụ: www.dantri.com là
tên miền của website hay là địa chỉ để người xem dùng để truy cập vào
website. Một website nhất thiết phải có tên miền và cũng có thể có nhiều
tên miền trỏ vào.
Lưu trữ website: Dữ liệu thông tin của website phải được lưu trữ trên
một máy tính (máy chủ - server) ln hoạt động và kết nối với mạng
Internet.
Hosting: là một không gian trên ổ đĩa của một máy chủ Server để lưu
nội dung website nhằm làm cho bất kỳ ai cũng có thể truy cập vào những
nội dung này bất kỳ lúc nào, bất kỳ nơi nào, nói cách khác thì Hosting là
nơi lưu trữ website để duy trì sự hoạt động của website trên mạng,. Máy
tính lưu những nội dung website này được gọi là máy chủ (Server) phải
hoạt động 24/24. Một website nhất định phải có hosting thì mới hoạt động
được.
Dung lượng host: Là độ rộng, hay còn gọi là không gian trống của ổ
đĩa cứng trên máy chủ để lưu cơ sở dữ liệu của website (hình ảnh, thông
tin …), đơn vị đo dung lượng thường là Mb hoặc Gb.
Băng thông hay dung lượng đường truyền: là đại diện cho tốc độ
đường truyền hay nói cách khác là độ rộng của một dải tần số mà các tín
hiệu điện tử chiếm giữ trên một phương tiện truyền dẫn, đơn vị đo thông
thường là mb/tháng.
c. Phân loại Website
 Web tĩnh:
− Trang web tĩnh thường được xây dựng bằng các ngôn ngữ HTML,


DHTML,… chỉ bao gồm các trang web tĩnh và khơng có cơ sở dữ
liệu đi kèm.
− Thường được dùng để thiết kế các trang web có nội dung ít cần

thay đổi và cập nhật.
− Website tĩnh thích hợp với cá nhân, tổ chức, doanh nghiệp vừa và

nhỏ mới làm quen với môi trường Internet.


Báo cáo thực tập tốt nghiệp

 Web động:

Website động (Dynamic website) là website có cơ sở dữ liệu, được
cung cấp công cụ quản lý website (Admin Tool) và được hỗ trợ bởi các
phần mềm phát triển web.
Với web động, thông tin hiển thị được gọi ra từ một cơ sở dữ liệu khi
người dùng truy vấn tới một trang web. Trang web được gửi tới trình
duyệt gồm những câu chữ, hình ảnh, âm thanh hay những dữ liệu số hoặc
ở dạng bảng hoặc ở nhiều hình thức khác nữa.
d. Cơng nghệ phát triển Web

World Wide Web (WWW): là một không gian thơng tin tồn cầu mà
mọi người có thể truy nhập (đọc và viết) thơng qua các máy tính nối mạng
Internet.
Các tài liệu trên World Wide Web được lưu trữ trong một hệ thống
siêu văn bản (hypertext) đặt tại các máy tính trong mạng Internet. Người
dùng phải sử dụng một chương trình gọi là trình duyệt Web (Web

browser) để xem. Chương trình này sẽ nhận thơng tin tại ơ địa chỉ do
người sử dụng yêu cầu rồi sau đó sẽ tự động gửi thông tin đến máy chủ
(Web Server) và hiển thị thơng tin trên màn hình máy tính của người truy
cập. Người truy cập có thể theo các liên kết siêu văn bản trên mỗi trang
Web để nối với các tài liệu khác hoặc gửi thông tin phản hồi theo máy chủ
trong một quá trình tương tác. Hoạt động truy tìm theo các siêu liên kết
thường được gọi là duyệt Web.
Q trình này cho phép người dùng có thể lướt các trang Web để lấy
thông tin. Tuy nhiên độ chính xác của thơng tin khơng được đảm bảo bởi
vì thơng tin đó có thể khơng phải thuộc bản quyền, có thể đã được sao
chép hoặc thay đổi một số nội dung…
1.2.

Tìm hiểu và cài đặt cơng cụ lập trình Web

a. HTML


Báo cáo thực tập tốt nghiệp

HTML hay HyperText Markup Language được hội đồng Word Wide
Web Consotiun (W3C) quy định. Một tập tin HTML cũng giống như tập
tin bình thường với phần mở rộng “.html” hoặc “.htm.”
HTML giúp định dạng văn bản trong trang web nhờ các thẻ. Các thẻ
html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet.
Đa số các thẻ HTML đều bắt đầu với một thẻ mở và kết thúc với thẻ đóng
tương ứng. Thể đóng dùng chung từ lệnh giống như thẻ mở nhưng thêm
dấu (/) vào trước.
Ví dụ: <html>


</html>

Ngơn ngữ HTML với cú pháp không phân biệt chữ hoa và chữ
thường nghĩa là ta có thể bắt đầu thẻ mở bằng chữ thường và kết thúc thẻ
đóng bằng chữ hoa. Ví dụ ta có thể khai báo như sau: <html> hoặc
<HTML> và một điều cần lưu ý là không có khoảng trắng trong một định
nghĩa thẻ.
Cấu trúc chung của một trang HTML:

Các thẻ HTML cơ bản
− Thẻ <head> </head>: Tạo đầu mục trang
− Thẻ <title> </title>: Tạo tiêu đề trang web, đây là thẻ bắt buộc. Thẻ

title cho phép người thiết kế trình bày một chuỗi trên thanh tiêu đề
của trang web mỗi khi trang web đó được tải lên


Báo cáo thực tập tốt nghiệp

− Thẻ <body>…</body>: Là thẻ chứa toàn bộ nội dung được hiện

trên trang web.
− Thẻ

tạo một đoạn văn bản mới. Thẻ <font> </font> thay

đổi phơng chữ, kích cỡ và màu của văn bản…
− Thẻ định dạng bảng <table> </table>: Đây là thẻ tạo một bảng trên

trang web. Sau khi khai báo thẻ này người dùng cần khai báo các
thẻ hàng <tr> </tr> và thẻ cột <td> </td> cùng với các thuộc tính
của nó.

− Thẻ <img>: Đây là một thẻ đặc biệt nó khơng cần thẻ đóng thẻ này

cho phép chèn một hình ảnh vào trang web.
− Thẻ Input: Thẻ input cho phép người dùng nhập dữ liệu, thẻ input

bao gồm các loại thẻ như: text, password, submit,…
− Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập

phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép
người dùng chọn một phần tử trong danh sách phần tử thì thẻ
Select sẽ giống như Combobox. Nếu thẻ Select cho phép người
dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ
Select đó là dạng Listbox.
− Thẻ Form: Khi muốn submit dữ liệu người dùng nhập từ trang Web

phía Client lên phía Server, có hai cách để làm điều này ứng với
hai phương thức POST và GET trong thẻ form. Trong một trang
Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này
không được lồng nhau, mỗi thẻ form sẽ được khai báo hành động
(action) chỉ đến một trang khác.
b. Ngôn ngữ định dạng CSS

Mặc dù HTML cũng có những thuộc tính giúp người dùng định dạng
màu sắc, kích thước của một số thành phần trên trang web nhưng khi họ
muốn tùy chỉnh vị trí của một phần tử hoặc tạo hiệu ứng cho phần tử thì
HTML khơng thể làm được. Lúc này cần sử dụng đến CSS.


Báo cáo thực tập tốt nghiệp


CSS là viết tắt của từ Cascading Style Sheets. Với CSS người dùng
có thể thỏa sức sáng tạo trong thiết kế web bằng cách tùy chỉnh vị trí các
phần tử, màu sắc, màu nền, font chữ, thứ tự sắp xếp của các phần tử, hiệu
ứng những điều mà HTML gần như khơng làm được.
Có ba cách để nhúng css vào một trang web:
− Cách 1: chèn trực tiếp với cặp thẻ <style> </style>

− Cách 2: chèn trong thuộc tính style của phần tử HTML


Báo cáo thực tập tốt nghiệp

− Cách 3: chèn file .css thông qua thẻ <link>

Thông thường nên chon cách thứ 3 vì cách này giúp người lập trình
dễ dàng cập nhật trỉnh sửa lại CSS cho nhiều trang khi cần thay đổi. Bên
cạnh đó việc chọn cách thứ 3 sẽ giúp cho trang web thân thiện với các
cơng cụ tìm kiếm hơn.
c. Sublime Text 3

Sublime Text là một code editor mạnh mẽ và được đông đảo các web
developer, coder, programer sử dụng. Sublime Text do Jon Skinner tạo ra
vào tháng 1 năm 2008, được viết dựa trên ngôn ngữ lập trình Python và
C++.
Sublime Text có giao diện trực quan và nhiều tính nắng mạnh mẽ có
thể mở rộng thêm thơng qua Package Control. Hỗ trợ nhận diện và tô màu


Báo cáo thực tập tốt nghiệp


từ khóa cho hơn 20 ngôn ngữ khác nhau chẳng hạn như HTML, CSS,
Java Script, C++, PHP, ... và hỗ trợ nhiều hệ điều hành như Window,
Linus, Mac OS, …
Cài đặt Sublime Text 3:
Sublime Text 3 hỗ trợ 3 hệ điều hành là Window, OS X, Linus. Để
cài đặt Siblime Text có thể truy cập vào trang chủ của Sublime Text, có
các phiên bản dành cho các hệ điều hành khác nhau, chọn tải phiên bản
phù hợp với hệ điều hành đang dùng.

− Bước 1: Chọn mở file cài đặt, màn hình hiển thị như dưới đây, ấn

chọn Next

− Bước 2: Tùy chỉnh đường dẫn thư mục Browser, sau đó tiếp tục

chọn Next


Báo cáo thực tập tốt nghiệp

− Bước 3: Cuối cùng chọn Finish để kết thúc quá trình cài đặt. Cài

đặt thành cơng, sẽ có giao diện như hình bên dưới:

2. Thiết kế giao diện Website Landing Page giới thiệu về Dự án La

Trobe
2.1.

Phân tích yêu cầu



Báo cáo thực tập tốt nghiệp

a. Phân tích người dùng
− Xác định người dùng: sinh viên có nhu cầu du học và đang quan tâm,

tìm hiểu các chương trình học bổng du học.
− Mục đích: giới thiệu về chương trình liên kết đào tạo cử nhân quốc tế

với trường đại học La Trobe, Australia.
− Phạm vi: phục vụ cho việc giới thiệu, quảng bá chương trình học bổng

liên kết của Trung tâm Đào tạo Quốc tế - Học viện Công nghệ Bưu
chính Viễn thơng với trường Đại học La Trobe đến những học sinh,
sinh viên.
− Cách trình bày: Landing page (Landing Page - hay cịn gọi là trang

đích) là một loại Website riêng biệt, tách hẳn với Website chính được
thiết kế để thuyết phục khách truy cập đến một mục tiêu trọng tâm duy
nhất mà chiến dịch marketing/quảng cáo đặt ra nhằm hướng khách
hàng vào một hành động cụ thể (mua hàng, để lại thông tin, lấy phiếu
giảm giá, đưa khách hàng đến website chính…)
− Hình thức: Website tĩnh.
− Dạng thức: Onepage (Web 1 trang)
b. Thiết kế chức năng và cấu trúc trang
− Chức năng: cung cấp thông tin về chương trình học bổng và mơi

trường học tập tại đại học La Trobe, Australia.
− Cấu trúc: được chia làm các section, giới thiệu từ tổng quát đến chi tiết


nội dung chương trình, mỗi section được ngăn cách bởi màu riêng và
hiển thị tiêu đề ở mỗi section.
− Sơ đồ tổ chức thông tin: