2.2.2.2 .Các công nghệ được ứng dụng trên website
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ế tốn của FPT Polytechnic: Chi phí xây dựng website ban đầ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.000 VNĐ/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ếm 13,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ển thêm nhân viên chuyên về xây dựng, phát triển và quản trị website để website của FPT Polytechnic 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%
Chưa hợp lý 87%
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ới thiệ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ếp hợ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ập hà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ác chi nhánh ở các tỉnh thành phố. Tốt 40% Rất tốt 27% Bình thường 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ản phẩm đưa lên website có chất lượng tốt; 33,33% ý kiến đánh giá thơng tin đưa lên website 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ìm kiế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 15% Chưa hợp lý 49% Hợp lý 36%
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)
Từ biểu đồ ta thấy, nội dung,cách sắp xếp và phân bố thông tin trên website ở mức bình thường (53,33%). Các thơng tin đưa lên website phải được phân loại để KH dễ theo dõi, và tìm kiếm thơng tin về khóa đào tạo, thong tin tuyển sinh, học phí, đăng ký trực tuyến…
Website đăng những thơng tin có chất lượng, sẽ có ích cho người xem. Thông tin được cập nhật liên tục, được phân loại rõ ràng, cho thấy website được quản lý tốt về nội dung. Tuy nhiên cần được đầu tư để hoàn thiện hơn về cách sắp xếp, phân bố sao cho hợp lý, logic hơn nhằm thu hút sự chú ý của người xem.
Nhanh 9% Chậm 30% Bình thường 60%
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ười xem.Đâ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ập website 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 khi ghé thăm website.
f) Đề xuất của nhân viên công ty về việc thay đổi cấu trúc của website
Đồ họa, hình ảnh hiển thị Nội dung ngắn gọn hơn Việc bố trí menu, tab trên website 0 10 20 30 40 50 60 70 80 40 73.33 53.33
Biểu đồ 2.5. Ý kiến về việc thay đổi cấu trúc của website
(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel)
Theo kết quả phân tích cho thấy, website của cơng ty cần sắp xếp lại nội dung thông tin (73,33% ý kiến) bao gồm việc sắp xếp các đề mục thông tin, các thông tin cần được phân loại và sắp xếp để người xem dễ theo dõi và tìm kiếm; về bố trí menu, tab trên website (33,33%) bao gồm bố trí menu chính của website logic, gọn gàng, tránh rườm rà, tránh trùng lặp giúp cho website được ngắn gọn mà vẫn đảm bảo người xem dễ làm việc với website; về đồ họa và hình ảnh hiển thị (40%) bao gồm việc sắp xếp các hình ảnh sản phẩm, các banner, các hình flash hợp lý để gây được sự chú ý cần thiết với người xem, giúp thời gian tải về website được nhanh chóng.
FPT Polytechnic có nhiều kênh chăm sóc sinh viên, phụ huynh: điện thoại (40%); yahoo messenger (26,67%); email (20%); gặp trực tiếp (13,33%). FPT Polytechnic thực hiện việc chăm sóc tốt, tạo nhiều kênh giao tiếp giúp quá trình tư vấn, giao dịch của FPT Polytechnic với học viên linh hoạt, thuận tiện và nhanh chóng.
Điện thoại 40% E-mail 20% Gặp trực tiếp 13% Yahoo 27%
Biểu đồ 2.6. Kênh giao tiếp của khách hàng với công ty
(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel) h) Mức độ hài lòng của KH với các chức năng của website
Đăng ký trực tuyến Tư vấn trực tuyến Giới thiệu khóa học
0 10 20 30 40 50 60 70 80 90
Biểu đồ 2.7. Mức độ hài lòng với các chức năng của website
Theo kết quả phân tích cho thấy, 80% ý kiến hài lịng với chức năng tư vấn trực tiếp trên website của cơng ty; 66,67% ý kiến hài lịng với chức năng đăng ký trực tuyến; 40% ý kiến hài lòng với chức năng giới thiệu khóa học. FPT Polytechnic cần có kế hoạch nâng cấp website để làm tăng mức độ hài lòng của sinh viên, phụ huynh với các chức năng của website.
i) Đề xuất hoàn thiện về chức năng của website
Theo điều tra ý kiến nhân viên trong cơng ty, 86,67% cho rằng nên có hiển thị trên điện thoại di động; 73,33% cho rằng cần nâng cao cơng cụ tìm kiếm và chi tiết hơn về thơng tin khóa đào tạo; 66,67% cho rằng cần đảm bảo an tồn và bảo mật thơng tin của học viên; 60% cho rằng cần thăm dị ý kiến.
Cơng cụ tìm kiếm Hiển thị web trên
mobile Thăm dò ý kiến Chi tiết hơn về khóa đào tạo ATBM thơng tin
0 10 20 30 40 50 60 70 80 90 100
Biểu đồ 2.8. Các chức năng cần nâng cấp, bổ sung
(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel) k) Mức độ cần thiết nâng cấp và hoàn thiện website
Hầu hết các nhân viên đều cho rằng website cần được nâng cấp và hoàn thiện hơn (80%), để thu hút học viên, làm học viên hài lịng hơn và thuận tiện trong q trình ghé thăm, giao dịch với website.
Khơng 20%
Có 80%
Biểu đồ 2.9. Mức độ cần thiết nâng cấp và hoàn thiện website
(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel) l) Khó khăn trong việc hoàn thiện cấu trúc và chức năng cho website
Là một trường mới thành lập được 3 năm, FPT Polytechnic đang dần hồn thiện quy mơ tổ chức đào tạo và dần khẳng định vị trí của mình trên trường đào tạo.
Nguồn nhân lực Cơ sở vật chất
CNTT Khó nắm bắt tâm lý khách hàng Nguồn lực tài chính Rào cản về pháp luật
0 10 20 30 40 50 60 70 80 90 100
Biểu đồ 2.10. Khó khăn trong việc hồn thiện cấu trúc và chức năng cho website
(Nguồn: Kết quả xử lý phiếu điều tra bằng phần mềm Excel)
Về tài chính, do lợi nhuận cần phải đầu tư cho mở rộng kinh doanh nên kinh phí cho website và TMĐT cịn hạn hẹp. Do cơ sở vật chất, hạ tầng CNTT của FPT Polytechnic còn chưa cao, FPT Polytechnic cũng đang hoàn thiện và nâng cao chất lượng đào tạo nhân lực có chuyên mơn về TMĐT nên việc hồn thiện và nâng cấp website cịn gặp khó khăn
m. Một số nhận xét và đề xuất khác
Website có sử dụng nhiều ứng dụng Flash nên tốc độ website bị ảnh hưởng, có nhiều chúthích khơng cần thiết gây rối mắt cho người xem, có nhiều thuộc tính CSS khơng cầnthiết. Website có một số bảo mật nhỏ về SQL Injection, XSS,giao diên chưa thật sự thânthiện,chưa có thứ hạng tốt trên google ,chưa hỗ trợ trên mobile
Giao diện trang chủ Bỏ bớt Flash
Nén những ảnh với kích thước lớn.
Đổi link nút Like đến Fan Page thay vì like chính trang chủ
HTML / CSS / Javascript Dồn CSS và Javascript vào 1 file
Bỏ tính năng @import
Mã hóa Base64 hoặc sử dụng Font Icon cho
các icon nhỏ.
Bỏ các thuộc tính CSS khơng cần thiết. Bỏ các chú thích khơng cần thiết.
Bảng 2.6. Đề xuất khác cho website của FPT Polytechnic
Tóm lại, thơng qua kết quả điều tra phiếu điều tra có thể nhận thấy rằng website đã đem lại rất nhiều lợi ích cho FPT Polytechnic. Tuy nhiên, website vẫn chưa thực sự thu hút được người dùng do nội dung và chất lượng thơng tin sắp xếp cịn lộn xộn, chưa hỗ trợ trên điện thoại di động, tốc độ tải trang lâu. Tốc độ tải trang còn chậm, theo đánh giá của phiếu khảo sát, một phần lớn nhân viên cơng ty cho rằng website cịn load tương đối chậm.
Mơ hình quản lý thơng tin trên website cịn chưa thực sự tối ưu, công tác quản lý các mục, các tin tức, thơng tin, khóa học đăng ký trực tuyến và chưa đạt được hiệu quả cao nhất khi tiến hành tìm kiếm trên website
Lỗi hình ảnh: hiện tượng lỗi hình ảnh đơi khi cũng diễn ra trên website do kích thước và dung lượng khá lớn, tạo ra trang trắng hoặc thiếu hình ảnh khi luồng truy cập tăng quá cao
Ngoài ra, một số chức năng trên website cũng cần hoàn thiện và bổ sung: hiển thị trên điện thoại di động, cơng cụ tìm kiếm, thăm dị ý kiến người dùng, hệ thống câu hỏi thường gặp,...
Với quy mô và chiến lược phát triển trong tương lai, FPT Polytechnic cần có những phương án phát triển cụ thể và phù hợp để hoàn thiện website, giúp nâng cao hiệu quả hoạt động của website, giúp cho việc giao dịch giữa sinh viên với FPT Polytechnic được nhanh chóng và thuận tiện.
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 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
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ữngthành phần cần thay đổi để phù hợp với giao diện trên thiết bị di động. thành phần cần thay đổi để phù hợp với giao diện trên thiết bị di động.
Hiển thị website trên máy tính khác hồn tồn trên điện thoại di động vì kích thước màn hình của các thiết bị trên khác nhau. Do đó để tạo website hiển thị tốt trên điện thoại di dộng cần tìm ra những vùng khơng cần thiết khi hiển thị trên di động hoặc thay đổi kiểu hiển thị( ví dụ dạng hiển thị ngang thay bằng dọc… )
Các vùng cần được thay đổi hay được lược bỏ được hiển thị trên hình vẽ dưới đây, được đánh dấu bằng công cụ Photoshop
Photoshop: Là một phần mềm đồ họa chuyên dụng của hãng Adobe Systems ra đời vào năm 1988 trên hệ máy Macintosh. Photoshop được đánh giá là phần mềm dẫn đầu thị trường về sửa ảnh bitmap và được coi là chuẩn cho các ngành liên quan tới chỉnh sửa ảnh. Từ phiên bản Photoshop 7.0 ra đời năm 2002, Photoshop đã làm lên một cuộc cách mạng về ảnh bitmap. Phiên bản mới nhất hiện nay là Adobe Photoshop CS5. Ngoài khả năng chính là chỉnh sửa ảnh cho các ấn phẩm, Photoshop còn được sử dụng trong các hoạt động như thiết kế trang web, vẽ các loại tranh (matte painting và nhiều thể loại khác), vẽ texture cho các chương trình 3D... gần như là mọi hoạt động liên quan đến ảnh bitmap. Adobe Photoshop có khả năng tương thích với hầu hết các chương trình đồ họa khác của Adobe như Adobe Illustrator, Adobe Premiere,After After Effects và Adobe Encore.
Dưới đây là các vùng đánh dấu khoanh vùng loại bỏ thay thế các phần của website khi hiển thị trên máy tính được chuyển thành các thành phần trên điện thoại di động
Vùng 1: Tin nổi bật Vùng 2: Ơ tìm kiếm
Vùng 3: Ơ tư vấn trực tuyến
Vùng 4: Ảnh nền thay đổi được của website Vùng 5: Chú thích cho ảnh nền
Vùng 6: Ơ quảng cáo
sinh; liên hệ
Vùng 8: Menu phụ bao gồm đăng ký trực tuyến; thong báo tuyển sinh; chương trình đào tạo; trắc nghiệm nghề nghiệp; một số hoạt động khác
Vùng 9: Thư viện ảnh
Hình 2.2. Các vùng đánh dấu để thay thê, loại bỏ
a. Những vùng màu đỏ, được đánh số từ 1-6 sẽ được loại bỏ hiển thị trên thiết bị di động. ( Kết quả tham khảo phần phụ lục 1)
Cụ thể:
Vùng 1, 2 và 5 sẽ làm lỗng khơng gian hiển thị, người dùng sẽ mất tập trung. Vùng số 3 cần phần mềm bên ngoài, người dùng thiết bị di động không sử dụng được. Vùng số 4 cần không gian hiển thị quá lớn, ảnh hưởng nhiều đến việc tải trang.
Vùng số 6 hiển thị quảng cáo, sử dụng Flash sẽ chiếm nhiều không gian và tài nguyên.
b. Những phần màu xanh dương được đánh số từ 7-9 cần thay đổi hình thức hiển thị trên thiết bị di động.( Kết quả tham khảo phần phụ lục 1)
Cụ thể:
Vùng số 7 cần chuyển sang dạng Menu dropdown (Menu dọc) vì thiết bị di động không đủ chiều ngang để hiển thị.( Kết quả tham khảo phần phụ lục 1)
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
Vùng số 9 cần giảm kích thước chiều ngang và giảm số lượng ảnh.
Hình 2.5. Thư viện ảnh được cắt bớt
Những vùng còn lại ( Kết quả tham khảo phần phụ lục 1)
Những vùng cịn lại chỉ cần thay đổi kích thước, vị trí, hoặc màu sắc cho phù hợp với thiết bị di động.
3.1.2. Vẽ phác thảo phiên bản trên điện thoại bằng bansamiq mockup
Bước đầu tiên trong quá trình thiết kế web là việc tạo ra bản phác thảo bố cụ webiste, tiếp theo khách hàng sẽ xem xét bản vẽ đó và quyết định việc có chỉnh sửa hay không. Nếu ngay từ đầu bạn tạo ra bản phác thảo hồn hảo bằng photoshop thì việc chỉnh sửa có thể sẽ mất nhiều cơng. Có một giải pháp được gọi là Balsamiq
Mockups. Balsamiq Mockups là phần mềm giúp bạn tạo ra các bản mockup bố cục
webiste hay của ứng dụng (còn gọi là wireframe). Đây là những bản nháp mơ tả những thành phần chính trong website, ứng dụng như tiêu đề, menu, các nút bấm, đồ thị. Làm mockup hay wireframe là rất cần thiết vì nó giúp bạn tiết kiệm được rất nhiều thời gian trước khi bắt tay làm thật. Khách hàng sẽ xem xét bản vẽ đó và quyết định việc có chỉnh sửa hay không. Nếu ngay từ đầu bạn tạo ra bản mockup hoàn hảo bằng photoshop thì việc chỉnh sửa có thể sẽ mất nhiều cơng. Sử dụng Balsamiq Mockups sẽ giúp bạn dễ dàng và nhanh chóng tạo ra các mockup thơ. Bạn đang có một ý tưởng tuyệt vời về cách bố trí một thiết kế trang web, hoặc cảm hứng thiết kế cho một ứng dụng mới, bạn muốn thể hiện ra cho bạn bè, đồng nghiệp xem xét nó. Có lẽ bạn đã cố gắng thiết kế nó trong photoshop nhưng hồn tồn thất vọng vì nó q phức tạp và quá lâu để thể hiện ra. Dù bằng cách nào bạn cần một cách tốt hơn để cho người khác thấy ý tưởng của bạn một cách trực quan và ngay lập tức. Balsamiq Mockups là một ứng
dụng tuyệt vời , đơn giản sẽ giúp cho bạn nhanh chóng tạo ra mockups của ứng dụng, trang web và nhiều hơn nữa sau đó sẽ chứng minh hoặc chia sẻ cho những người khác.. Phần mềm này có thể chạy trên mọi nền tảng máy tính.
Dưới đây là bản phác thảo website của FPT Polytechnic trên điện thoại di động sử dụng bansamiq mockup
Hình 2.6. Phác thảo website bằng cơng cụ Bansamiq mockup
3.1.3. Thiết kế giao diện trên Photoshop ( Kết quả tham khảo phần phụ lục 1)
a) Bước 1. Vào File \ New. Hộp thoại New hiện ra cho phép tạo một File mới.
Đặt tên là Home.
◦ Mục Height, đặt 2000px
◦ Resolution, chọn 72ppi.