Xây dựng phần mềm thông tin trường Đại học sư phạm tp hcm dành cho thiết bị di Động

TpHCM Cơ quản và cả nhân phối hợp thực hién Phòng Công nghề thông tn Thất gian thục hiện: 9/2013-92014 1 Mục liệu ‘Quang bà hình anh của Trường Đạt học Sự phạm Tp HCM đến với các đội tượ

‘TRUONG DAI HOC SU PHAM TP HCM

BAO CAO TONG KET _

DE TAI NCKH & CN CAP TRUONG

TEN DE TAI: XAY DUNG PHAN MEM THONG TIN TRUONG ĐẠI HỌC SU PHẠM TP.HCM DÀNH CHO THIẾT BỊ DI ĐỌNG

TOM TAT KET QUA

ĐỀ TÀI KHOA HỌC HIẾN CỨC CAP TRUONG Tên dé tt NAY DUNG PHAN MEM THONG TIN TRUONG DALHQC SU CHO THIET BI DI DON

Ma sé C8 2013.19.47

Cha nh 1 tk: Nyuyn Mai Lin Tel: 09498 777 624

F-maillhnhnm gnttie hemup.edu.vn

Cơ quan chủ tri đề tải - Phòng Công nghệ thông tin, Trường Đại học Sự phạm TpHCM

Cơ quản và cả nhân phối hợp thực hién Phòng Công nghề thông tn Thất gian thục hiện: 9/2013-92014

1 Mục liệu

‘Quang bà hình anh của Trường Đạt học Sự phạm Tp HCM đến với các đội tượng liên quan (người học, phụ huynh học sinh, cán bộ, giáng viên và các đổi tác ngoài Trường) thông qua kênh di đông

Tin tte sy hag mới nhất về Trường

Tánh bạ điền thoại của tắt cá các đơn vị

+ Lich cdi

ý tuần của Trường

Đình mục văn bàn trong hg thẳng văn bàn của Trường,

~ _ Danh m tiêu hình ảnh, viáeo của Trường, có th tích hợp với Youtube

Kế! quá chính đạt được (khoa học ứng dụng đảo tao, kinh tế-xã hội)

táng để phất triển thêm các ứng dụng trên nền

Kết qua về mắt khoa học: Là

táng dì động, phục vụ cho các hoạt động đảo tạo và quản lý của Trường Đại học

Su Pham

học Sư phạm trên thiết bị di động chạy hệ điều hành iOS và Android

~ Kết quả về mặt kinh tế xã hội: Theo dõi thông tin vẻ Trường Đại học Sư Phạm

dễ dâng trên thiết bị di động với giao điện thân thiện, người sử dụng nằm bắt được thông tin nhanh chóng vả kịp thời

Project Title: DEVELOPE HO CHI MINH CITY OF PEDAGOGY’S PORTAL

ON MOBILE DEVICES

Code number: CS.2013.19.47

Coordinator: Nguyen Mai Linh

Implementing Institution ; Office of Information Technology, Hochimink City University of Education

‘Cooperating Institution(s): Office of Information Technology Duration: from September 2013 to September 2014

1 Objectives:

Promote the image of Ho Chi Minh City University of Pedagogy to relevant people (students, parents, staff, lecturers and partners outside the University) through the mobile channel

2, Main contents:

Developing HCMC University of Education's Portal for mobile devices with the following functions:

= Overview of University and units

- Maps of the campuses

= The latest news about University

~ The phone book of all the units

~ Calendar of University weekly work

- The list of documents in the documents system

- List of image data, video, can integrate with YouTube

users capture information quickly and timely.

L2 — Tinh edp thigt cba a8 ti

CHƯƠNG 3 GIỚI THIỆU TONG QUAN VE HE THONG PORTAL TREN THIET

BI DI DONG O MOT SO TRUONG DAI HOC

21 Ngoii nude

2.11 Trưởng đại học NUS - Singapore

3.12 Trường đại học Stanford - My

33 Trongnước

CHƯƠNG 3 XÂY DUNG HE THONG

3.1 Yêu cầu vẻ chức năng

3.3% Album anh

339 Video 3.3.10 Danh ba Chương 4 KET LUAN 4.1 Kết quả về mặt khoa hoc

42 Kết quả về mật ứng dung 4-1 Kết quả về mắt kinh tế xã hội TẢI LIEU THAM KHẢO

Hình 2-1: Giao diện trang chú

Mình 2-2: Man hinh các thông tin vẻ học tập

Hình 3-1: Kiến trúc hệ thông,

Hình 3-2: Mân hình chỉnh (10S)

Minh 3-3: Màn hình chỉnh (Android)

Hình 3-4: Mân hình giới thiệu

