Hoàn thiện chức năng hiển thị nội dung số trên điện thoại di động cho website của FPT Polytechnic bằng công cụ Wordpress

Kết quả phân tích dữ liệu sơ cấp...21 Phần 3: GIẢI PHÁP, ĐỊNH HƯỚNG PHÁT TRIỂN VÀ CÁC ĐỀ XUẤT VỀ CHỨC NĂNG HIỂN THỊ NỘI DUNG SỐ TRÊN ĐIỆN THOẠI DI ĐỘNG CHO WEBSITE FPT POLYTECHNIC...30 i

LỜI CÁM ƠN

Sau thời gian thực tập tại FPT Polytechnic, em đã chọn đề tài “Hoàn thiệnchức năng hiển thị nội dung số trên điện thoại di động cho website của FPTPolytechnic bằng công cụ Wordpress ” làm khóa luận tốt nghiệp Trong quá trình tìmhiểu về lý luận và thực tế để hoàn thiện đề tài này, em đã nhận được sự giúp đỡ nhiệttình của Ban Giám đốc, của các cán bộ nhân viên phòng hệ thống thông tin, cùng toànthể các cán bộ nhân viên trong FPT Polytechnic Đặc biệt có sự hướng dẫn tận tình của

cô giáo ThS Nguyễn Thị Hội Tuy có sự nỗ lực của bản thân nhưng do khả năng

chuyên môn còn hạn chế, nên khóa luận tốt nghiệp của em không tránh khỏi nhữngthiếu sót Em rất mong nhận được những ý kiến chỉ bảo quý báu của cô giáo hướngdẫn, cũng như các cô chú, anh chị trong FPT Polytechnic để em hoàn thiện khóa luậntốt nghiệp và nâng cao kiến thức phục vụ tốt hơn cho công việc sau này

Cuối cùng, em xin kính chúc quý Thầy, Cô dồi dào sức khỏe và thành côngtrong sự nghiệp Đồng kính chúc các Anh, Chị trong FPT Polytechnic dồi dào sứckhỏe và đạt được nhiều thành công trong công việc

Chân thành cảm ơn!

Sinh viên thực hiện

Trần Thanh Quang

i

MỤC LỤC

LỜI CÁM ƠN i

MỤC LỤC ii

DANH MỤC BẢNG BIỂU HÌNH VẼ iv

DANH MỤC CÁC TỪ VIẾT TẮT TIẾNG VIỆT v

PHẦN 1: TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU 1

1.1 Tầm quan trọng, ý nghĩa vấn đề nghiên cứu 1

1.2 Tổng quan các tài liệu liên quan đến nội dung đề tài 2

1.3 Mục tiêu nghiên cứu của đề tài 3

1.4 Đối tượng và phạm vi nghiên cứu của đề tài 3

1.4.1.Đối tượng 3

1.4.2.Phạm vi 3

1.5 Các phương pháp áp dụng thực hiện đề tài 3

1.5.1.Phương pháp điều tra dữ liệu sơ cấp 3

1.5.2 Phương pháp điều tra dữ liệu thứ cấp 5

1.5.3 Xử lý dữ liệu đã thu thập 5

1.6 Kết cấu của khóa luận 6

Phần 2: CƠ SỞ LÝ LUẬN VÀ THỰC TRẠNG WEBSITE CỦA WEBSITE FPT POLYTECHNIC VIỆT NAM 7

2.1 Cơ sở lý luận của đề tài 7

2.1.1 Khái niệm cơ bản 7

2.1.1.1 Khái niệm về website 7

2.1.1.2 Khái niệm về hiển thị website trên điện thoại di động 9

ii

2.1.2 Một số lý thuyết và công cụ áp dụng trong quá trình thực hiện đề tài 10

2.1.2.1 Đôi nét về Wordpress 10

2.1.2.2 Vì sao lại chọn Wordpress 11

2.1.2.3 Một số công cụ hỗ trợ khác cho việc hoàn thiện : CSS, jquerry mobile, Twitter-Bootrap, Bansamiq mockup, Phốthop 12

2.1.3 Phân định nội dung nghiên cứu trong quá trình thực hiện đề tài 13

2.2 Phân tích, khảo sát thực trạng wesite của FPT Polytechnic 13

2.2.1 Giới thiệu chung về FPT Polytechnic Việt Nam 13

2.2.2 Thực trạng website của FPT Polytechnic 14

2.2.2.1 Giới thiệu chung 14

2.2.2.2.Các công nghệ được ứng dụng trên website 16

2.2.3 Phân tích, đánh giá về website của FPT Polytechnic 17

2.2.3.1 Quản trị website 17

2.2.3.2 Phân tích website 18

2.2.3.3 Mạng xã hội 19

2.2.3.4 Hiệu suất (Sử dụng công cụ đo PageSpeed và Yslow) 19

2.2.3.5 Thông tin thêm 20

2.2.4 Đánh giá hiện trạng website của FPT Polytechnic 20

2.2.4.1 Kết quả phân tích dữ liệu thứ cấp 20

2.4.2.2 Kết quả phân tích dữ liệu sơ cấp 21

Phần 3: GIẢI PHÁP, ĐỊNH HƯỚNG PHÁT TRIỂN VÀ CÁC ĐỀ XUẤT VỀ CHỨC NĂNG HIỂN THỊ NỘI DUNG SỐ TRÊN ĐIỆN THOẠI DI ĐỘNG CHO WEBSITE FPT POLYTECHNIC 30

iii

3.1 Hoàn thiện chức năng hiển thị nội dung số trên điện thoại di động 30

3.1.1 Từ giao diện trên PC, xác định những thành phần cần loại bỏ, những thành phần cần thay đổi để phù hợp với giao diện trên thiết bị di động 30

3.1.2 Vẽ phác thảo phiên bản trên điện thoại bằng bansamiq mockup 33

3.1.3.Thiết kế giao diện trên Photoshop ( Kết quả tham khảo phần phụ lục 1) 34

3.1.4.Thiết kế giao diện trên WordPress cho thiết bị di động sử dụng Twitter Bootstrap ( các bước chi tiết tham khảo phụ lục 2) 39

3.1.5.Tối ưu hóa ảnh hiển thị trên thiết bị di động (ảnh hiển thị trên điện thoại nhỏ hơn, lazy load, nén ảnh ) 40

3.2 Định hướng phát triển của đề tài 40

3.3 Đề xuất và kiến nghị đối với FPT Polytechnic nhằm áp dụng tốt các giải pháp 41

KẾT LUẬN CỦA KHÓA LUẬN vi

DANH MỤC TÀI LIỆU THAM KHẢO vii

PHỤ LỤC 1 viii

PHỤ LỤC 2 xi

PHỤ LỤC 3 xiv

DANH MỤC BẢNG BIỂU HÌNH VẼ Bảng 2.1 Quyền hạn trong website của FPT Polytechnic

Bảng 2.2 Đánh giá website FPT Polytechnic bằng công cụ Seo Worker

Bảng 2.3 Mạng xã hội facebook của FPT Polytechnic

Bảng 2.4 Hiệu suất website của FPT Polytechnic

Bảng 2.5 Một số đánh giá khác về website của FPT Polytechnic

Bảng 2.6 Đề xuất khác cho website của FPT Polytechnic

Biểu đồ 2.1 Ý kiến về số nhân viên quản lý website

iv

Biểu đồ 2.2 Nội dung và chất lượng thông tin trên website

Biểu đồ 2.3 Nội dung, cách sắp xếp và phân bố thông tin trên website

