CC BY
14
Научни трудове на Съюза на учените в България-Пловдив, серия Б. Естествени и хуманитарни науки, т. XV, 2013 г. Научна сесия „Техника и технологии, естествени и хуманитарни науки", 25-26 X 2012 Scientific researches of the Union of Scientists in Bulgaria-Plovdiv, series B. Natural Sciences and the Humanities, Vol. XV, ISSN 1311-9192, Technics, Technologies, Natural Sciences and Humanities Session, 25-26 oktober 2012.
КЪМ МОБИЛНА УНИВЕРСИТЕТСКА СИСТЕМА
Т. Рачовски, Б. Ковачев, Г. Тотков Пловдивски университет „Паисий Хилендарски" Факултет по математика и информатика, катедра „Компютърна информатика"
Резюме
В работата се разглеждат основните цели и задачи при създаването на мобилни уеб унивеситетски системи, тяхното администриране и ползване. Анализират се основните принципи и начини за изграждане на мобилни уеб страници. Представена е реализацията на мобилен уеб сайт (http://mobi.uni-plovdiv.bg) на ПУ „Паисий Хилендарски" (по наши данни - първият по рода си в България мобилен университетски сайт).
Въведение
Основна тенденция в развитието на съвременното общество е широкото навлизане на мобилни технологии и средства за достъп до информация. Очаква се - така, както появата на персоналните компютри доведе до изчезване (на практика) на миникомютрите, широкото навлизане и употреба на мобилни устройства да предизвика същото и за персоналните компютри. В тази връзка, все по-голям интерес за практиката представлява проектирането на мобилни приложения, и в частност на трансформиране на стандартни уеб страници до техни 'мобилни' варианти. Необходимостта от 'олекотяване' по един или друг начин на тези страници, наложи развитието на различни шаблони и езици за тяхната разработка.
Създаване на мобилни приложения и уеб страници се наблюдава и в университетите. Редица водещи чуждестранни университети като Харвард (http://rn.harvard.edu/home/), Станфорд (http://itservices.stanford.edu/service/mobile), Принстън (http://rn.princeton.edu/ reunions/), Тексас (http://rn.tamu.edu/) и др., вече имат подобни мобилни представителни страници.
В рамките на проект по създаване на ПеУ (Пловдивски електронен университет) е проведен и експеримент за реализация на мобилен сайт на ПУ „Паисий Хилендарски" (http://mobi.uni-plovdiv.bg). Неговото създаване има за цел предоставяне на достъп за студенти и преподаватели от мобилни телефони и таблетни устройства до информация, разполагана стандартно в уеб сайта на ПУ.
Основни принципи на мобилните уеб страници
Архитектурата на мобилната система се състои от няколко слоя, основният от които е предназначен за осигуряване на комуникация между мобилната уеб страница и съответната база от данни. Ще отбележим, че в повечето случаи основната и мобилната страница използват една и съща база от данни [3].
Фигура 1. Архитектура на системата
За създаването на мобилната страница са използвани основни езици за програмиране на уеб страници - HTML, PHP, Java Script, Java [1]. При проектирането са съобразени някои основни стандарта, свързани с елементи като: структура на страницата;
големина и размер на дисплея на мобилното устройство;
големина и размер на шрифта в зависимост от размера на дисплея на устройството; големина на иконите и изображенията, които по един или друг начин автоматично трябва да се оразмеряват спрямо големината на дисплея; големина на страницата; подбор на информацията; многоезичност.
Реализация
Всяка страница на мобилното приложение трябва да има ясно обоснована структура. За създаването на мобилната страница на ПУ „Паисий Хилендарски" се използва модела MVC [2] и три основни функции - модел, изглед, контролер. Основната функционалност на страницата е разположена в контролера, а визуалната - в изгледа.
Фигура 2. Клас диаграма на модела
Много важен фактор на реализацията е оразмеряването на страницата и на обектите в нея. За целта, при създаването е използвана последната версия на езика HTML 5 [4]. В индекса са поставени главните препратки (линкове) към информация за университета и неговите факултети, разположение, новини и др. При евентуално изискване на мобилния потребител до разширена информация се ползва бутон с достъп до съответната пълна страница на университета.
Трафикът, създаван например при достъп до снимки на стандартни уеб страници, е сравнително „тежък" за мобилни устройтва. Ето защо, премахването или оразмеряването на несъществени (или не толкова значими) графични обекти е задължителна част при оформянето на дизайна на мобилните уеб страници. За намаляване на трафика е препоръчително страницата да не надминава 40 Kb [6]. Поради тази причина, при построяването на основната мобилна страница (индекса) са подбрани снимки и изображения с малък размер. При мащабирането на страница спрямо мобилния телефон е използван езика CSS 3. С негова помощ е реализирано процентно мащабиране, съобразено спрямо дисплея (резолюцията) на различните мобилни устройства.
Пловдивски университ... X
f- с • http://mobi.uni-plovdiv.bg/
ъ а и
english version
плоаливски унивьрсипт ПАИСИИ ХИЛ1НАЛРСКИ •
& Ш Й ^ & Л
Факултети Контакта Студенти Преподав...
Предстоящи събития
Няма предстоящи събития.
Към оригияалшя сайт
2012 © Плавдивски университет "Паисий Хилендарски*
tD ^ 13
h # 9:41^01
Фигура 3. Изглед от мобилния сайт на ПУ (http://mobi.uni-plovdiv.bg)
За улесняване на достъпа на потребителите е създадено Java Script меню за достъп до основните и главните линкове (препратки) [5]. Когато потребителят се намира в под-линк той лесно може да се върне както в основният сайт, така и в поддиректориите. Реализацията на страницата е с връзка към базите данни на официалния сайт на университета. За двата сайта (стандартния и мобилния) се използва една и съща база от данни за новини, събития и т.н. По този начин, при добавяне например на ново събитие или новина в базата данни, това се отразява едновременно на две страници - на конвенционалния и на мобилния сайт.
На страницата на ПУ, на всеки студент е осигурен достъп до меню за проверка на оценки. В този случай, поради необходимостта за осигуряване на защитен достъп, индексацията на менюто е направена с криптирана връзка, която не позволява оценките да се виждат от недобронамерени потребители.
Средства за валидация
За валидация на кода може да се използват различни редактори за визуализация на HTML и CSS. При създаване на мобилни системи е необходимо и тестване на различни видове мобилни браузъри за различимите мобилни операционни системи. Допълнително са използвани онлайн инструменти за:
валидация на HTML-кода чрез W3C HTML Validator, HTML Tidy Validator и WDG HTML Validator;
проверка на CSS кода чрез W3C CSS Validator;
проверка на HTML/XHTML документите за повредени линкове чрез W3C Link checker;
проверка на HTML/XHTML документите за повредени линкове чрез W3C Link checker WDG Link Valet [10] и др.
Заключение
Масовото използване от потребителите на мобилни устройства е основание за ориентиране на проектанти и разработчици към създаване на мобилно ориентирани уеб страници и интерфейси на информационните системи. В работата се представя проект на мобилен университетски сайт на ПУ „Паисий Хилендарски", при създаването на който се следват различни стандарти за проектиране на мобилни уеб страници с олекотена функционалност и дружелюбен графичен интерфейс.
Перспективно развитие на работата е свързано с проект за създаване на мобилен вариант на ПеУ (Пловдивски електронен университет) [7].
Благодарности: Работата е подкрепена от проекти УАСОПКН11 ФМИ 002/30.05.2011 към ФНИ на ПУ „П. Хилендарски" и BG051P0001-4.3.04-0064 по ОП РЧР.
Библиография
[1] Rajesh Lal, Beginning Smartphone Web Development: Building JavaScript, CSS, HTML and Ajax-based Applications for iPhone, Android, Palm Pre.
[2] Atheer S. Al-Khalifa, Hend S. Al-Khalifa - Emerging URL Patterns in Mobile Websites: A Preliminary Results Original Research Article Procedia Computer Science, Volume 10, 2012, Pages 952-959
[3] Jordán Pascual Espada, Rubén González Crespo, Oscar Sanjuán Martínez, B. Cristina Pelayo G-Bustelo, Juan Manuel Cueva Lovelle - Extensible architecture for context-aware mobile web applications Original Research Article Expert Systems with Applications, Volume 39, Issue 10, August 2012, Pages 9686-9694.
[4] William Harrel, HTML, CSS and Java Script Mobile Development For Dummies -For Dummies; 1 edition (September 13, 2011) ISBN-10: 1118026225.
[5] Maximiliano Firtman, Programming the Mobile Web - Publisher: O'Reilly Media; 1 edition (July 30, 2010) ISBN-10: 0596807783.
[6] HJ So, P Seow, CK Looi - leveraging knowledge building with mobile devices and Web 2.0 technology. ISBN: 10494820.
[7] Стратегия за развитие на Пловдивския университет „П. Хилендарски" (2011 - 2020), http://uni-plovdiv.bg/uploads/site/za_uni/stratPU_2011_-_2020__19.12.2011.pdf (22.11.2012).
Рецензент: доц. д-р Коста Гъров
