BÁO CÁO THỰC TẬP TỐT
NGHIỆP

ĐỀ
ĐỀ TÀI:
TÀI: XÂY
XÂY DỰNG
DỰNG WEBSITE
WEBSITE GIỚI
GIỚI THIỆU
THIỆU CHƯƠNG
CHƯƠNG TRÌNH
TRÌNH
LIÊN
LIÊN KẾT
KẾT ĐÀO
ĐÀO TẠO
TẠO CỬ
CỬ NHÂN
NHÂN QUỐC
QUỐC TẾ
TẾ
VỚI
VỚI ĐẠI
ĐẠI HỌC
HỌC LA
LA TROBE
TROBE –– AUSTRALIA
AUSTRALIA

GVHD: Ths. Nguyễn Thị Thanh Tâm

Người thực hiện: Phùng Thị Phương Thanh


01

GIỚI THIỆU ĐƠN VỊ THỰC TẬP

02

NỘI DUNG THỰC TẬP

✔ GIỚI THIỆU CHUNG.

✔ CHỨC NĂNG.

✔ NỘI DUNG THỰC TẬP.

✔ TỔ CHỨC.

✔ CƠ SỞ LÝ LUẬN
✔ CÁC LĨNH VỰC HOẠT ĐỘNG.

✔ TỎNG QUAN VỀ SẢN PHẨM
✔ XÂY DỰNG SẢN PHẨM

03

KẾT LUẬN

04


TÀI LIỆU THAM KHẢO

✔ KẾT QUẢ ĐẠT ĐƯỢC.

✔ Tài liệu hướng dẫn học HTML.

✔ HẠN CHẾ.

✔ Hướng dẫn học CSS.

✔ HƯỚNG PHÁT TRIỂN.

✔ Quy trình thiết kế website

✔ KẾT LU

BÁO CÁO THỰC TẬP
TỐT NGHIỆP


GIỚI THIỆU THỰC TẬP
Tính thực tế
Giáo trình được cập nhật những kiến thức, tạo ra nhiều chương trình hướng đến hội nhập quốc
tế.
Chất lượng giảng dạy

CHỨC
NĂNG


Trung tâm Đào tạo Quốc tế mang trong mình Sứ mạng cung cấp các chương trình đào tạo
quốc tế chất lượng
Lợi ích học viên
Học viên được cập nhật những kiến thức mới, tiếp xúc với nhiều công nghệ mới, giao lưu, chia
sẻ giữa các học viên.

TỔ CHỨC

Tổ chức
Để đảm bảo tính linh hoạt cao yêu cầu các hoạt động có hiệu quả thì phải tổ chức bộ máy hoạt
động với quy mô hợp lý nhất, tối ưu nhất, mọi khó khăn sai lầm phải được khắc phục kịp thời.

Các hoạt động trong lĩnh vực giáo dục

CÁC LĨNH VỰC HOẠT
ĐỘNG

Các chương trình đào tạo.
Các workshop
Các dự án
Các chương trình học bổng
Học bổng tồn bộ “The Belt and Roat”
Học bổng AVIS+


NỘI DUNG THỰC TẬP
19/7 - 24/7

Khảo sát môi trường thực tập


24/7 - 10/8

11/8 - 13/8

13/8 - 17/8

18/8 - 31/8

Tìm hiểu kiến thức cơ bản

Tham gia dự án và tìm hiểu yêu cầu

Phát triển và hoàn thiện dự án

Hoàn thiện báo cáo thực tập

Bắt tay viết báo cáo.

dự án
Tìm hiểu mơi trường làm việc, cơ cấu

Tìm hiểu về các phong cách thiết kế web,

Lên ý tưởng, phác thảo tương tác cho

Trao đổi công việc liên tục với người

chức năng, nhiệm vụ phịng ban,....

tìm hiểu kiến thức cơ bản, cơng cụ, kỹ


cơng việc được giao.