Biểu đồ 2.4 Tốc độ tải của website

Biểu đồ 2.5 Ý kiến về việc thay đổi cấu trúc của website

Biểu đồ 2.6 Hình thức đặt hàng của khách hàng

Biểu đồ 2.7 Kênh giao tiếp của sinh viên với FPT Polytechnic

Biểu đồ 2.8 Mức độ hài lòng với các chức năng của website

Biểu đồ 2.9 Các chức năng cần nâng cấp, bổ sung

Biểu đồ 2.10 Mức độ cần thiết nâng cấp và hoàn thiện website

Hình 2.1 Giao diện trang chủ của FPT Polytechnic

Hình 2.2 Các vùng đánh dấu để thay thê, loại bỏ

Hình 2.3 Thanh menu ngang thành menu dọc

Hình 2.4 Hộp đăng ký trực tuyến ngang thành dọc

Hình 2.5 Thư viện ảnh được cắt bớt

Hình 2.6 Phác thảo website bằng công cụ Bansamiq mockup

Hình 2.7 Thiết kế giao diện trên Photoshop

Hình 2.8 Thiết kế menu chính bằng Photoshop

Hình 2.9 Thiết kế menu đăng ký trực tuyến bằng Photoshop

Hình 2.10 Thiết kế phần tin tức bằng Photoshop

Hình 2.11 Thiết kế phần Poly góc nhìn bằng Photoshop

Hình 2.12 Thiết kế phần sự kiện bằng Photoshop

Hình 2.13 Thiết kế phần thư viện ảnh bằng Photoshop

Hình 2.14 Thiết kế phần liên hệ bằng Photoshop

DANH MỤC CÁC TỪ VIẾT TẮT TIẾNG VIỆT

v

vi

PHẦN 1: TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU

1.1.Tầm quan trọng, ý nghĩa vấn đề nghiên cứu

Trong khoảng hai năm trở lại đây, chúng ta đang chứng kiến một cuộc cáchmạng thực sự với điện thoại và các thiết bị di động Hãy giành khoảng mười phút quansát những thiết bị di động đang được sử dụng quanh bạn Những chiếc điện thoại thôngminh với cấu hình phần cứng còn cao hơn cấu hình của một chiếc máy tính desktopcách đây mười năm Theo thống kê của vnexpress, người dùng Việt Nam đang ưathích những chiếc điện thoại với màn hình khá lớn, trang bị màn hình cảm ứng mà giácủa chúng còn đắt hơn một chiếc máy tính xách tay Do đó thiết kế website cho thiết bị

di động sẽ phát triển mạnh trong vài năm tới để đáp ứng kịp thời với sự bùng nổ thiết

bị di động thông minh

Năm 2011 cũng đánh dấu sự ra đời hàng loạt và cạnh tranh gay gắt của các thiết

bị di động thông minh hay còn gọi là smart phone chạy trên các nền tảng như Android,IOS, Window phone Chắc hẳn những Samsung, Apple, Nokia, LG là những cáitên quen thuộc trong làng sản xuất smart phone Các mẫu điện thoại mới liên tục đượcgiới thiệu, thu hút người tiêu dùng bởi các tính năng ngày càng được cải tiến Với côngnghệ 3G đã được phát triển ở Việt Nam từ rất sớm, ngày nay ngay kể cả một cậu sinhviên cũng có thể sử dụng điện thoại của mình để cập nhật facebook khi đang ngồi trên

xe buýt

