1 / 19

Разработка адаптивного портала для мобильных устройств

УЛЬЯНОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ФАКУЛЬТЕТ МАТЕМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ КАФЕДРА ТЕЛЕКОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ И СЕТИ. Разработка адаптивного портала для мобильных устройств. Выполнил: студент группы ИС-О-09/1 Архипов А. П. Научный руководитель: Чекал Е. Г. Цель.

mercia
Download Presentation

Разработка адаптивного портала для мобильных устройств

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. УЛЬЯНОВСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ФАКУЛЬТЕТ МАТЕМАТИКИ И ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ КАФЕДРА ТЕЛЕКОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ И СЕТИ Разработка адаптивного портала для мобильных устройств Выполнил: студент группы ИС-О-09/1 Архипов А. П. Научный руководитель: Чекал Е. Г.

  2. Цель Повысить адаптивность отображения web-портала для мобильных устройств на основе новейших информационных технологий Задачи 1) Провести сравнительный анализ порталов для мобильных устройств 2) Формулировка концепции адаптивного портала и выбор под неё средств разработки 3) Проектирование web-портала 4) Создание адаптивного web-портала 5) Разработка документации 2

  3. Мобильные операционные системы (по данным NET Applications) Blackberry Windows Phone iOS WEB трафик Выпущено в 2013 году Android 3

  4. Анализ порталов 4

  5. Адаптивный дизайн Минусы Плюсы Экономия финансов Преимущество в SEO-оптимизации Юзабилити и пользовательский опыт Выше уровень конверсии Упрощение аналитики 3G и EDGE Шаблоны часто не подходят Нет выбора типа отображения 5

  6. Размеры экранов 1920px 1366px Остальное 1280px 320px 1024px 360px 800px 480px 6 Необходимость адаптивного дизайна

  7. Выбранные средства разработки 7

  8. Архитектура web-портала Сервер Браузер HTTP запрос Nginx Пользовательский интерфейс GZIP CMS Apke JS вызов HTML CSS PHP MySQL Ajax движок XML, JSON 8

  9. Структура ПО web-портала Главная страница Игры Приложения Новости Устройства Форум Категории Категории Марки Разделы Пост Пост Пост Устройство Тема Остальное Пользователи Блог сайта Обратная связь Последние комментарии Топ Профиль 9

  10. Макет web-портала 10

  11. Реализация 11

  12. Логическая схема базы данных 1:n Категории • Название • Подкатегория Приложения • Название • Описание • Категория • Автор • Дата • Рейтинг • Голоса • Просмотры • Файлы • Название • Количество скачиваний • Новость • Версия • Тип • Дата • Автор Версии • Название • Новость • Код версии • Автор Ссылки • Ссылка • Тип • Новость • Автор • Версия 1:1 Изображения • Название • Новость • Тип • Автор 1:n Блог • Тема • Описание • Текст • Дата Устройства • Марка • Модель • Характеристики Пользователи • Имя • Пароль • Email • IP пользователя • Дата регистрации • Дата посещения • Группа Сообщения • Автор • Получатель • Текст • Дата • Статус Сообщение форума • Текст • Автор • Тема форума • Дата 1:n • Новости • Название • Описание • Дата • Просмотры • Автор 1:n Тема форума • Название • Категория • Первое сообщение • Последнее сообщение • Количество сообщений Голоса • Пользователь • IP пользователя • Тип • Новость • Дата Категория форума • Название • Описание • Последнее сообщение 1:1 • Комментарии • Автор • Текст • Новость • Дата Скачивания • Пользователь • Новость • Дата 12

  13. Физическая схема базы данных 13

  14. Кэширование страниц Начало Начало буферизации вывода: ob_start() Есть ли правильный файл с кэшем? Нет Перемещаем контент в буфер Да Помещаем содержимое файла в переменную Помещаем содержимое буфера в переменную Заканчиваем буферизацию: ob_end_clean() Очищаем буфер: ob_clean() Формирование страницы закончено? Записываем в кэш файл Нет Да Выводим содержимое переменной с контентом 14 Конец

  15. Отложенная загрузка изображений 15

  16. Прогресс разработки style/ICONS admin/CLEAR.PHP style/LOGO.PNG mod/ADDSOFT.PHP mod/TOP.PHP admin/EDITSOFT.PHP mod/USER.PHP mod/MAIN.PHP mod/NEWS.PHP admin/BLOG.PHP mod/SEARCH.PHP mod/POST.PHP ajax/PAGE.PHP ajax/LINK.PHP mod/RSS.PHP mod/USER.PHP mod/LOGIN.PHP INDEX.PHP mod/PM.PHP mod/BLOG.PHP admin/INDEX.PHP mod/USERLIST.PHP mod/FORUM.PHP JS/FUNCTIONS.JS admin/ADDSOFT.PHP mod/PM.PHP style/AJAX.GIF style/MAIN.CSS mod/SEARCH.PHP mod/DEVICES.PHP admin/EDITNEWS.PHP mod/OTHER.PHP mod/FEEDBACK.PHP mod/ADVERT.PHP admin/STATISTIC.PHP admin/MODER.PHP admin/USERSOFT.PHP admin/CATEGORY.PHP 16 3000 строк PHP / 2000 строк HTML / 1500 строк CSS / 800 строк JS

  17. 17

  18. Статистика 62% 49% Устройства с Android OS Устройства с маленьким экраном • 2 тысячи уникальных посетителей ежедневно • Более 1300 зарегистрированных пользователей • Коллекция из 1500 программ и игр 18

  19. Заключение • Проведен сравнительный анализ порталов для мобильных устройств • Проанализированы и выбраны средства разработки • Спроектирован и разработан адаптивный web-портал • Разработана документация 19

More Related