Hình 3-5: Màn hình giới thiệu hoạt động Đảo tạo Đại học Hình 3-6: Màn hình tin tức mới nhất

Hình 3-7: Mân hình xem tín tức theo phân loại

Mình 3-8: Mãn hình xem tín tức theo đơn vị

Hinh 3-18; Man hinh chi tiết một album anh

Hình 3-19: Main hình các video của Trường i Hình 3-20: Man hình xem video tích hợp Youtube

Hình 3-33 Chỉ tiết thông tin một cán bộ Hinh 3-28) Man hinh danh bạ đơn vị Hình 3-24: Mán hình xem chị tiết liên lạc của một đơn vị

mềm thông tin phạm Tp IICM dảnh cho các thiết bị di động với mục địch cung cấp, thêm một kênh thông tim về Trường cho những người quan tim

Để tài cũng là nền tảng giúp chúng tôi tiếp tục nghiên cứu vả phát triển các ứng

dung tích hợp vào thiết bị di động hỖ trợ cho công tác giáng day và học tập của giáng qua thiết bị dị động, tra cứu kết quả học tập, tuyển sinh

13 Mục tiêu của để tài

Xây dựng phần mm thông tin về Trường Đại học Sư phạm Tp.HCM dành ch

các thiết bị di động với các chức năng sau:

~ _ Giới thiệu tổng quan về Trường và các đơn vi trong Trường

= Ban d6 các cơ sở của Trường,

= ˆ Tn tức sự kiện mới nhất về Trường,

thoại của tắt cả các đơn vị,

ác hàng tu của Trường

+ Danh mục văn bản rong hệ thẳng văn bán của Trường

~ ˆ Danh mục tư liệu hình ảnh, video của Trường, có thể tích hợp với Youtube

THIẾT BỊ DI ĐỌNG Ờ MỘT SO TRUONG DAI HOC

21 Ngoài nước

2.1.1 Trường đại học NUS - Singapore

Ủng dụng Around-NUS, với các tính năng sau:

~ _ Xem thông tín các sự kiên và tin tức của trưởng

sâu lạc bộ và các tổ chức của sinh viễn

~_ Danh sách

Những dich vy và các cơ sở của trường,

~ _ Danh bạ và bản đổ các phòng ban, các đơn vị trong trường Danh sách các nhà hàng, quần ăn phục vụ cho sinh viên

số hình ảnh về giao điện của ứng dụn/

NAVIGATE

UNCOVER SAVOUR

NUS MAP

DIRECTORY LISTING

Hình 2-1: Giao điện trang chủ

LEARNING IN

THIS YEAR, THE NATIONAL UNIVERSITY OF SINGAPORE, (NUS) CELEBRATES ITS 11 YEAR OF FOUNDING TOGE THER WITH SINGAPORE'S SOTH YEAR

MULTIPLE ACADEMIC PATHWAYS, Our comprehensive curriculum and over 70 joint, concurrent and double degree programmes with leading universities around the world offer students multiple academic pathways Nearly seven out of 10 undergraduate students in NUS go on overseas study opportunities with 300 top universities in more than 40 countries, or pursue internships in high-tech start-ups through our NUS Overseas Colleges for a unique entrepreneurial educational experience

Complemented with a vibrant student life which promotes a collegial campus climate,

we have a diverse student population of

‘over 37,000 from 100 countries at our three campuses ~ Kent Ridge, Bukit Timah and Outram,

We have also pioneered a new form of residential colleges at NUS University Town, resulting in diverse and collaborative learning communities

Ung dung Stanford với các tinh ning sau:

Xem tin tức, sự kiện, các hoạt động của trường Xem các khỏa học, đăng ký tham gia các khóa học

6

“Theo đồi các album hình ảnh vả video về trường Danh bạ các đơn vị và cá nhân trong trường Mật số hình ảnh về giao điện của ứng dụng:

Hình 2-5: Giao diện trang chủ của ứng dụng iStanford

< News Articles

Fly-catching robot developed

by Stanford scientists spee Posted Yesterday

‘team of Stanford Bio-X scientists has, created a robot that expands th Diomecical research that can be car Stanford earthquake researcher at Nepal quake Posted 4 Days Ago PAD student Anne Sanquini studi

to motivate people to take action 10

‘protect homes and schools against ea,

Multicuttural Springfest celebrates diversity, longevit Posted 4 Days Ago The annual event celebrates the diversity of employees from across the Compassion is an effective GWM ananarial ctratanw Stanfor

Hình 26: Màn hình tin tức vỀ trường,

Back Search steve

< Categories Stanford Family Photos

Hình 2-8:Màn hình album ảnh