Trước đây, việc thiết kế website sử dụng cho điện thoại cũng đã được biếttới.Giải pháp khi đó là viết 1 phần mềm cho điện thoại, có mục đích tự động cập nhậtthông tin từ website.Cũng có thể là xây dựng 1 phiên bản web giành riêng cho điệnthoại động và sử dụng như 1 sub-domain (Ví dụ mobile.tenmien.com hay(m.ten.com).Các giải pháp này đòi hỏi ngoài chi phí cho thiết kế website thôngthường, bạn phải bỏ thêm chi phí để thiết kế thêm 1 website nữa hay 1 phần mềm diđộng nữa.Thực tế là chỉ có một vài công ty lớn, có tên tuổi và có tiềm lực tài chínhmới có thể thực hiện điều này.Trong 1 vài năm trở lại đây, các kỹ thuật thiết kếwebsite cũng có những bước tiến vượt bậc, và đã có những giải pháp khác cho chúng

ta Các ngôn ngữ lập trình ngày một được hoàn thiện, các kỹ thuật mới được sáng tạo.HTML5, CSS3, PHP6,Wordpress mang đến cho người thiết kế web nhiều giải phápmới để lập trình website Và những người thiết kế website hàng đầu cũng đã đón đầu

xu hướng thiết kế website trên các thiết bị di động với kỹ thuật Responsivewebsite( tự động hỗ trợ các website điều chỉnh website có độ rộng vừa khít với trìnhduyệt giúp hiển thị trên tất cả các kích thước màn hình khác nhau)

Chính vì thế mà website FPT Polytechnic nói riêng và các website của các tổchức doanh nghiệp khác nói chung cần phải bắt kịp được xu hướng này là xây dựngwebsite có hỗ trợ hiển thị tốt nội dung trên các điện thoại di động và các thiết bị số

1.2.Tổng quan các tài liệu liên quan đến nội dung đề tài

Luận văn:“ Website trường ĐH công nghệ phiên bản tiếng anh trên thiết bị di

động”–tác giả Nguyễn Thị Thanh Tâm, Khoa Công Nghệ Thông Tin trường ĐH Công

Nghệ Đề tài xây dựng một phiên bản website trường ĐH Công nghệ phiên bản tiếngAnh trên thiết bị di động Phiên bản này là một bản rút gọn của website, cho phéphiển thị tốt trên thiết bị di động vốn bị hạn chế bởi kích thước màn hình Bắt đầu từviệc nghiên cứu hệ thống website trường ĐH Công nghệ, vốn được xây dựng trên hệquản trị nội dung Drupal Sau khi nghiên cứu các thành phần cơ bản, các modulequan trọng, hệ thống file giao diện của Drupal thì tiến hành thiết kế templatecho phiên bản trên thiết bị di động Triển khai bằng cách cài đặt một trang Drupalmới với dữ liệu được lấy từ phiên bản gốc và hiển thị lại theo template đã thiết kế Kếtquả, đã xây dựng thành công phiên bản trên thiết bị di động cho website trường

ĐH Công nghệ với tên miền riêng Tuy nhiên, hệ thống chưa có chức năng tự nhậndiện thiết bị truy cập để điều hướng sang tên miền đó

Cuốn sách: April Hodge Silver, (1/2011) “Wordpress 3 completer”, Packt

Publishing.Nội dung chính của của cuốn sách: Cuốn sách đưa ra những kiến thức giúpcho người đọc nắm bắt về wordpress từ việc bắt đầu với wordpress; cách thay đổinhững thông tin xuất hiện trên một trang chủ, bài viết; cách tải lên hình ảnh, âm thanh,video; các công việc xuất bản, di chuyển, bảo trì website; tạo giao diện, các widget, vàplugin; tạo website trên mobile với wordpress

Sau khi tham khảo 2 tài liệu trên cùng với sự khảo sát tại FPT Polytechnic, em

quyết định thực hiện nghiên cứu đề tài: “Hoàn thiện chức năng hiển thị nội dung số

trên điện thoại di động cho website của FPT Polytechnic Việt Nam bằng công cụ Wordpress” Sở dĩ chọn công cụ Wordpress vì công cụ này khác phục được những

nhược điểm của Drupal là Drupal được đánh giá là khó sử dụng với người dùngmới.Việc tạo các Menu khiến người dùng cảm thấy thực sự bối rối Drupal có ít các

thành phần mở rộng (extensions) hơn Wordpress Mỗi khi có phiên bản Drupal mớibạn phải chờ các nhà cung cấp nâng cấp extensions của họ để tương thích.Cách bố trícủa website Drupal khiến người mới sử dụng khó tìm kiếm và đánh giá nên dùngextensions nào Trong khi đó WordPress dễ sử dụng nhất trong 3 CMS ( Drupal,Joomla và Wordpress) , nó giúp bạn có một Blog, website trong vài phút Bạn có thểvào http://wordpress.com để tạo một trang miễn phí cho mình và bắt đầu làm quen sửdụng WordPress Các plugin của wordpress có rất nhiều và 90% là miễn phí, bạn cóthể cài đặt (install) và nâng cấp (upgrade) các plugin này ngay trong phần quản lý củaWordPress mà không cần phải download về như Joomla và Drupal

1.3 Mục tiêu nghiên cứu của đề tài

Hình thành cơ sở lý luận về website như khái niệm, chức năng hiển thị trênđiện thoại di động, công cụ hỗ trợ cho việc hiển thị trên điện thoại di động Nghiêncứu và đánh giá thực trạng của website của FPT Polytechnic Hoàn thiện chức nănghiển thị nội dung số trên điện thoại di động cho website của FPT Polytechnic

1.4 Đối tượng và phạm vi nghiên cứu của đề tài

1.5 Các phương pháp áp dụng thực hiện đề tài

1.5.1 Phương pháp điều tra dữ liệu sơ cấp

Là phương pháp điều tra những dữ liệu chưa qua xử lý, được thu thập lần đầu,

và thu thập trực tiếp từ các đơn vị của tổng thể nghiên cứu thông qua các cuộc điều trathống kê Dữ liệu sơ cấp đáp ứng tốt yêu cầu nghiên cứu, tuy nhiên việc thu thập dữliệu sơ cấp lại thường phức tạp, tốn kém Để hoàn thành bài khóa luận này em có sửdụng phương pháp phỏng vấn cá nhân là một loại hình của phương pháp thu thập dữliệu sơ cấp

Phương pháp phỏng vấn cá nhân trực tiếp (personal interviews):

Nhân viên điều tra đến gặp trực tiếp đối tượng được điều tra để phỏng vấn theomột bảng câu hỏi đã soạn sẵn Áp dụng khi hiện tượng nghiên cứu phức tạp, cần phảithu thập nhiều dữ liệu; khi muốn thăm dò ý kiến đối tượng qua các câu hỏi ngắn gọn

và có thể trả lời nhanh được,…

Do gặp mặt trực tiếp nên nhân viên điều tra có thể thuyết phục đối tượng trả lời,

có thể giải thích rõ cho đối tượng về các câu hỏi, có thể dùng hình ảnh kết hợp với lờinói để giải thích, có thể kiểm tra dữ liệu tại chỗ trước khi ghi vào phiếu điều tra Tuynhiên chi phí cao, mất nhiều thời gian và công sứcnên khó đạt được chất lượng hỏi cao

Phương pháp nghiên cứu tài liệu:

Là phương pháp cho phép nghiên cứu kỹ và tỉ lỉ về nhiều khía cạnh của tổ chức,

hệ thống Thông tin trên giấy tờ phản ánh trong quá khứ, hiện tại và tương lai của tổchức, hệ thống

Cách thức thực hiện: nghiên cứu các tài liệu về báo cáo doanh thu, chi phí vàcác mẫu phiếu, mẫu đơn tại tổ Điều hành quản lý tại Trung tâm Bảo dưỡng Ứng cứuthông tin

Ứng dụng của dữ liệu thu thập được: được sử dụng trong phần kết quả hoạtđộng kinh doanh của doanh nghiệp trong những năm gần đây cùng một số phần liênquan khác

Phương pháp sử dụng phiếu điều tra:

Là phương pháp được sử dụng khi lấy thông tin từ một số lượng lớn các đốitượng trên một phạm vi địa lý rộng

Cách thức thực hiện: sử dụng phiếu điều tra tại các tổ trong trung tâm để điềutra các thông tin chi tiết tới hệ thống tính cước và chăm sóc khách hàng với số lượngcâu hỏi sát với mục đích thu thập

Ứng dụng của thông tin thu thập: được sử dụng để xây dựng bài toán chi tiết cụthể cho hệ thống tính cước và chăm sóc khách hàng cùng với kiến nghị đối với doanhnghiệp về phần cứng, phần mềm, con người

Phương pháp tìm kiếm trên Internet:

Là phương pháp tìm kiếm thông dụng, đơn giản, tiết kiệm chi phí và cho kết quảnhanh nhưng dữ liệu thu thập được thường rộng và không chi tiết

Cách thức thực hiện: tìm kiếm thông tin về website, hiển thị nội dung trên điệnthoại di động, các công cụ hỗ trợ việc thiết kế, lập trình

Ngoài ra, còn sử dụng phương pháp thống kê, thu thập số liệu để làm rõ nhữngnội dung liên quan

1.5.2 Phương pháp điều tra dữ liệu thứ cấp

a Dữ liệu thứ cấp

Dữ liệu thứ cấp là dữ liệu do người khác thu thập, sử dụng cho các mục dích cóthể là khác với mục đích nghiên cứu của chúng ta Dữ liệu thứ cấp có thể là dữ liệuchưaxử lý (còn gọi là dữ liệu thô) hoặc dữ liệu đã xử lý Như vậy, dữ liệu thứ cấpkhông phải do người nghiên cứu trực tiếp thu thập

Số liệu thứ cấp này đã được thu thập cho các nghiên cứu với các mục đích khác

và có thể hoàn toàn không hợp với vấn đề của chúng ta; khó phân loại dữ liệu; các biến

số, đơn vị đo lường có thể khác nhau Dữ liệu thứ cấp thường đã qua xử lý nên khóđánh giá được mức độ chính xác, mức độ tin cậy của nguồn dữ liệu

Trong bài khóa luận này em đã thu thập nguồn dữ liệu thứ cấp thông qua việctìm hiểu các tài liệu tham khảo, trên internet

1.5.3 Xử lý dữ liệu đã thu thập

a Phân tích và tổng hợp

Phân tích trước hết là phân chia cái toàn thể của đối tượng nghiên cứu thànhnhững bộ phận, những mặt, những yếu tố cấu thành giản đơn hơn để nghiên cứu, pháthiện ra từng thuộc tính và bản chất của từng yếu tố đó, và từ đó giúp chúng ta hiểuđược đối tượng nghiên cứu một cách mạch lạc hơn, hiểu được cái chung phức tạp từnhững yếu tố bộ phận ấy

Khi chúng ta đứng trước một đối tượng nghiên cứu, chúng ta cảm giác đượcnhiều hiện tượng đan xen nhau, chồng chéo nhau làm lu mờ bản chất của nó.Vậymuốn hiểu được bản chất của một đối tượng nghiên cứu chúng ta cần phải phân chia

nó theo cấp bậc Nhiệm vụ của phân tích là thông qua cái riêng để tìm ra được cái

chung, thông qua hiện tượng để tìm ra bản chất, thông qua cái đặc thù để tìm ra cáiphổ biến.

Khi phân chia đối tượng nghiên cứu cần phải:

- Xác định tiêu thức để phân chia

- Chọn điểm xuất phát để nghiên cứu

- Xuất phát từ mục đích nghiên cứu để tìm thuộc tính riêng và chung

Bước tiếp theo của phân tích là tổng hợp Tổng hợp là quá trình ngược với quátrình phân tích, nhưng lại hỗ trợ cho quá trình phân tích để tìm ra cái chung cái kháiquát.Từ những kết quả nghiên cứu từng mặt, phải tổng hợp lại để có nhận thức đầy đủ,đúng đắn cái chung, tìm ra được bản chất, quy luật vận động của đối tượng nghiên cứu

b Mối quan hệ giữa phân thích và tổng hợp

Phân tích và tổng hợp là hai phương pháp gắn bó chặt chẽ quy định và bổ sungcho nhau trong nghiên cứu, và có cơ sở khách quan trong cấu tạo, trong tính quy luậtcủa bản thân sự vật Trong phân tích, việc xây dựng một cách đúng đắn tiêu thức phânloại làm cơ sở khoa học hình thành đối tượng nghiên cứu bộ phận ấy, có ý nghĩa rấtquan trọng Trong nghiên cứu tổng hợp vai trò quan trọng thuộc về khả năng liên kếtcác kết quả cụ thể( có lúc ngược nhau) từ sự phân tích, khả năng trìu tượng, khái quátnắm bắt được mặt định tính từ rất nhiều khía cạnh định lượng khác nhau

1.6 Kết cấu của khóa luận

Bài khóa luận gồm 3 phần:

- Phần 1: Tổng quan vấn đề nghiên cứu

- Phần 2: Cơ sở lý luận và thực trạng về website của FPT Polytechnic Việt Nam

- Phần 3: Giải pháp định hướng phát triển cho chức năng hiển thị nôi dung sốtrên điện thoại di dộng cho website của FPT Polytechnic Việt Nam

Phần 2: CƠ SỞ LÝ LUẬN VÀ THỰC TRẠNG WEBSITE CỦA WEBSITE FPT POLYTECHNIC VIỆT NAM

2.1 Cơ sở lý luận của đề tài

2.1.1 Khái niệm cơ bản

2.1.1.1 Khái niệm về website

a) Khái niệm website