hướng dẫn và nhóm làm việc.

thuật.

Kết quả đạt được
Hiểu và tham gia vào quy trình xây dựng website

I.GIỚI THIỆU CHUNG

Hồn thành tốt các trách nhiệm được giao
Có sự trao đổi về các nội dung cơng việc với nhóm thực hiện.
Thích nghi với mơi trường làm việc chun nghiệp.
Rút ra những bài học kinh nghiệp sau thời gian thực tập tại đơn vị.


II. CƠ SỞ LÝ LUẬN

01

Khái niệm website

02

Lịch sử ra đời

03


Web động

04

Web tĩnh

05

QUY TRÌNH PHÁT TRIỂN WEBSITE


Website là tập hợp của rất nhiều trang web một loại siêu văn bản (tập tin dạng HTML hoặc XHTML) trình bày thơng tin

1. Khái niệm website

trên mạng Internet tại một địa chỉ nhất định để người xem có thể truy cập vào xem.

Trang web đầu tiên người xem truy cập từ tên miền thường được gọi là trang chủ (homepage), người xem có thể xem
các trang khác thơng qua các siêu liên kết (Hyperlinks).

Website là gì?
Đặc điểm tiện lợi của website: thông tin dễ dàng cập nhật, thay đổi, người sử dụng có thể xem thơng tin ngay tức khắc,
ở bất kỳ nơi nào, tiết kiệm chi phí in ấn, gửi bưu điện, fax, thông tin không giới hạn (muốn đăng bao nhiêu thông tin
cũng được, không giới hạn số lượng thơng tin, hình ảnh...) và khơng giới hạn phạm vi khu vực sử dụng (tồn thế giới
có thể truy cập).

Website là một tập hợp một hay nhiều trang web.


2. Lịch sử ra đời


Năm 1990
World Wide Web (WWW) được nhà vật lý CERN người Anh Tim Berners-Lee tạo ra vào năm 1990

Tháng 4 năm 1993
Dự án WWW đã bùng nổ vào tháng 4/1993 khi trình duyệt web dành cho máy tính cá nhân đầu tiên ra đời. Đây là sản
phẩm của ông Marc Andreessen tại Trung tâm Ứng dụng Siêu máy tính thuộc trường Đại Học Illinois.

Cuối năm 1994
Vào cuối năm 1994, lưu lượng giao dịch web cuối cùng đã vượt qua giao dịch gopher và từ đó đến nay chưa bao giờ
tụt lại. Hiện trên mạng Internet đã có gần 100 triệu website và có rất nhiều người đã xem web và mạng internet là
một.


WEB TĨNH & WEB
ĐỘNG

WEB TĨNH

WEB ĐỘNG

Trang web tĩnh là trang web sử dụng hồn tồn ngơn ngữ

Website động (Dynamic website) là website có cơ sở dữ liệu,

chính là HTML (có đuôi html hoặc htm), sau khi tải trang HTML

được cung cấp công cụ quản lý website (Admin Tool). Web

từ máy chủ xuống, trình duyệt sẽ biên dịch mã và hiển thị nội


động là thuật ngữ được dùng để chỉ những website có cơ sở

dung trang web, người dùng hầu như sẽ không thể tương tác

dữ liệu và được hỗ trợ bởi các phần mềm phát triển web.

với trang web được.
Ưu điểm :
Ưu điểm :

- Linh hoạt

- Thiết kế đồ hoạ đẹp

- Có thể cập nhật thơng tin thường xun

- Tốc độ truy cập nhanh

- Quản lý thành phần trên website dễ dàng

- Thân thiện hơn với các máy tìm kiếm
- Chi phí đầu tư thấp

Nhược điểm :
- Tốc độ chậm

Nhược điểm :
- Khó khăn trong việc thay đổi và cập nhật thơng tin
- Thơng tin khơng có tính linh hoạt, khơng thân thiện với

người dùng
- Khó tích hợp, nâng cấp, mở rộng