Trong nước

22 Theo khảo sắt của tác giả, hiện tại ở các trường Dại học ở Việt Nam vẫn chưa có trường nảo xây dựng hệ thông Portal trên thiết bị đi động

3.1 Yêu cầu về chức năng

“Xây dựng kênh thông tin vẻ Trường Đại hoc Su Phạm trên thiết bị di động Bao gồm các chức năng sau:

thiệu: xem các giới thiệu về trườn bao gỗm giới thiệu tổng quan về Trường,

về các hoạt động Đảo tạo Đại học, Sau Đại học, các hoạt động Nghiên cứu Khoa học, Hợp tác quốc tế

~ _ Tân tức: theo dõi tin tức được lấy tử hệ thông Portal của Trường bao gồm Tin tức mới nhất, tin tức theo loại (Đảo tạo, tuyển sinh, Khoa học công nghệ), tin tức theo don vi

~ _ Văn bản: xem và theo đồi các văn bản trên hệ thống văn bản của Trường gồm các Văn bản mới nha, van bản đến, văn bản đi và văn bản pháp quy

Sự kiện: xem các sự kiện trong hệ thống các sự kiện của Trường Lịch công tác: theo dõi lịch công tắc hằng tuẫn của Trường

š 'EafidE:3eiihàn đÁ#keonEiM 4[24EEu soi Thường:

= Album ảnh: xem hình trong album ảnh của Trường

Video: tich hop véi Video trên Youtube với kênh chính thức của Trường

~ _ Danh bạ: xem và tìm kiểm danh bạ các cá nhân và đơn vị trong Trường

32 Kiến trúc hệ thống

— Wireless, 3G

Hinh 3-1: Kiến trúc hệ thắng

Database Server: MySQL,

Web Server: Apache

Webapp: PHP 5.3

Client: sit đụng hệ điều hành dành cho thiết bị đi động là iOS 6.0 và Android 4.0 trở lên

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

Hình 3-4: Màn hình giới thiệu

tt tobe rrr

BAM Tin tire

Sener Ree enemtonetioneentannmaaiaoin

Hình 3-6: Màn hình tin tức mới nhất

Man hình chỉ tiết một tin tức

Màn hình văn bản mới nhất

3 Pr» Quốc tế thiếu nhỉ 00.06 ngày 01/06/2015 ©