Theo [3] các khái niệm được nêu ra như sau:

Website là tập hợp các trang web (webpage) có liên quan với nhau

Trang web(webpage) là một tệp văn bản có chứa đựng dữ liệu siêu văn bản(HTML - Hyper Text Markup Language) bao gồm văn bản, hình ảnh, âm thanh, video,

đồ họa, các tài liệu kỹ thuật số được tích hợp kết nối với nhau Mỗi website, mỗitrang web được lưu trữ trên ít nhất một máy chủ web (Web server), truy cập qua mạngnhư Internet hay một mạng riêng thông qua một địa chỉ Internet cũng được gọi là URL(Uniform Resource Locator) Trang web đầu tiên người xem truy cập từ tên miềnthường được gọi là trang chủ (homepage) Từ trang chủ, người xem có thể xem cáctrang khác thông qua các siêu liên kết (hyperlinks)

Để một website hoạt động được, cần phải có tên miền (domain), không gian lưutrữ website (hosting), và nội dung website

Đối với các doanh nghiệp hoạt động trong lĩnh vực TMĐT nói chung, websitebao gồm toàn bộ thông tin, dữ liệu, hình ảnh về các sản phẩm, dịch vụ và hoạt độngsản xuất kinh doanh mà doanh nghiệp muốn truyền đạt tới người truy cập Internet Vớivai trò quan trọng như vậy, có thể coi website chính là bộ mặt của công ty, là nơi đểđón tiếp và giao dịch với các khách hàng trên mạng

Với các website tích hợp TMĐT ở mức cao hơn, thì website như một cửa hàngtrực tuyến để doanh nghiệp có thể thực hiện các giao dịch: bán hàng, đặt hàng, thanhtoán, chăm sóc, tư vấn khách hàng, Website của doanh nghiệp dễ dàng cập nhật vàthay đổi thông tin về các sản phẩm, dịch vụ mới, các chương trình khuyến mãi, xuhướng sản phẩm, Nhờ có website, thông tin được cung cấp tới các khách hàng củadoanh nghiệp nhanh chóng, kịp thời, khách hàng có thể truy cập thông tin của websitemọi lúc, mọi nơi

b) Phân loại website:

Theo [3] phân loại dữ liệu như sau

- Phân loại theo dữ liệu:

Web tĩnh: Website tĩnh là website chỉ bao gồm các trang web tĩnh và không có

cơ sở dữ liệu đi kèm Dữ liệu trang web không thay đổi thường xuyên Để thay đổi nộidung trên trang web người sở hữu phải truy cập trực tiếp vào các mã lệnh để thay đổithông tin Web tĩnh không có cơ sở dữ liệu bên dưới hệ thống, không có công cụ đểđiều khiển nội dung gián tiếp Dạng file của trang web tĩnh thường là ".htm"

Ưu điểm: Web tĩnh dành cho các web có nội dung đơn giản gọn nhẹ, không có

sự can thiệp của người lập trình web, không phải xử lý những mã lệnh phức tạp Vìvậy việc thiết kế đặt để các đối tượng thoải mái và tự do sáng tạo của người thiết kếnên web tĩnh thường sở hữu được một hình thức hấp dẫn và bắt mắt

Nhược điểm: vì không có hệ thống hỗ trợ thay đổi thông tin nên việc cập nhậtthông tin web tốn nhiều chi phí và cần phải có người am hiểu kỹ thuật web thực hiện

Web động: Web động là trang web mà người dùng có thể tương tác với nó, cóthể dễ dàng quản trị nội dung và điều hành website của mình thông qua các phần mềm

hỗ trợ mà không nhất thiết cần phải có kiến thức nhất định về ngôn ngữ html, lập trìnhweb, thiết kế website Web động khi xây dựng sẽ bao gồm 2 phần: một phần hiển thịtrên trình duyệt mà khi truy cập internet ta thường thấy (front-end) và một phần ngầmbên dưới dùng để điều khiển nội dung của trang web, phần nội dung ngầm này thườngthì chỉ những người quản trị website đó mới có thể có quyền truy cập vào (back-end).Web động thường được phát triển bằng các ngôn ngữ lập trình tiên tiến như PHP,ASP, ASP.NET, Java, CGI, Perl, và sử dụng các cơ sở dữ liệu quan hệ mạnh nhưAccess, My SQL, MS SQL, Oracle

Ưu điểm: Tính linh hoạt và có thể cập nhật thông tin thường xuyên, quản lý cácthành phần trên website dễ dàng

Nhược điểm: Cấu trúc trang web khó thay đổi vì thường các trang đều có cấutrúc giống nhau, tốc độ tải trang chậm hơn web tĩnh do nội dung trang web được tạođộng khi người dùng yêu cầu

- Phân loại theo hệ thống nội dung:

Website cung cấp thông tin: như các website báo điện tử, website cung cấpthông tin theo những chuyên đề cụ thể Thông thường các website cung cấp thông tin

miễn phí và nguồn thu đến từ phí quảng cáo trên website Tuy nhiên, nếu các thông tin

có giá trị cao, người xem có thể phải trả phí để xem được các thông tin đó

Website cung cấp sản phẩm hoặc dịch vụ: các website này có thể chỉ giới thiệuthông tin về các sản phẩm, dịch vụ hoặc có thể có những tính năng giúp người xem cóthể trực tiếp mua sản phẩm hoặc dịch vụ tại website