- Thiết kế đồ họa còn hạn chế
- Chi phí đầu tư cao


QUY TRÌNH PHÁT TRIỂN WEBSITE

QUY TRÌNH PHÁT TRIỂN
Lên kế hoạch xây dựng website là một quy trình quan trọng, khơng thể thiếu khi tạo lập một trang web.

Bước 1

Bước 2

Bước 3

Bước 4

Bước 5

Phân tích người dùng.

Thiết kế chức năng.

Xây dựng nội dung.

Đưa nội dung vào trang


Kiểm tra và đánh giá.

web.

Bước 1

Bước 2

Bước 3

Bước 4

Xác định chính xác mục tiêu

Đây là một bước quan trọng trong

Thiết lập liên lạc mật thiết với

Các khung dành cho văn bản và đồ

Các trang web hiệu quả nhất là

của trang, vấn đề giải quyết,

qua trình thiết kế. Vì vậy nó địi hỏi

người tạo nội dung website. Đảm

họa sẽ được điền vào bằng nội dung


kết quả của việc thiết kế và

người dùng.

nhiều thời gian, công sức

bảo càng nhiều thơng tin càng tốt.

thực sự của nó một cách dễ dàng và

đánh giá cẩn thận.

ăn khớp.

Bước 5


III. TỔNG QUAN SẢN PHẨM

01

Lựa chọn cấu trúc trang

02

Lựa chọn mơi trường thiết kế

03

04


Lựa chọn mơi trường lập trình

Tổng quan HTML & CSS


Thiết kế Landing Page là khái niệm quen thuộc
bạn sẽ hay nghe nói đến trong lĩnh vực thiết kế
web hoặc trong các Dịch vụ thiết kế website
chuyên nghiệp.

Thông qua thiết kế Landing Page người dùng
sẽ tiếp nhận được khá nhiều thông tin (đa phần
là các thông tin mới cập nhật) và đây cũng là
một con đường để kéo người dùng vào xem
website chính của bạn

Cấu trúc trang
Landing page


2. Lựa chọn mơi trường thiết kế
FIGMA
HỖ TRỢ LÀM VIỆC

TÍNH TƯƠNG THÍCH

Figma là một cơng cụ browser-based, do
Figma hoạt động tương thích trên tất cả các


đó mọi người trong team có thể làm việc

hệ điều hành có trình duyệt web

với nhau tương tự như làm việc trong
Google Docs

CHIA SẺ ĐƠN GIẢN

LƯU TRỮ ONLINE

Một khi bạn chia sẻ file Figma qua việc gửi link

Tất cả mọi thứ của bạn đề đã được lưu trữ trên

cho người khác, người nhận link sẽ có khả

cloud. Bạn sẽ khơng sợ mất file, hỏng máy hay

năng truy cập vào file đó.

hàng tá các vấn đề trời ơi đất hỡi khác.


3.Lựa chọn mơi trường lập trình

Notepad++
Viết và chỉnh sửa HTML

Sublime Text

Là mơi trường lập trình đơn giản để viết code HTML, CSS

Google Chrome
Test giao diện Website trên trình duyệt Web
Tìm kiếm tài liệu


4. TỔNG QUAN HTML & CSS
HTML - Hypertext Markup Language
Nhiều người nhầm tưởng HTML là ngơn ngữ lập trình nhưng sự thực khơng phải
như vậy, nó là một ngơn ngữ đánh dấu.
Để có thể miêu tả trang web ta cần đánh dấu các thẻ HTML.

HTML

HTML được biết đến là một loại ngôn ngữ dùng để mô tả

Các thẻ cơ bản

hiển thị các trang web. .

❖ Headings
❖ Đoạn văn – paragraphs.
❖ Line Breaks xuống dịng.
❖ Thẻ Anchor và thuộc tính Href

Các CSS Selecter hay dùng

