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ệ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 ” làm khóa luận tốt nghiệp. Trong quá trình tìm hiể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ệt tì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àn thể 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ững thiế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ướng dẫn, cũng như các cô chú, anh chị trong FPT Polytechnic để em hoàn thiện khóa luận tố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ông trong sự nghiệp. Đồng kính chúc các Anh, Chị trong FPT Polytechnic dồi dào sức khỏ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 Luan van MỤC LỤC LỜI CÁM ƠN.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.
Tầm quan trọng, ý nghĩa vấn đề nghiên cứu. Tổng quan các tài liệu liên quan đến nội dung đề tài. Mục tiêu nghiên cứu của đề tài. Đối tượng và phạm vi nghiên cứu của đề tài.
Các phương pháp áp dụng thực hiện đề tài.Phương pháp điều tra dữ liệu sơ cấp. Phương pháp điều tra dữ liệu thứ cấp.3 Xử lý dữ liệu đã thu thập. 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. Cơ sở lý luận của đề tài.
Khái niệm cơ bản. Khái niệm về website. Khái niệm về hiển thị website trên điện thoại di động. Một số lý thuyết và công cụ áp dụng trong quá trình thực hiện đề tài.
Đôi nét về Wordpress. Vì sao lại chọn Wordpress. 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. Phân định nội dung nghiên cứu trong quá trình thực hiện đề tài.
Phân tích, khảo sát thực trạng wesite của FPT Polytechnic. Giới thiệu chung về FPT Polytechnic Việt Nam. Thực trạng website của FPT Polytechnic.14 ii Luan van 2. Giới thiệu chung.Các công nghệ được ứng dụng trên website.
Phân tích, đánh giá về website của FPT Polytechnic. Quản trị website.Phân tích website. Thông tin thêm. Đánh giá hiện trạng website của FPT Polytechnic.
Kết quả phân tích dữ liệu thứ cấp. 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. Hoàn thiện chức năng hiển thị nội dung số trên điện thoại di động. 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.
Vẽ phác thảo phiên bản trên điện thoại bằng bansamiq mockup.Thiết kế giao diện trên Photoshop ( Kết quả tham khảo phần phụ lục 1).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).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 ). Định hướng phát triển của đề tài. Đề 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 iii Luan van 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 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 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 đủ 1 CNTT Công nghệ thông tin 2 HTTT Hệ thống thông tin 3 QTDN Quản tri doanh nghiệp 4 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.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ách mạ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 quan sá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ông minh 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 desktop cách đây mười năm. Theo thống kê của vnexpress, người dùng Việt Nam đang ưa thí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ái tê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 được giớ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ông nghệ 3G đã được phát triển ở Việt Nam từ rất sớm, ngày nay ngay kể cả một cậu sinh viê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ết tớ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ật thô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ện thoại động và sử dụng như 1 sub-domain (Ví dụ mobile.Các giải pháp này đòi hỏi ngoà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 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ính mớ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áp mới để lập trình website. Và những người thiết kế website hàng đầu cũng đã đón đầu 1 Luan van xu hướng thiết kế website trên các thiết bị di động với kỹ thuật Responsive website( tự động hỗ trợ các website điều chỉnh website có độ rộng vừa khít với trình duyệ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ựng website 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.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ếng Anh 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ép hiể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 module quan trọng, hệ thống file giao diện của Drupal thì tiến hành thiết kế template cho phiên bản trên thiết bị di động. Triển khai bằng cách cài đặt một trang Drupal mớ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ết quả, đã 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ậ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 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úp cho người đọc nắm bắt về wordpress từ việc bắt đầu với wordpress; cách thay đổi nhữ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.