- Phân loại theo sự tương tác với người dùng:

Web 1.0: là web thế hệ đầu tiên, website thường chỉ một chiều thông tin từwebsite đến người xem.Người được ở vào thế bị động là tiếp nhận thông tin và không

có sự phản hồi trực tiếp lên website

Web 2.0: là thế hệ web thứ 2 Dạng web này có tính tương tác cao, người xem

có thể tham gia đăng tải bài viết và tham gia xây dựng nội dung của website đó, dạngweb này mang tính cộng đồng và tất cả các dữ liệu trên web là dữ liệu mở được tất cảmọi người xem web cung cấp Chính vì thế dạng web này thân thiện với người đọc tạocảm giác như người đọc cũng là người sở hữu website.Nó cuốn hút mọi người cùng cungcấp thông tin, chia sẻ dữ liệu, tạo ra những nguồn dữ liệu khổng lồ trên Internet.Ngày naydạng web này đang được phát triển mạnh nhất trong các thể loại web tương tác

Web 3.0: Đây sẽ là web thế hệ thứ 3, giai đoạn hiện nay dạng web này trongthời kỳ đang hình thành và vẫn còn nhiều khái niệm chưa thống nhất Tuy nhiên nếunói một cách đơn giản dễ hiểu thì web 3.0 sẽ có bước đột phá về băng thông kèm theo

là sự phát triển mạnh mẽ về phim ảnh và truyền hình trên Internet

Một số trình duyệt web hiện nay cho máy tính cá nhân bao gồm InternetExplorer, Mozilla Firefox, Safari, Opera, Avant Browser, Konqueror, Lynx, GoogleChrome, Flock, Arachne, Epiphany, K-Meleon và AOL Explorer

2.1.1.2 Khái niệm về hiển thị website trên điện thoại di động

Theo trang http://www.thietketrangweb.vn thì định nghĩa website trên điện thoại

di động như sau:

Website cho thiết bị di động cũng tương tự như những website bạn vẫn thườngthiết kế.Website cho di động được thiết kế để cho bất cứ thiết bị nào có hỗ trợ duyệtweb đều có thể truy cập một cách dễ dàng

Khái niệm về hiển thị website trên di động xuất hiện khi ra đời những chiếc điệnthoại di động có thể lướt web như chiếc máy tính thông thường Tùy thuộc vào cấu

hình máy điện thoại di động mà chúng có thể hiện thị website theo những kiểu khácnhau hoặc do trang web đó có hỗ trợ hiển thị trên di động như thế nào

Khi thiết kế web cho thiết bị di động, chúng ta phải xem xét đến kích thước mànhình Điều này có vẻ sẽ gây khó khăn cho những nhà thiết kế và lập trình đã quen làm chomàn hình HD với kích thước 1920 x 1200 hoặc lớn hơn Vậy nội dung website hiển thịtrên điện thoại di động cần phải được bố trí sao cho phù hợp với kích thước màn hình

Từ những năm trước, internet băng thông rộng (wifi) đã phổ biến ở khắp cácquán cà phê, website phải tối ưu trình duyệt của mình để đảm bảo thời gian lướt webnhanh nhất Bây giờ chúng ta cũng phải làm điều tương tự cho thiết bị di động

Các nhà sản xuất đưa ra ngày càng nhiều trình duyệt với tốc độ lướt web, tải dữliệu cực nhanh Thêm vào đó là nhu cầu tải dữ liệu không giới hạn của một bộ phậnngười dùng, họ sẵn sàng chi trả cho việc download tài liệu của mình Vì vậy, phảigiảm code, xóa bỏ bớt thẻ tags và các bình luận Dùng hình ảnh kích thước nhỏ hơn vàtài liệu nén để cho việc download được thực hiện dễ dàng hơn Giảm bớt những đườnglinks và nội dung không liên quan đến phần nội dung Những mục trên sidebar(cột bêncạnh) và footer(chân trang) cũng có thể nên được bỏ đi để tập trung vào nội dungchính và góp phần đơn giản hóa trang web

Khi một trang web được hiển thị trên thiết bị di động,trang web đó nên đượctùy chỉnh tự động cho phù hợp với kích thước màn hình Với kích thước màn hình củahầu hết các loại điện thoại, một trang khó có thể hiển thị được hết Nếu không đượcthu nhỏ lại, người dùng sẽ phải dùng đến thanh cuốn ngang và dọc để xem được hếtnội dung của trang Như thế rất bất tiện.Vì vậy, hãy tạo cấu trúc một cột vừa với kíchthước màn hình của các thiết bị di động Người dùng vẫn phải sử dụng thanh cuốn,nhưng họ chỉ cần cuốn theo chiều dọc

2.1.2 Một số lý thuyết và công cụ áp dụng trong quá trình thực hiện đề tài

2.1.2.1 Đôi nét về Wordpress

Theo www.vi.wordpress.org, định nghĩ về Wordpress như sau:

WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngônngữ lập trình PHP và hệ cơ sở dữ liệu MySQL Do đó, nó thích hợp cho ai muốn đặtblog trên chính website sử dụng tên miền của riêng mình Tuy nhiên, nếu không có tênmiền riêng và chịu được một vài hình ảnh quảng cáo đôi khi xuất hiện, bạn vẫn có thểdùng chung với nhà cung cấp Automattic Production tại địa chỉ http://wordpress.comtương tự các nhà cung cấp khác

Dịch vụ của Automattic Production đưa ra hơn 50 giao diện mẫu chất lượngcao.Tuy vậy, để tùy biến giao diện bạn phải bỏ ra 15 USD mỗi năm để chỉnh sửaCSS.WordPress không cho phép bạn thêm vào các đoạn mã JavaScript hay RSS bênngoài (đồng nghĩa với việc bạn không thể đặt bất cứ biển quảng cáo lên blog củamình), nhưng nó cung cấp cho bạn một số ứng dụng nhỏ (widget) để lựa chọn và sửdụng bằng cách rê và thả.Phần soạn thảo làm việc khá tốt khi kết hợp giữa chế độ soạnthảo toàn diện (WYSIWYG) và mã HTML.

Ngoài ra, WordPress còn thêm vào một số tính năng nhỏ nhằm hỗ trợ ngườidùng trong quá trình sử dụng như khả năng tự động lưu liên tục khi soạn thảo, nạp nộidung từ blog khác hay chia mục cho bài viết.Tuy nhiên, WordPress lại không có chứcnăng xem trước (preview) nội dung bài viết của mình, điều gây khó khăn cho ngườidùng khi họ cần xem xét và chỉnh sửa.Đây là sự kế thừa của b2\cafelog bởi MichelValdrighi.Tên gọi WordPress được đề xuất bởi Christine Selleck, một người bạn củanhóm trưởng Matt Mullenweg.Phiên bản mới nhất của Wordpress là WP 3.4.1

2.1.2.2 Vì sao lại chọn Wordpress

Theo www.vi.wordpress.org :

Thiết kế web bằng wordpress – Mã nguồn mở: WordPress luôn giữ vị trí tốtnhất về số lượng người dùng, tin tưởng và phát triển dựa trên CMS (ContentManagement System- Hệ thống quản trị nội dung) này Từ khi ra đời, WordPress đãtạo cho mọi người một mã nguồn miễn phí và dễ dàng sử dụng cho tất cả mọingười.Nếu bạn đã sử dụng phần mềm soạn thảo văn phòng, thì Wordpress sử dụng dễdàng như vậy