❖ Thẻ Div
❖ #id1": Chọn thẻ thẻ có id =" id1"

❖ .class1: chọn các thẻ có class =class1

CSS là một ngơn ngữ được sử dụng để tìm và định dạng lại các
phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML)

CSS

CSS - Cascading Style Sheets
CSS sẽ giúp chúng ta có thể thêm style vào các phần tử HTML đó như đổi bố
cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… Bố cục CSS
thường chủ yếu dựa vào hình hộp và mỗi hộp đều chiếm những khoảng trống
trên trang.


01

XÁC ĐỊNH MỤC TIÊU

02

Thiết kế giao diện

Đối với đề tài: Xây dựng website giới thiệu chương trình liên kết đào tạo
Lên ý tưởng, xây dụng bố cục, khung cho trang web. Đây là

cử nhân quốc tế với đại học La Trobe - Australia. Đối tượng mục tiêu là

một bước quan trọng trong qua trình thiết kế. Vì vậy, nó địi

trường Đại học La Trobe - Australia và Trung tâm đào tạo Quốc tế thì


hỏi dành nhiều thời gian, cơng sức, và địi hỏi tính thẩm mỹ

màu chủ đạo chúng em lựa chọn là trắng và đỏ.

cũng như khả năng sáng tạo của người thiết kế.

03

Xây dựng nội dung cho trang web

04

Đưa nội dung vào website

Lượng thông tin đưa vào website đảm bảo càng nhiều thơng tin càng

Sau khi có đầy đủ thơng tin, nội dung chi tiết từng phần thì sẽ

tốt. Cần phải có sự kết hợp chặt chẽ giữa văn bản và đồ họa, hình

bước đến thiết kế chi tiết website. Lựa chọn màu sắc cũng

ảnh, âm thanh trong nội dung. Thiết kế hình ảnh để sử dụng cho

như đưa nội dung vào website.

website.

XÂY DỰNG SẢN PHẨM



Thiết kế bố cục cho 2 nền tảng là desktop và mobile.

Việc thiết kế bố cục cho một trang web là vơ cùng quan trọng. Vì vậy, nó địi hỏi dành
nhiều thời gian, cơng sức, và địi hỏi tính thẩm mỹ cũng như khả năng sáng tạo của
người thiết kế.
Với đối tượng là sinh viên thì 2 nền tảng destop và mobile thường được sử dụng
nhiều nhất


Bản thiết kế trang web trên 2 nền tảng Desktop và Mobile

 Sau khi có đầy đủ thơng tin, nội dung chi tiết từng phần thì sẽ bước đến thiết kế chi
tiết website. Lựa chọn màu sắc cũng như đưa nội dung vào website.


KẾT LUẬN

Kết quả đạt được

Hạn chế 

Trong quá trình nghiên cứu và phát triển, đề tài đã em được

Bên cạnh những kết quả đạt được, đề tài còn tồn tại một số

một số kết quả nhất định:

hạn chế:


- Tìm hiểu được tổng quan về quy trình phát triển website

- Website chưa được cài đặt lên server để có thể cho nhiều

theo restful webservice.

người sử dụng. do đang trong quá trình phát triển. 

- Xây dựng được web quản lý dự án, đầy đủ những chức
năng cơ bản của một ứng dụng web cần có. 

KẾT LUẬN
Hướng phát triển

Kết luận

Dựa trên những kết quả đạt được cùng với những hạn chế

Trong thời gian thực tập tại Trung tâm đào tạo Quốc tế em

còn tồn tại, tiếp tục phát triển website.

đã được mọi người trong team hỗ trợ rất nhiệt tình, cũng

- Xây dựng cơ sở dữ liệu remote riêng

như học được những kiến thức bổ ích, tích lũy được nhiều

- Tiếp tục nghiên cứu và cải thiện UI, UX  


kinh nghiệm để phục vụ cho công việc của em sau này.


THANK YOU
Insert the Subtitle of Your Presentation