(Luận văn tốt nghiệp) website trường đh công nghệ phiên bản tiếng anh trên thiết bị di động

LỜI CÁM ƠN Sau thời gian thực tập FPT Polytechnic, em chọn đề tài “Hoàn thiện chức hiển thị nội dung số điện thoại di động cho website FPT Polytechnic công cụ Wordpress ” làm khóa luận tốt nghiệp Trong q trình tìm hiểu lý luận thực tế để hoàn thiện đề tài này, em nhận giúp đỡ nhiệt tình Ban Giám đốc, cán nhân viên phịng hệ thống thơng tin, tồn thể cán nhân viên FPT Polytechnic Đặc biệt có hướng dẫn tận tình giáo ThS Nguyễn Thị Hội Tuy có nỗ lực thân khả chun mơn cịn hạn chế, nên khóa luận tốt nghiệp em khơng tránh khỏi thiếu sót Em mong nhận ý kiến bảo quý báu cô giáo hướng dẫn, cô chú, anh chị FPT Polytechnic để em hồn thiện khóa luận tốt nghiệp nâng cao kiến thức phục vụ tốt cho công việc sau Cuối cùng, em xin kính chúc q Thầy, Cơ dồi sức khỏe thành công nghiệp Đồng kính chúc Anh, Chị FPT Polytechnic dồi sức khỏe đạt nhiều thành công công việc Chân thành cảm ơn! Sinh viên thực Trần Thanh Quang i Luan van 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 Tầm quan trọng, ý nghĩa vấn đề nghiên cứu 1.2 Tổng quan tài liệu liên quan đến nội dung đề tài .2 1.3 Mục tiêu nghiên cứu đề tài 1.4 Đối tượng phạm vi nghiên cứu đề tài 1.4.1.Đối tượng .3 1.4.2.Phạm vi 1.5 Các phương pháp áp dụng thực đề tài 1.5.1.Phương pháp điều tra liệu sơ cấp .3 1.5.2 Phương pháp điều tra liệu thứ cấp 1.5.3 Xử lý liệu thu thập 1.6 Kết cấu khóa luận 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 đề tài 2.1.1 Khái niệm 2.1.1.1 Khái niệm website 2.1.1.2 Khái niệm hiển thị website điện thoại di động 2.1.2 Một số lý thuyết cơng cụ áp dụng q trình thực đề tài 10 2.1.2.1 Đôi nét Wordpress 10 2.1.2.2 Vì 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 trình thực đề tài 13 2.2 Phân tích, khảo sát thực trạng wesite FPT Polytechnic .13 2.2.1 Giới thiệu chung FPT Polytechnic Việt Nam 13 2.2.2 Thực trạng website FPT Polytechnic .14 ii Luan van 2.2.2.1 Giới thiệu chung 14 2.2.2.2.Các công nghệ ứng dụng website 16 2.2.3 Phân tích, đánh giá website 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 Yslow) 19 2.2.3.5 Thông tin thêm 20 2.2.4 Đánh giá trạng website FPT Polytechnic .20 2.2.4.1 Kết phân tích liệu thứ cấp .20 2.4.2.2 Kết phân tích 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 3.1 Hoàn thiện chức hiển thị nội dung số điện thoại di động 30 3.1.1 Từ giao diện PC, xác định thành phần cần loại bỏ, thành phần cần thay đổi để phù hợp với giao diện thiết bị di động .30 3.1.2 Vẽ phác thảo phiên điện thoại bansamiq mockup 33 3.1.3.Thiết kế giao diện Photoshop ( Kết tham khảo phần phụ lục 1) 34 3.1.4.Thiết kế giao diện WordPress cho thiết bị di động sử dụng Twitter Bootstrap ( 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ị thiết bị di động (ảnh hiển thị điện thoại nhỏ hơn, lazy load, nén ảnh ) 40 3.2 Định hướng phát triển đề tài 40 3.3 Đề xuất kiến nghị FPT Polytechnic nhằm áp dụng tốt 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 viii PHỤ LỤC xi PHỤ LỤC xiv iii Luan van DANH MỤC BẢNG BIỂU HÌNH VẼ Bảng 2.1 Quyền hạn website FPT Polytechnic Bảng 2.2 Đánh giá website FPT Polytechnic công cụ Seo Worker Bảng 2.3 Mạng xã hội facebook FPT Polytechnic Bảng 2.4 Hiệu suất website FPT Polytechnic Bảng 2.5 Một số đánh giá khác website FPT Polytechnic Bảng 2.6 Đề xuất khác cho website FPT Polytechnic Biểu đồ 2.1 Ý kiến số nhân viên quản lý website Biểu đồ 2.2 Nội dung chất lượng thông tin website Biểu đồ 2.3 Nội dung, cách xếp phân bố thông tin website Biểu đồ 2.4 Tốc độ tải website Biểu đồ 2.5 Ý kiến việc thay đổi cấu trúc website Biểu đồ 2.6 Hình thức đặt hàng khách hàng Biểu đồ 2.7 Kênh giao tiếp sinh viên với FPT Polytechnic Biểu đồ 2.8 Mức độ hài lòng với chức website Biểu đồ 2.9 Các chức cần nâng cấp, bổ sung Biểu đồ 2.10 Mức độ cần thiết nâng cấp hồn thiện website Hình 2.1 Giao diện trang chủ 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ắt bớt Hình 2.6 Phác thảo website cơng cụ Bansamiq mockup Hình 2.7 Thiết kế giao diện Photoshop Hình 2.8 Thiết kế menu Photoshop Hình 2.9 Thiết kế menu đăng ký trực tuyến Photoshop Hình 2.10 Thiết kế phần tin tức Photoshop Hình 2.11 Thiết kế phần Poly góc nhìn Photoshop Hình 2.12 Thiết kế phần kiện Photoshop Hình 2.13 Thiết kế phần thư viện ảnh Photoshop Hình 2.14 Thiết kế phần liên hệ Photoshop iv Luan van DANH MỤC CÁC TỪ VIẾT TẮT TIẾNG VIỆT STT Các từ viết tắt Cách viết đầy đủ CNTT Công nghệ thông tin HTTT Hệ thống thông tin QTDN Quản tri doanh nghiệp TMĐT Thương mại điện tử v Luan van 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 kiến cuộc cách mạng thực với điện thoại thiết bị di động Hãy giành khoảng mười phút quan sát thiết bị di động sử dụng quanh bạn Những chiếc điện thoại thông minh với cấu hình phần cứng cịn cao cấu hình mợt chiếc máy tính desktop cách mười năm Theo thống kê vnexpress, người dùng Việt Nam ưa thích chiếc điện thoại với hình lớn, trang bị hình cảm ứng mà giá chúng cịn đắt chiếc máy tính xách tay Do thiết kế website cho thiết bị di động phát triển mạnh vài năm tới để đáp ứng kịp thời với bùng nổ thiết bị di động thông minh Năm 2011 đánh dấu đời hàng loạt cạnh tranh gay gắt thiết bị di động thơng minh hay cịn gọi smart phone chạy tảng Android, IOS, Window phone Chắc hẳn Samsung, Apple, Nokia, LG tên quen thuộc làng sản xuất smart phone Các mẫu điện thoại liên tục giới thiệu, thu hút người tiêu dùng tính ngày cải tiến Với công nghệ 3G phát triển Việt Nam từ rất sớm, ngày kể cậu sinh viên có thể sử dụng điện thoại để cập nhật facebook ngồi xe buýt Trước đây, việc thiết kế website sử dụng cho điện thoại biết tới.Giải pháp viết phần mềm cho điện thoại, có mục đích tự đợng cập nhật thơng tin từ website.Cũng có thể xây dựng phiên web giành riêng cho điện thoại động sử dụng sub-domain (Ví dụ mobile.tenmien.com hay (m.ten.com).Các giải pháp địi hỏi ngồi chi phí cho thiết kế website thông thường, bạn phải bỏ thêm chi phí để thiết kế thêm website hay phần mềm di đợng nữa.Thực tế có mợt vài cơng ty lớn, có tên t̉i có tiềm lực tài có thể thực hiện điều này.Trong vài năm trở lại đây, kỹ thuật thiết kế website có bước tiến vượt bậc, có giải pháp khác cho Các ngơn ngữ lập trình ngày mợt hồn thiện, kỹ thuật sáng tạo HTML5, CSS3, PHP6,Wordpress mang đến cho người thiết kế web nhiều giải pháp để lập trình website Và người thiết kế website hàng đầu đón đầu Luan van xu hướng thiết kế website thiết bị di động với kỹ thuật Responsive website( tự động hỗ trợ website điều chỉnh website có độ rộng vừa khít với trình duyệt giúp hiển thị tất kích thước hình khác nhau) Chính mà website FPT Polytechnic nói riêng website tổ chức doanh nghiệp khác nói chung cần phải bắt kịp xu hướng xây dựng website có hỗ trợ hiển thị tốt nội dung điện thoại di động thiết bị số 1.2.Tổng quan 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 tiếng anh 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 phiên website trường ĐH Công nghệ phiên tiếng Anh thiết bị di động Phiên rút gọn website, cho phép hiển thị tốt thiết bị di động vốn bị hạn chế kích thước hình Bắt đầu từ việc nghiên cứu hệ thống website trường ĐH Công nghệ, vốn xây dựng hệ quản trị nội dung Drupal Sau nghiên cứu thành phần bản, module quan trọng, hệ thống file giao diện Drupal tiến hành thiết kế template cho phiên thiết bị di động Triển khai cách cài đặt trang Drupal với liệu lấy từ phiên gốc hiển thị lại theo template thiết kế Kết quả, xây dựng thành công phiê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 tự nhận diệ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 completer”, Packt Publishing.Nội dung của sách: Cuốn sách đưa kiến thức giúp cho người đọc nắm bắt wordpress từ việc bắt đầu với wordpress; cách thay đổi thông tin xuất trang chủ, viết; cách tải lên hình ảnh, âm thanh, video; công việc xuất bản, di chuyển, bảo trì website; tạo giao diện, widget, plugin; tạo website mobile với wordpress Sau tham khảo tài liệu với khảo sát FPT Polytechnic, em định thực nghiên cứu đề tài: “Hoàn thiện chức hiển thị nội dung số điện thoại di động cho website FPT Polytechnic Việt Nam công cụ Wordpress” Sở dĩ chọn công cụ Wordpress cơng cụ khác phục nhược điểm Drupal Drupal đánh giá khó sử dụng với người dùng mới.Việc tạo Menu khiến người dùng cảm thấy thực bối rối Drupal có Luan van thành phần mở rộng (extensions) Wordpress Mỗi có phiên Drupal bạn phải chờ nhà cung cấp nâng cấp extensions họ để tương thích.Cách bố trí website Drupal khiến người sử dụng khó tìm kiếm đánh giá nên dùng extensions Trong WordPress dễ sử dụng CMS ( Drupal, Joomla Wordpress) , giúp bạn có Blog, website vài phút Bạn vào http://wordpress.com để tạo trang miễn phí cho bắt đầu làm quen sử dụng WordPress Các plugin wordpress có nhiều 90% miễn phí, bạn cài đặt (install) nâng cấp (upgrade) plugin phần quản lý WordPress mà không cần phải download Joomla Drupal 1.3 Mục tiêu nghiên cứu đề tài Hình thành sở lý luận website khái niệm, chức hiển thị điện thoại di động, công cụ hỗ trợ cho việc hiển thị điện thoại di động Nghiên cứu đánh giá thực trạng website FPT Polytechnic Hoàn thiện chức hiển thị nội dung số điện thoại di động cho website FPT Polytechnic 1.4 Đối tượng phạm vi nghiên cứu đề tài 1.4.1 Đối tượng Đối tượng nghiên cứu đề tài hệ thống website FPT Polytechnic Việt Nam, chức hiển thị nội dung số điện thoại di động, công cụ wordpress 1.4.2 Phạm vi Phạm vi nghiên cứu đề tài website FPT Polytechnic Việt Nam, đề tài có liên quan, nguồn thơng tin chun gia phịng hệ thơng thơng tin FPT Polytechnic Việt Nam cung cấp, thu thập tài liệu tham khảo, internet 1.5 Các phương pháp áp dụng thực đề tài 1.5.1 Phương pháp điều tra liệu sơ cấp Là phương pháp điều tra liệu chưa qua xử lý, thu thập lần đầu, thu thập trực tiếp từ đơn vị tổng thể nghiên cứu thông qua điều tra thống kê Dữ liệu sơ cấp đáp ứng tốt yêu cầu nghiên cứu, nhiên việc thu thập liệu sơ cấp lại thường phức tạp, tốn Để hồn thành khóa luận em có sử dụng phương pháp vấn cá nhân loại hình phương pháp thu thập liệu sơ cấp Luan van Phương pháp 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 điều tra để vấn theo bảng câu hỏi soạn sẵn Áp dụng tượng nghiên cứu phức tạp, cần phải thu thập nhiều liệu; muốn thăm dò ý kiến đối tượng qua câu hỏi ngắn gọn trả lời nhanh được,… Do gặp mặt trực tiếp nên nhân viên điều tra thuyết phục đối tượng trả lời, giải thích rõ cho đối tượng câu hỏi, dùng hình ảnh kết hợp với lời nói để giải thích, kiểm tra liệu chỗ trước ghi vào phiếu điều tra Tuy nhiên chi phí cao, nhiều thời gian cơng sứcnên khó đạt 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ỹ tỉ lỉ nhiều khía cạnh tổ chức, hệ thống Thơng tin giấy tờ phản ánh khứ, tương lai tổ chức, hệ thống Cách thức thực hiện: nghiên cứu tài liệu báo cáo doanh thu, chi phí mẫu phiếu, mẫu đơn tổ Điều hành quản lý Trung tâm Bảo dưỡng Ứng cứu thông tin Ứng dụng liệu thu thập được: sử dụng phần kết hoạt động kinh doanh doanh nghiệp năm gần số phần liên quan khác Phương pháp sử dụng phiếu điều tra: Là phương pháp sử dụng lấy thông tin từ số lượng lớn đối tượng phạm vi địa lý rộng Cách thức thực hiện: sử dụng phiếu điều tra tổ trung tâm để điều tra thơng tin chi tiết tới hệ thống tính cước chăm sóc khách hàng với số lượng câu hỏi sát với mục đích thu thập Ứng dụng thơng tin thu thập: sử dụng để xây dựng toán chi tiết cụ thể cho hệ thống tính cước chăm sóc khách hàng với kiến nghị doanh nghiệp phần cứng, phần mềm, người Phương pháp tìm kiếm Internet: Là phương pháp tìm kiếm thơng dụng, đơn giản, tiết kiệm chi phí cho kết nhanh liệu thu thập thường rộng không chi tiết Luan van Cách thức thực hiện: tìm kiếm thơng tin website, hiển thị nội dung điện thoại di động, công cụ hỗ trợ việc thiết kế, lập trình Ngồi ra, cịn sử dụng phương pháp thống kê, thu thập số liệu để làm rõ nội dung liên quan 1.5.2 Phương pháp điều tra liệu thứ cấp a Dữ liệu thứ cấp Dữ liệu thứ cấp liệu người khác thu thập, sử dụng cho mục dích khác với mục đích nghiên cứu Dữ liệu thứ cấp liệu chưaxử lý (cịn gọi liệu thơ) liệu xử lý Như vậy, liệu thứ cấp người nghiên cứu trực tiếp thu thập b Đặc điểm - Ưu điểm Tiết kiệm tiền bạc, thời gian tận dụng cơng trình nghiên cứu tìm hiểu hay thống kê người trước điều tra - Nhược điểm Số liệu thứ cấp thu thập cho nghiên cứu với mục đích khác hồn tồn khơng hợp với vấn đề chúng ta; khó phân loại liệu; biến số, đơn vị đo lường khác Dữ liệu thứ cấp thường qua xử lý nên khó đánh giá mức độ xác, mức độ tin cậy nguồn liệu Trong khóa luận em thu thập nguồn liệu thứ cấp thơng qua việc tìm hiểu tài liệu tham khảo, internet 1.5.3 Xử lý liệu thu thập a Phân tích tổng hợp Phân tích trước hết phân chia tồn thể đối tượng nghiên cứu thành phận, mặt, yếu tố cấu thành giản đơn để nghiên cứu, phát thuộc tính chất yếu tố đó, từ giúp hiểu đối tượng nghiên cứu cách mạch lạc hơn, hiểu chung phức tạp từ yếu tố phận Khi đứng trước đối tượng nghiên cứu, cảm giác nhiều tượng đan xen nhau, chồng chéo làm lu mờ chất nó.Vậy muốn hiểu chất đối tượng nghiên cứu cần phải phân chia theo cấp bậc Nhiệm vụ phân tích thơng qua riêng để tìm Luan van trình duyệt kiện $(window).resize() để bắt kiện thay đổi kích thước trình duyệt 3.1.5 Tối ưu hóa ảnh hiển thị thiết bị di động (ảnh hiển thị điện thoại nhỏ hơn, lazy load, nén ảnh ) Mặc định, Twitter Bootstrap tự động resize kích thước ảnh cho kích thước lớn với kích thước trình duyệt để hiển thị mobile tốt Tuy nhiên, để giảm thời gian tải, nên: - Tối ưu hoá hình ảnh: sử dụng cơng cụ có sẵn WordPress timthumb, resize tay công cụ lossless compress Google - Tải nội dung cần thiết (lazy load): có nhiều cơng cụ cho phép tải nội dung người dùng cuộn nội dung tới phần liên quan Trong WordPress, sử dụng plugin BJ Lazyload địa http://wordpress.org/extend/plugins/bj-lazyload/để làm việc 3.2 Định hướng phát triển đề tài Bên cạnh phát triển vũ bão điện thoại di động thời kì máy tính bảng Máy tính bảng giống smart phone có hình lớn cấu hình cao với hãng sản xuất lớn Apple với sản phẩm ipad, Samsung với sản phẩm Galaxy Tab… Sự tiên dụng máy tính bảng thực đầy đủ chức laptop, máy tính cá nhân.Thêm vào đó, kích cỡ nhỏ gọn yếu tố khiến laptop, máy tính cá nhân dần vị trước máy tính bảng Trong nghiên cứu mình, IDC rằng, tại, thị phần máy tính để bàn laptop 12,4% 16,8% (năm 2012), chiếm “thượng phong” so với tablet (10,7%) Tuy nhiên, sản lượng lẫn thị phần máy tính bàn lẫn laptop giảm nhanh tương lai gần Theo tính tốn IDC, năm 2017, sản lượng tablet tăng lên 174,5% so với năm 2012, chiếm 16% thị phần Trong đó, sản lượng máy tính để bàn giảm 5% chiếm 6% thị phần “Ở thị trường mới, lựa chọn smartphone, nhiều trường hợp, họ chuyển sang máy tính bảng trước tìm đến máy tính để bàn”, Megha Saini, chuyên gia IDC nói “Áp lực thị trường máy tính để bàn tăng lên cách đáng kể, thấy thay diễn nhanh”, Megha 41 Luan van Saini nói Theo báo cáo từ IDC, “các thiết bị kết nối thơng minh”, bao gồm smartphones, máy tính bảng máy tính tăng trưởng 29,1% với tỉ thiết bị bán năm 2012 với tổng giá trị lên tới 576,9 tỉ la Mỹ Nghiên cứu dự đốn, tới năm 2017, có 2,2 tỉ thiết bị bán với tổng giá trị lên tới 814,3 tỉ đô la Mỹ IDC cho biết, Apple chiếm 20,3% thị trường thiết bị kết nối thông minh, thấp chút so với Samsung, chiếm 21,2% Tuy nhiên, Apple lại có tới 30,7% thu nhập Samsung có 20,4% Do để bắt kịp với xu FPT Poly cần triển khai dự án phát triển website thiết bị số máy tính bảng để hỗ trợ tốt cho người dùng u thích cơng nghệ - Cập nhật công nghệ cho website di động Công nghệ thay đổi hàng ngày hàng giờ, thiết bị điện thoại di động phát triển với cấu hình cao hơn, khả hiển thị tốt Polytechnic cần phải cập nhật cơng nghệ cho website hiển thị di động phiên Wordpress, CSS, jQuerry… 3.3 Đề xuất kiến nghị FPT Polytechnic nhằm áp dụng tốt giải pháp Thứ nhất, giải pháp đưa cho FPT Polytechnic sử dụng phối hợp công cụ Wordpress, CSS, jQuerry, lựa chọn phần nội dung cần ẩn không cần thiết hiển thị website điện thoại di động nên kiến nghị với FPT Polytechnic cài đặt phiên công cụ liệt kê thành phần không quan trọng, rườm rà để loại bỏ để đưa nội dung cần hiển thị quan trọng lên website hiển thị điện thoại di động để người dùng dễ nắm bắt Thứ hai, Cơng ty cần có giải pháp để nâng cao nguồn nhân lực Một mặt tự đào tạo nhân viên Công ty, mặt khác Công ty cần mở đợt tuyển dụng nhân viên đào tạo chun mơn tốt, giàu lực, có đạo đức tinh thần trách nhiệm cao công việc, bao gồm người tốt nghiệp chuyên ngành công nghệ thông tin 42 Luan van 43 Luan van KẾT LUẬN CỦA KHÓA LUẬN Cùng với phát triển CNTT, việc lướt web qua thiết bị di động đặc biệt điện thoại di động trở nên cần thiết trở thành phần thiếu nhịp sống hối ngày Mọi người tìm kiếm thơng tin cho nơi đâu thời gian thơng qua dế cưng mà khơng cần phải có máy tính nối mạng cồng kềnh điện thoại di động cải tiến không ngừng để phục vụ nhu cầu khách hàng Điều đặt cho FPT Polytechnic yêu cầu phải hoàn thiện nâng cao website thật hiệu nhằm đáp ứng bắt kịp với thời đại Với việc vận dụng kiến thức, hiểu biết phương pháp nghiên cứu, khóa luận hồn thành số nội dung sau: Thứ nhất, hệ thống hóa vấn đề mang tính lý luận về website khái niệm, công cụ hỗ trợ cho việc hồn thiên website, lợi ích mà website mang lại cho Doanh nghiệp ,… Thứ hai, dựa kết phân tích phiếu điều tra phiếu vấn chuyên gia, em đưa đánh giá thực trạng website, đồng thời khẳng định, để hoàn thiện website cần phải giải số vấn đề cấp thiết Thứ ba, dựa kết đánh giá thực trạng cấu trúc chức website, em đề xuất số giải pháp nhằm hoàn thiện chức hiển thị nội dung điện thoại di động cho website FPT Polytechnic Em hy vọng khóa luận đóng góp phần nhỏ việc tìm giải pháp nhằm hoàn thiện cho website FPT polytechnic Mặc dù có nhiều cố gắng nghiên cứu hồn thiện để đạt kết trình bày, song hạn chế thời gian trình độ nên báo cáo khóa luận chắn khơng tránh khỏi thiếu sót Em mong góp ý thầy giáo bạn đọc quan tâm để khóa luận hoàn thiện vi Luan van DANH MỤC TÀI LIỆU THAM KHẢO [1] PGS TS Đàm Gia Mạnh,(2013)“ Hướng dẫn thực tập làm khóa luận tốt nghiệp cho sinh viên đại học quy chuyên ngành Quản trị hệ thống thơng tin khóa 4”, Trường Đại Học Thương Mại [2] Nguyễn Thị Thanh Tâm, (2010) “Website trường ĐH công nghệ phiên tiếng anh thiết bị di động”, Đại Học Quốc Gia-Trường Đại Học Công Nghệ [3] Bài giảng "Thiết kế triển khai web" ( 2010) - Bộ môn CNTT, khoa Tin học thương mại, trường Đại học Thương Mại [4] Bài giảng "Quản trị tác nghiệp TMĐT B2C" ( 2010) - Bộ môn Quản trị tác nghiệp, khoa TMĐT, trường Đại học Thương Mại [5] April Hodge Silver, ( 1/2011) “ Wordpress completer”, Packt Publishing [6] Earle Castledine& Craig Sharkie, (2010) “jQuery: Novice to Ninja”, Sitepoint [7] Raena Jackson Armitage, Brandon R Jones & Jeffrey Way,(7/2010) “ Build Your Own Wicked WordPress Themes”, Sitepoint [8] Wallpearl, (2008) “ Simple CSS Standard Edition”, Wallpearl’s Blog Một số website : www.poly.edu.vn www.wordpress.org www.balsamiqmockups.com www.vi.wordpress.org www.eureka.com.vn www.vipsoft.com.vnwww.twitter.github.com/bootstrap/ www.gtmetrix.com www.seoworkers.com vii Luan van PHỤ LỤC Kết thực giải pháp smart phone hệ điều hành IOS Giao diện trang chủ Chức đăng ký trực tuyến, thông báo viii Luan van Thông tin FPT Polytechnic Thư viện ảnh ix Luan van Sự kiện Liên hệ x Luan van PHỤ LỤC Sử dụngTwitter Bootstrap a Bước Download Twitter Bootstrap tại: http://twitter.github.io/bootstrap Phiên tại: 2.3.1 Sau download giải nén, ta có thư mục sau: Copy thư mục tất thư mục vào thư mục wp-content/themes/poly WordPress Trong thư mục css (chứa file stylesheet), ta có file bootstrap.css (bản develop), bootstrap.min.css (bản deploy), bootstrap-responsive.css (bản develop), bootstrap-resposive.min.css (bản deploy) Trong thư mục img (chứa ảnh), ta có file glyphicons-halflings.png chứa icon màu đen glyphicons-halflings-white.png chứa icon màu trắng Trong thư mục (chứa file javascript), ta có file bootstrap.js (bản develop) bootstrap.min.js (bản deploy) b Bước 2: Mở file style.css thư mục wp-content/themes/poly, thêm đoạn sau vào cuối file @import url("css/bootstrap.css"); @import url("css/layout.css"); @import url("css/bootstrap-responsive.min.css"); c Bước 3: Để website tải lại xoay hình zoom, mở file header.php, thêm đoạn mã sau vào thẻ head d Bước 4: Để plugin bootstrap hoạt động, mở file footer.php thêm đoạn mã sau trước đoạn đóng thẻ body i Bước 9: Mở file layout.css, thêm đoạn mã sau: @media (max-width: 480px){ /* Mã CSS */ } Sử dụng tính @media query CSS3 giúp đoạn mã CSS cặp ngoặc { } ảnh hưởng tới trình duyệt có kích thước cửa sổ tương ứng (ở kích thước tối đa mobile) Trong trường hợp này, ta thêm đoạn mã sau #top{ padding: 5px 5px 10px; -moz-border-radius: 0 4px 4px; -webkit-border-radius: 0 4px 4px; border-radius: 0 4px 4px; } #branding-container{ background: #fff; margin: 0; padding: 0; } #mini-menu{ margin-top: 15px; } #twistbox-wrapper{ background: none; } #body-container{ background: none; } #container{ box-shadow: none; } #events{ float: left; width: 100%; xii Luan van margin-top: 10px; height: auto !important; } home-gallery-wrapper{ width: 100%; } home-gallery-wrapper ul{ width: 100%; } byline{ float: left; margin-left: !important; width: 100%; display: block; clear: both; } register p{ margin-left: 20px; } register input[type=text], register textarea{ width: 46%; } register select{ width: 48%; } span.break{ display: block; } Kết cuối cùng.( Kết tham khảo phần phụ lục 1) xiii Luan van PHỤ LỤC PHIẾU ĐIỀU TRA TRẮC NGHIỆM VỀ CẤU TRÚC VÀ CHỨC NĂNG CỦA WEBSITE WWW.POLY.EDU.VN CỦA FPT POLYTECHNIC A Thông tin phiếu điều tra nhân viên FPT Polytechnic: Phiếu điều tra gồm: 15 câu hỏi Độ tuổi người điều tra: 22-40 Số người điều tra: B Câu hỏi điều tra: Website FPT Polytechnic thành lập bao lâu:  - năm  - 10 năm  - năm  > 10 năm Chi phí đầu tư cho website FPT Polytechnic chiếm % tổng chi phí hoạt động sản xuất kinh doanh FPT Polytechnic:  0%  10 % - 25 %  0%-5%  25 % - 50 %  % - 10 %  > 50 % Số nhân viên FPT Polytechnic phụ trách quản lý website:  - người  - người  - 10 người Theo anh (chị), số nhân viên FPT Polytechnic phụ trách quản lý website hợp lý chưa:  Không hợp lý  Khá hợp lý  Hợp lý  Rất hợp lý Tần suất bạn truy cập vào website FPT Polytechnic:  Hàng ngày  Hàng tuần  Hàng tháng  Không thường xuyên Theo anh (chị), nội dung thông tin cách xếp thông tin website FPT Polytechnic hợp lý chưa:  Chưa hợp lý  Bình thường  Hợp lý  Rất hợp lý Theo anh (chị), nội dung thông tin sản phẩm website FPT Polytechnic nào?  Tốt  Rất tốt  Bình thường xiv Luan van xv Luan van Theo anh (chị), tốc độ tải website FPT Polytechnic nào?  Nhanh  Bình thường  Chậm Theo anh (chị), website FPT Polytechnic cần thay đổi cấu trúc:  Sắp xếp nội dung ngắn gọn  Việc bố trí menu, tab website  Đồ họa, hình ảnh hiển thị  Thêm chức hiển thị mobile Hình thức liên lạc chủ yếu sinh viên, phụ huynh:  Điện thoại  Mail  Gặp trực tiếp 10 Kênh giao tiếp sinh viên, phụ huynh với FPT Polytechnic:  Điện thoại  Mail  Gặp trực tiếp  Yahoo Messenger 11 Chức website FPT Polytechnic làm anh (chị) hài lòng nhất:  Giới thiệu khóa học  Đăng ký trực tuyến  Tư vấn trực tuyến  Tất phương án  Không phương án 12 Theo anh (chị), chức website cần nâng cấp, bổ sung:  Chức tìm kiếm  An tồn bảo mật thơng tin sinh viên  Chi tiết thông tin khóa đào tạo  Hệ thống câu hỏi thường gặp  Diễn đàn  Đăng ký thành viên  Thăm dò ý kiến sinh viên, phụ huynh 13 Theo anh (chị), website FPT Polytechnic cần nâng cấp, hoàn thiện khơng:  Có  Khơng 14 Trong thời gian tới, FPT Polytechnic có sách đầu tư cho website FPT Polytechnic khơng:  Có  Khơng xvi Luan van 15 Khó khăn việc hồn thiện website FPT Polytechnic:  Nguồn nhân lực TMĐT hạn chế  Cơ sở vật chất, hạ tầng CNTT  Tài  Khó nắm bắt tâm lý sinh viên, phụ huynh  Rào cản pháp luật Họ tên người khai: Ngày Bộ phận công tác: tháng năm 2013 Người khai Chức vụ: (ký tên ghi rõ họ tên) Điện thoại : xvii Luan van ... Luận văn: “ Website trường ĐH công nghệ phiên tiếng anh 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 phiên website trường ĐH Công nghệ. .. nghệ phiên tiếng Anh thiết bị di động Phiên rút gọn website, cho phép hiển thị tốt thiết bị di động vốn bị hạn chế kích thước hình Bắt đầu từ việc nghiên cứu hệ thống website trường ĐH Công nghệ, ... Thương Mại [2] Nguyễn Thị Thanh Tâm, (2010) ? ?Website trường ĐH công nghệ phiên tiếng anh thiết bị di động? ??, Đại Học Quốc Gia -Trường Đại Học Công Nghệ [3] Bài giảng "Thiết kế triển khai web" (