Sử dụng linh hoạt với các thao tác đơn giản: WordPress đa dạng về giao diện

và với số lượng rất lớn plugin, bạn chỉ cần cài đặt và sử dụng, thậm chí bạn có thể tùychỉnh plugin cho phù hợp với website của bạn Với người mới thiết kế web thì đây làmột công cụ rất tuyệt vời

Tích hợp sẵn chế độ Mobile cho website của bạn: Để khẳng định cho sự linhhoạt của mình, WordPress đã thân thiện mã nguồn của mình với chiếc điện thoại diđộng Tính chất mở rộng của WordPress đã cho phép trang web của bạn sau khi thiết

kế hoàn toàn có thể phù hợp với mọi phiên bản Mobile.Thậm chí có cả một plugin sẽ

tự động hiển thị các chủ đề di động của trang web để người sử dụng khi nó được duyệt

từ một thiết bị di động Điều này có nghĩa rằng khi có cập nhật được thực hiện trêntrang web, nó sẽ tự động được cập nhật trên các trang web điện thoại di động!

WordPress ngày càng phát triển và hoàn thiện bậc nhất: Nói về khả năng pháttriển … đó là những điều mà WordPress đã thực hiện và tiếp tục làm! Từ khởi đầukhiêm tốn của nó bắt đầu như là 1 công cụ viết blog đơn giản vào năm 2003, bây giờđược tải về hơn 90 triệu lần và được công nhận là một trong các hệ thống nội dungquản lý hàng đầu, chúng tôi nghĩ rằng nó thực sự là CMS hoàn hảo.

2.1.2.3 Một số công cụ hỗ trợ khác cho việc hoàn thiện : CSS, jquerry mobile, Twitter-Bootrap, Bansamiq mockup, Phốthop

a CSS

Theo [8] định nghĩa về CSS:

CSS là chữ viết tắt của cụm từ tiếng anh (Cascading Style Sheet), CSS được tổchức World Wide Web (W3C) giới thiệu vào năm 1996 CSS chỉ đơn thuần là một file cóphần mở rộng là css, trong file này chứa những câu lệnh CSS, mỗi câu lệnh css sẽ địnhdạng một thành phần nhất định của tài liệu HTML như màu sắc, font chữ, Công dụngcủa CSS: Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy địnhkiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu), khiến mã nguồn củatrang Web được gọn gàng hơn, tách nội dung của trang Web và định dạng hiển thị, dễdàng cho việc cập nhật nội dung Tạo ra các kiểu dáng có thể áp dụng cho nhiều trangWeb, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau

b jQuery Mobile

Theo [6], định nghĩa về jQuery như sau:

jQuery Mobile là một khung công tác phát triển giao diện người dùng web thânthiện với cảm ứng cho phép bạn phát triển các ứng dụng web di động làm việc trên cácmáy điện thoại thông minh và các máy tính bảng Khung công tác jQuery Mobile đượcxây dựng trên đỉnh lõi jQuery và cung cấp một số phương tiện, gồm thao tác vàchuyển dịch DOM (Mô hình đối tượng tài liệu), HTML và XML, xử lý các sự kiện,thực hiện truyền thông máy chủ bằng cách sử dụng Ajax, cũng như các hiệu ứng hìnhảnh và hình ảnh động cho các trang web Bản thân khung công tác di động là một bảntải bổ sung, riêng biệt có kích cỡ khoảng 12KB (đã rút gọn và nén) từ lõi jQuery cókích cỡ khoảng 25KB khi đã rút gọn/nén Cũng như với phần còn lại của khung côngtác jQuery, jQuery Mobile là thư viện được cấp phép kép (MIT và GPL), miễn phí

c Twitter Bootstrap

Twitter Bootstrap bao gồm các mã CSS và HTML cơ bản cho typography,forms, buttons, tables, grids, navigation, và nhiều thành phần khác của website

Twitter Bootstrap cung cấp giao diện dạng lưới cố định (fixed) rộng 940px và 12 cột

và giao diện động Fluid Tương thích với màn hình phân giải cao Retina

d Bansamiq mockup

Theo www.balsamiq.com :

Bansamiq mockup là một phần mềm thiết kế giao diện người dùng Bansamiqmockup giúp cho người lập trình hay người dùng có thể thiết kế cho mình giao diệntrên điện thoại di động hoặc trên máy tính thông qua việc mô phỏng các hình ảnh

e Photoshop

Phần mềm giúp hỗ trợ vẽ, thiết kế giao diện trên website, chỉnh sửa ảnh

2.1.3 Phân định nội dung nghiên cứu trong quá trình thực hiện đề tài

Trước tiên là hệ thống hóa cở sở lý thuyết về website, website trên điện thoại diđộng, công cụ wordpress Sau đó là khảo sát, nghiên cứu và làm rõ sự cần thiết củawebsite trên di động ngày nay từ đó đề xuất ra hoàn thiện chức năng hiển thị nội dungtrên điện thoại di động cho website của FPT Polytechnic Việt Nam

Trong phần hai đề tài nghiên cứu của mình, em sẽ làm rõ lý thuyết về website,hiển thị website trên điện thoại di động, công cụ Wordpress và một số công cụ khác

Từ các kết quả đánh giá, phân tích website, em sẽ đưa ra các nguyên nhân và tồn tạicủa website, và đưa ra giải pháp cho việc hoàn thiện chức năng hiển thị nội dung sốtrên điện thoại di động cho website của FPT Polytechnic Việt Nam bằng công cụWordpress trong phần ba của bài khóa luận

Để thiết kế được chức năng hiển thị nội dung số trên điện thoại di đông chowebsite của FPT Polytechnic Việt Nam, trong khuôn khổ đề tài, em sử dụngWordpress, CSS, jQuerry, Twitter Bootstrap

2.2 Phân tích, khảo sát thực trạng wesite của FPT Polytechnic

2.2.1 Giới thiệu chung về FPT Polytechnic Việt Nam

Thông tin doFPT Polytechnic cung cấp:

FPT polytechnic trực thuộc công ty FPT Education tập đoàn FPT,kinh doanhtrong lĩnh vực giáo dục bao gồm các chuyên ngành đào tạo các chuyên ngành: Thiết kếWeb, Ứng dụng phần mềm, Kế toán doanh nghiệp,QTDoanh nghiệp - Nhân sự & Vănphòng, QTDoanh nghiệp - Marketing & Bán hàng.FPT polytechnic có các chươngtrình đào tạo kéo dài 2 năm, mỗi năm 3 học kỳ Đối tượng tuyển sinh của FPTPolytechnic là những học sinh đã tốt nghiệp THPT, có điểm tổng kết môn Toán lớp 12

hoặc điểm thi tốt nghiệp môn Toán đạt từ 5,5 trở lên hoặc sinh viên hệ chính quy cáctrường Cao đẳng, Đại học khác là đủ điều kiện để được xét tuyển vào trường.

FPT Polytechnic chính thức đi vào hoạt động ngày 28/8/2010 với hai khốingành đào tạo: Công nghệ thông tin (gồm Thiết kế web và Ứng dụng phần mềm) vàKinh tế - Kinh doanh (Kế toán doanh nghiệp, QTDoanh nghiệp - Nhân sự & vănphòng, QTDoanh nghiệp - Marketing & Bán hàng) Thời gian học trong hai năm, bằngtốt nghiệp là bằng cao đẳng nghề chính quy do Đại học FPT cấp