(0008 ngày 19/08/2015

lình 3-13: Màn hình danh sách các sự kiện xem theo dạng đanh sách

2%

làn hình chỉ tiết một hoạt động trong lịch công tác tuần

Hình 3-17: Màn hình các Album ảnh của trường

Hình 3-18: Màn hình chỉ tiết một album ảnh

Hình 3-21: Màn hình đanh bạ các cán bộ trong Trường

Nguyée Thi uy Aa

Hình 3-22: Chỉ tiết thông tin một

g meseem

Hình 3-24: Màn hình xem chỉ tiết liên lạc của một đơn vị

4.1 KẾt quá về mặt khoa học

Lá nên tảng để phát triển thêm các ứng dung trén nén táng đi đồng, phục vụ cho các hoạt động đảo tạo và quản lý của Trường Đại học Su Pham 4.2 KẾt quả về mặt ứng dụng

Xây dựng thảnh công phin mém thông ti trường đại học Sư Pham TPHCM trên thiết bị di đông chay hệ điều hành iOS vả Android

43 Két qua về mặt kinh tế xã hội

~_ Theo đối thông tin về Trường Đại học Sư Phạm dễ đảng trên thiết bị di động với giao diện thân thiện, người sử dụng nắm bắt được thông tin nhanh chóng và kịp thời

[1] Chistian Keur, Aaron Hillegass & Joc Conway iOS Programming The Big Nerd Ranch Guide Bg Nerd Ranch (2014),

[2] Reto Meier, Professional Android Application Development, Wiley Publishing (2009)

[S]htp./dđeveloper apple com

{4] inpy//developer android com,

{Slbup:/appeoda.com

(6 http: raywenderlich.com

BQ GIAO DUC VA DAO TAO

“TRƯỜNG ĐHI SƯ PHẠM TP.HCM

LUYẾT MINH ĐỂ TẢI

KHOA HỌC VÀ CÔNG NGHỆ CẮP TRƯỜNG

5.2015 19.4%

lạ LOẠI HÌNH NGHIÊN CỨU,

“Tên cơ quan : Phòng CNTT, Trường Đại học Sư phạm Tp HCM

Địa ch : 280, An Dương Vương, Q.5, Tp.HCM

Điện thoại :08 38 152020166 Fax

CC mm |

Dia chi NR: Fi CQ: 260, An Duong Vương, Q45, TpHCM,

Dign thogi CQ :08.38352.020.166 Eax Điện hoại NR vai: inion inp asa vt Di ding : 0943777624 NHỮNG NGƯỜI THAM GIÁ THỰC HIỆN DE TAL

| NHGHONGU Tig van Dan vj cing wie vi T Ni dung nghién ctw eg te [Cho ky

(Nguễn Mãi Lĩnh Phỏng Công nghệ — | Chủ nhiệm đề tài

thong tin Piaget ba in 1/7

| Lê Nguyễn Quệnh Thy —_ |PhôngCôngnghệ | Phin ch ie Ké ng thống thé i hệ thông

mini TRE 1“

5 ĐƠN VỊ PHÔI HỢP CHÍNH

Thử nghiệm chương trình

Tên đơn vị trong và ngoài nước Ho và tên người đại diện

‘Mai Văn Phường Vũ

Lẻ Nguyễn Quỳnh Thy

Phong CNTY

1041 Tổng 1 an tin hình nghiên cứu thu lĩnh vục củ để di

Hiện nay, xu hướng xây đựng các ứng dụng đưa lên các App Store dành cho các thiết bị tam |

Í NHŨ mlLeam của Trường Đại học Kỹ thuật Naryans - Singapore, RMIT Campus Map, (Stanford

11-TÍNH CẤP THIẾT CUA DE TAT

| hân quảng bạ oh anh của Trường (et to han ina ky eng pn ml tin Trtng ti te rrlth THÊM dụh ch ac ah cho ng vấn 1c i eg Train) thing ga ka ại hạ Su phạm Tp JICM đến với các đối tượng lin quan

{= thiết bị đi động với mục dich cung cắp thêm một Lên thông tin vẻ Trườ

quan tim,

‘DE tai cing ld nén ting gidp ching 16i tiếp tục nghiên cứu và triển các ứng đọng tích hợp vào

it ng tỗ vợ do công ging ny và học đọ ca ging vin vast vn ca Tường tương tương hủ vi dụ như: hỗ học ực oy hông qua tt ị dì động cấu ế quả học tp tuyến nh,

18 MỤC TIỂU ĐỀ TÀI

những người

Xây đơng phần mm thông túm về Trường Dai học Sơ pham Tp HCM dành cho các uất bị dị động

ối các yêu cu chức năng như sau

Ciới thiệu tổng quan về Trường và các đơn vị rong Trường,

- _ Bàn dỗ các cơ sở của Trường,

.Mệ thông cổ khả năng ích họp với Công thông in của Trường thing gus Web Service Tin ie sy kiện môi nht vỀ Trường

Danh bạ điện thoại của tt cả ắc đơn vị

= anh mye vin bin trong hệ thông vàn hắn của Trường

< _ Đạnh mạc liệu híh ảnh viđeo của Trường, c h ít họp với Youtube

Hệ thông gỗm 2 ởng đụng một ứng dụng chay trên các thiết bị dị đồng sử dụng hệ diều

ảnh iOS và ứng đụng còn li dành cho hệ điều hành Android

15 CÁCH TIẾP CẬN, PHƯƠNG PHẬP NGHIÊN CỮU, PHẠM VI NGHIÊN CỨU

thông theo quy trình Công nghệ phẩn mễm trên các hit bị di động sử dạng hệ diễu hình iOS cứa Apple Phải tiền hệ thông trên có tiết bị di động sử đụng hệ điều hình Androsf cổng thông tin diện tử của Trưởng

App Si để chủ người dùng doanload v sử dụ

S hảndào- kết| Người thực hiện Thờ gin ——

T Khảo sát hiện rang và vác — [TWIBệadketahe - |93013dển |Linh Nguyễn Nhi

Qusnh Thy

2 tam “Ti Hiệu kỹ thuật cốc Hậu kệ thuấ các | I/2014 dặn |M —

Phản \Lhế hệ thống — | mỏ hình thiết kế hệ ma Linh

Ì lâm tinh phá tiễn hệhơng [Ma nguim et hu] 22004 én | NED Phân hệ én AOS va Android) | KF thuat 72014 | bho Ngoc Giang MSH

1 Tải liệu the dõi quả | Nghề Mai Linh ]

| thơng tình kiểm tea he | âu SẾh Í bạo ggy Ging M

SAN PHAM VA DIA CHÍ ỨNG ĐỰNG

úy dgướg L] Gốygesc — LÍ Quiênhemgnge [] Phamgpbip a

— TL] Lộn chứng khi [] Chưngtinhmgyrtnh []

‘fan liên nghị C] Xinphẩm khác Phần mễm được đưa lên các App Store

errr

as sae mem với io aes ple