FPT Polytechnic triển khai mô hình giáo dục - đào tạo kiểu mới dựa trên sứcmạnh của công nghệ thông tin Đó là: “Thực học – Thực nghiệp”, đào tạo thông qua

dự án với cách thức “cầm tay chỉ việc” Đây là một trong những phương pháp đào tạotiên tiến nhất hiện nay và còn mới lạ ở Việt Nam.Công việc thực tế trong doanh nghiệpđược đưa vào bài giảng Sinh viên sẽ được giao các nhiệm vụ, dự án ngay đầu giaiđoạn để từng bước học hỏi và hoàn thiện FPT Polytechnic tạo môi trường học tậpgiống doanh nghiệp và trong đó, sinh viên đóng vai trò như nhân viên.Các giờ họcđược tổ chức để giao việc và kiểm soát công việc

Mô hình đào tạo ở FPT Polytechnic thiên về thực hành và truyền nghề.Vì vậy,ngoài giảng viên chính sẽ có trợ giảng - người đi trước có kinh nghiệm hoặc sinh viênkhoá trên - hướng dẫn cho sinh viên khoá dưới.Hệ thống giáo trình và tài liệu thamkhảo có bản quyền từ các nhà xuất bản uy tín trên thế giới, thường xuyên cập nhật mỗikhi có phiên bản mới Giáo trình của trường được chuyển ngữ và biên soạn sang TiếngViệt thông qua sự hợp tác xuất với các nhà xuất bản quốc tế hàng đầu như McGraw-Hill, Pearson, Wiley… giúp sinh viên tiếp cận với tri thức công nghệ cập nhật mộtcách dễ dàng hơn, đặc biệt là khi khả năng ngoại ngữ còn hạn chế Ngoài ra, nhà xuấtbản Pearson sẽ cung cấp sách giáo trình, tài liệu giảng dạy với mức giá ưu đãi và dànhcác suất học bổng dành cho sinh viên và giảng viên xuất sắc.FPT Polytechnic cũngluôn tạo điều kiện cho sinh viên được phát triển bằng các hoạt động hướng nghiệp,giới thiệu việc làm cho sinh viên ngay trong quá trình học tập

2.2.2 Thực trạng website của FPT Polytechnic

2.2.2.1 Giới thiệu chung

Địa chỉ website: http://www.poly.edu.vn Thời gian thành lập tháng 8/2010

Giao diện trang chủ của FPT Polytechnic:

Hình 2.1 Giao diện trang chủ của FPT Polytechnic trên PC

( Nguồn www.poly.edu.vn)

Chức năng của website FPT Polytechnic:Là cầu nối, quảng bá và truyền đạtthông tin đến các đối tượng: sinh viên, sinh viên tương lai, phụ huynh, đối tác…; Tổchức các event, cuộc thi: Thử Thách Của Anh Gió, Chuyện của Lu-ka, Ảnh đẹp lúc 0giờ, Nam Vương Poly, iPoly, Poly Confessions… ; Chăm sóc khách hàng (sinh viên,phụ huynh) thông qua hệ thống comment, yahoo pingbox; Đăng ký trực tuyến: Sinhviên tương lai đăng ký trực tuyến tại địa chỉ: www.poly.edu.vn/dang-ky-truc-tuyen sẽđược lưu lại thông tin và được cán bộ FPT

2.2.2.2.Các công nghệ được ứng dụng trên website

a Sử dụng mã nguồn WordPress bản mới nhất:

WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình PHP và

sử dụng MySQL database (cơ sở dữ liệu MySQL) WordPress là hậu duệ chính thứccủa b2/cafelog, được phát triển bởi Michel Valdrighi Cái tên WordPress được đề xuấtbởi Christine Selleck, một người ban của nhà phát triển chính Matt Mullenweg

b HTML5

HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web

và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiênbởi Opera Software Đây là phiên bản thứ 5 của ngôn ngữ HTML và hiện tại vẫn đangđược phát triển bởi World Wide Web Consortium và WHATWG

c CSS3 (Cascading Style Sheets 3)

Phiên bản CSS mới nhất được hầu hết các trình duyệt hiện nay hỗ trợ, nhanhhơn, đẹp hơn, dễ dàng hơn

d jQuery

JQuery thư viện JavaScriptđa trình duyệt được thiết kế để đơn giản hóa lập trìnhphía máy người dùng của HTML Phát hành vào tháng 1 năm 2006 tại BarCamp NYCbởi John Resig Được sử dụng bởi hơn 52% các website trên toàn thế giới, jQuery làphổ biến nhất của thư viện JavaScript trong sử dụng ngày nay

e Twitter Bootstrap

Twitter Bootstrap bao gồm các mã CSS + HTML cơ bản cho typography,forms, buttons, tables, grids, navigation, và nhiều thành phần khác của website

Twitter Bootstrap cung cấp giao diện dạng lưới cố định (fixed) rộng 940px và

12 cột và giao diện động Fluid Tương thích với màn hình phân giải cao Retina

f RWD (Responsive Web Design)

Trải qua 2 bản nâng cấp lớn, website FPT Polytechnic www.poly.edu.vn có thểtương thích và hoạt động tốt trên mọi thiết bị, từ PDA, Mobile đến Tablet và PC

g Caching

Hệ thống Cache và Minify giúp tăng hiệu suất và bảo mật website, đảm bảohoạt động tốt khi có sự cố Băng thông nhờ vậy cũng được giảm

h Tương tác với mạng xã hội:

Website tương tác tốt với mạng xã hội Facebook, Google Plus và Twitter

2.2.3 Phân tích, đánh giá về website của FPT Polytechnic

2.2.3.1 Quản trị website

a Quyền hạn

Super Admin

+ Có tất cả các quyền trên cả server

+ Có quyền sửa file trực tiếp

+ Có quyền thêm tất cả các user khác trên tất cả các quyền

+ Có quyền thêm/ sửa mọi nội dung trên website

truy cập vào Server, Database và sửa code

Editor + Có quyền quản lý tất cả bài viết, quản lý link, quản lý

comment, các widget và menu

comment trong bài viết

Contributor

+ Chỉ có quyền thêm bài viết, phải chờ Editor đồng ý thì bài viếtmới được đăng

Bảng 2.1 Quyền hạn trong website của FPT Polytechnic

( Nguồn www.poly.edu.vn)

b Quá trình đăng bài.

- Người đăng bài truy cập phần Admin, chọn Posts / Add New Post, sau đónhập nội dung vào phần soạn thảo, chọn chuyên mục và thẻ tương ứng

- Nếu người viết có quyền hạn là Author, bài viết sẽ được lưu lại, để ở trạng tháichờ để Editor và Administrator <Ban Truyền Thông> đồng ý mới được đăng.

- Mỗi cập nhật của bài viết đều được lưu lại giống với hệ thống Track Changecủa Microsoft Word để tiện theo dõi và sửa đổi

- Nếu bài đăng được đặt trong các vị trí đặt biệt <Featured Banner >, <FeaturedBox>, Widget thì phải chờ sự đồng ý của Administrator

c Quá trình cập nhật website:

- Khi xuất hiện lỗi hoặc cần thêm vào một số tính năng, nâng cấp hiệu năng, banHTTT sẽ kiểm tra và đưa ra bản cập nhật Quá trình cập nhật diễn ra như sau:

+ Yêu cầu được gửi đến ban HTTT

+ Ban HTTT đưa ra giải pháp

+ Tiến hành kiểm thử trên máy nội bộ

+ Nếu không còn xuất hiện lỗi, backup website và Super Admin sẽ đưa bản cập nhậtlên

Số lượng ký tự trong tiêu đềvừa phải Tiêu đề website hoàntoàn phù hợp với nội dung

Mô tả website “FPT Polytechnic tuyển sinh

cao đẳng thực hành năm 2013theo hình thức xét tuyển hồ sơ

Tiêu chí đào tạo: Thực học –Thực nghiệp!”

Mô tả website vừa phải, côđọng Từ khóa tập trung vàonội dung website (Từ khóachính: FPT Polytechnic (poly),tuyển sinh, cao đẳng, thựchành, thực học – thực nghiệp)

Bảng 2.2 Đánh giá website FPT Polytechnic bằng công cụ Seo Worker

( Nguồnwww.seoworkers.com)

2.2.3.3 Mạng xã hội

Địa chỉ Facebook http://www.facebook.com/fpt.poly

Tiêu đề website khi hiển thị trên

Facebook

“FPT Polytechnic – Hệ cao đẳng thực hànhthuộc Đại học FPT”

Mô tả website khi hiển thị trên

2.2.3.4 Hiệu suất (Sử dụng công cụ đo PageSpeed và Yslow)

Tổng quan: Trang FPT Polytechnic có tổng điểm Tốc độ trang là 83 (trong tổng

số 100 điểm)

Mức ưu tiên cao Mức ưu tiên trung bình Mức ưu tiên thấp

Nâng cao lưu vào bộ nhớ

cache trong trình duyệt

Cung cấp các tài nguyên từmột URL nhất quán

Trì hoãn việc phân tích cúpháp JavaScript

Cung cấp hình ảnh được

chia tỷ lệ

Kích hoạt tính năng Alive

Bảng 2.4 Hiệu suất website của FPT Polytechnic

( Nguồn www.gtmetrix.com)

2.2.3.5 Thông tin thêm

Một số đánh giá khác về FPT Polytechnic:

Điểm đánh giá kỹ thuật trên Google 4

Thứ hạng đánh giá trên Alexa

Số lượng truy cập Trung Bình hàng ngày

Hiệu quả tương tác người dùng

- Số lượng comment tính đến hiện tại 28.000

- Số lượng comment trung bình mỗingày

~40 (Lượng comment nhiều nhất vào những đợt tuyển sinh)

Quản trị nội dung

- Số lượng bài viết trung bình mỗingày

~1.5

Bảng 2.5 Một số đánh giá khác về website của FPT Polytechnic

( Nguồn vnexpress.vn)

2.2.4 Đánh giá hiện trạng website của FPT Polytechnic

2.2.4.1 Kết quả phân tích dữ liệu thứ cấp

Từ khi thành lập đến nay, FPT đã không ngừng tăng trưởng số lượng sinh viênvànghanh đào tạo Theo báo cáo của FPT Polytechnic, số sinh viên năm 2010 khi mớithành lập là 500 học viên đến nay con số tăng lên khoảng 1800 hoc viên chia đều cho

6 chi nhánh trên các tỉnh thành phố là Hà Nội, Đà Nẵng, TP.Hồ Chí Minh, QuảngNinh, Thanh Hóa Đắk Lắk Nhận thức được lợi ích mà việc quảng bá hình ảnh của

FPT Polytechnic do có một hệ thống website quảng bá tốt cùng đội ngũ ban tuyển sinhnhiệt huyết giàu kinh nghiệm và them vào đó là các chương trình đào tạo phù hợp với

xu thế hiện nay của thế giới về CNTT Hiện nay, FPT Polytechnic đang tiếp tục hoạchđịnh và phát triển chiến lược mở rộng lĩnh vực đào tạo và các chi nhánh tại các tỉnh

2.4.2.2 Kết quả phân tích dữ liệu sơ cấp

a) Chi phí đầu tư cho website

Theo thông tin từ phòng kế toán của FPT Polytechnic: Chi phí xây dựng websiteban đầu là 40.000.000VNĐ Chi phí duy trì website của FPT Polytechnic là15.000.000VNĐ/năm.Chi phí cho quảng cáo marketing trực tuyến là 50.000.000VNĐ/năm

Có thể thấy công ty đã quan tâm đầu tư cho website.Tuy nhiên, FPT Polytec cần có

kế hoạch tăng đầu tư cho website để website được hoàn thiện và chuyên nghiệp hơn

b) Ý kiến về số nhân viên quản lý website

Theo kết quả điều tra, số nhân viên chuyên về quản lý website là 4 người, chiếm13,33% tổng số nhân viên trong công ty Theo ý kiến của nhân viên trong nội bộ công

ty thì số nhân viên trên là chưa hợp lý (86.67%) Công ty cần có có kế hoạch tuyểnthêm nhân viên chuyên về xây dựng, phát triển và quản trị website để website của FPTPolytechnic hoạt động tốt hơn, thu hút được nhiều sinh viên, phụ huynh ghé thăm hơn

Hợp lý; 13.30%

Chưa hợp lý; 86.70%

Biểu đồ 2.1 Ý kiến về số nhân viên quản lý website

(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel) c) Nội dung và chất lượng thông tin về FPT Polytechnic trên website

Đối với website giáo dục, thông tin đăng tải tại website là những thông tin giớithiệu về trường học, về chương trình đào tạo, về các hoạt động của trường, tuyển sinh,đăng ký học Vì vậy, thông tin cung cấp cần được chọn lọc, có chất lượng và sắp xếphợp lý để người xem tiện theo dõi

Qua điều tra cho thấy, thông tin tại website www.poly.edu.vn được cập nhậphàng ngày với các thông tin về lịch học, hoạt động của FPT Polytechnic, tin tức về cácchi nhánh ở các tỉnh thành phố

Tốt; 40.00%

Rất tốt; 26.67%

Bình thường; 33.33%

Biểu đồ 2.2 Nội dung và chất lượng thông tin về khóa học trên website

(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel)

Kết quả điều tra cho thấy, 40% ý kiến của nhân viên đánh giá thông tin về sảnphẩm đưa lên website có chất lượng tốt; 33,33% ý kiến đánh giá thông tin đưa lênwebsite có chất lượng bình thường; 26,67% ý kiến đánh giá thông tin đưa lên website

có chất lượng rất tốt Chất lượng thông tin tốt giúp người đọc tiết kiệm thời gian tìmkiếm thông tin và khai thác thông tin hiệu quả.Từ đó họ có ấn tượng tốt với website, sẽquay lại website khi có nhu cầu tìm hiểu về khóa học, FPT Polytechnic

d) Nội dung, cách sắp xếp và phân bố thông tin trên website

Bình thường; 14.94%

Chưa hợp lý; 48.61%

Hợp lý; 36.45%

Biểu đồ 2.3 Nội dung, cách sắp xếp và phân bố thông tin trên website

(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel)

Nhanh; 9.30%

Chậm; 30.24%

Bình thường; 60.46%

Biểu đồ 2.4 Tốc độ tải của website

(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel)

Theo đánh giá chung, tốc độ tải của websitewww.poly.edu.vn là bình thường(53,33%) Thời gian tải trang chủ của website còn chậm, gây khó chịu cho ngườixem.Đây là nguyên nhân dẫn đến website bị mất điểm với người đọc và lượng truy cậpwebsite thấp Do đó, cấu trúc của website cần được cân nhắc về dung lượng, hình ảnh,flash trên trang chủ để giảm thời gian tải trang, để người xem không phải đợi lâu khighé thăm website