Презентация «Разработка веб-приложений»

ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СИСТЕМ УПРАВЛЕНИЯ И РАДИОЭЛЕКТРОНИКИ(ТУСУР)

ОТЧЁТ

СПИСОК ИСПОЛНИТЕЛЕЙ

Реферат

РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ, WEB-ДИЗАЙН, JS, JQUERY, DJANGO, PYTHON, HTML, CSS, CMS, AJAX, OOP, ВЁРСТКА, КАЛЕНДАРЬ, БИБЛИОТЕКА, ДОСКА ОБЪЯВЛЕНИЙ .

Оглавление

Определения

Введение

• 
  Устаревшая реализация веб-интерфейса (web1.0, отсутствие AJAX);
  
• 
  неудобная система администрирования;
  
• 
  проблемы с кроссбраузерностью;
  
• 
  ошибки в ссылках;
  
• 
  неудобная работа с библиотекой;
  
• 
  неэффективная доска объявлений;
  
• 
  устаревшая платформа (PHP4);
  
• 
  неэффективная и устаревшая проектировка базы данных;
  
• 
  отсутствие всей необходимой функциональности.
  

• 
  эффективная проектировка серверного приложения;
  
• 
  удобный web2.0 интерфейс пользователя и администратора сайта (с активным использованием AJAX и CSS);
  
• 
  кроссбраузерность;
  
• 
  возможно версия для PDA-устройств;
  
• 
  обладание всей требуемой функциональностью.
  

• 
  Библиотека;
  
• 
  Доска объявлений;
  
• 
  Календарь с расписанием.
  

Основная часть

• 
  Проектирование веб-приложения;
  
• 
  Разработка креативной концепции сайта;
  
• 
  Создание дизайн-концепции сайта;
  
• 
  Создание макетов страниц;
  
• 
  Создание мультимедиа и FLASH-элементов;
  
• 
  Вёрстка шаблонов и страниц;
  
• 
  Программирование;
  
• 
  Обработка и наполнение информации;
  
• 
  Тестирование и внесение корректировок;
  
• 
  Открытие проекта на публичной площадке.
  

• 
  Информационный архитектор;
  
• 
  Веб-дизайнер;
  
• 
  Веб-мастер;
  
• 
  Верстальщик веб-страниц;
  
• 
  Программист;
  
• 
  Юзабилити-инженер;
  
• 
  Поисковый оптимизатор;
  
• 
  Копирайтер (писатель);
  
• 
  Тестировщик.
  

• 
  быстродействие;
  
• 
  кроссбраузерность;
  
• 
  удобство пользования;
  
• 
  простая и эффективная система администрирования;
  
• 
  оптимальная систематизация информации;
  
• 
  приятный интерфейс пользователя.
  

Аналоги

• 
  Сайт кафедры ЭСАУ (ТУСУР) http://iit.tusur.ru/;
  
• 
  Сайт факультета информатики (ТГУ) http://www.inf.tsu.ru/.
  

• 
  www.Is.ifmo.ru;
  
• 
  www.mt2.bmstu.ru;
  
• 
  www.ecoross.ru;
  
• 
  www.kaf42.ru;
  
• 
  www.nano.muctr.ru;
  
• 
  www.mathschool.ru;
  
• 
  www.physchem.chimfak.rsu.ru.
  

Недостатки аналогов

• 
  Сайт кафедры ЭСАУ (ТУСУР) – отсутствие систематизации библиотеки, минимум визуальных эффектов, проблемы с дизайном, проблемы с поиском;
  
• 
  Сайт факультета информатики (ТГУ) – избыточность информации на экране, неудобное меню, присутствие нерабочих ссылок, медленная скорость открытия страниц.
  

• 
  При разработке сайтов не учитывается функциональное назначение сайтов;
  
• 
  Неудобный интерфейс (длинные полосы прокрутки, отсутствие AJAX, неправильная цветовая гамма, проблемы со шрифтами, проблемы с навигацией);
  
• 
  Дизайн и меню ориентированы зачастую только горизонтально или только вертикально, что раздражает глаз и не приводит к удобству использования;
  
• 
  Всё оформление сайтов ограничивается гербом кафедры, иногда интересным логотипом;
  
• 
  Доска объявлений выглядит как монолитный текст, в котором не выделено, к какой области относятся новости.
  

Пути решения

Достоинства нашего решения

• 
  быстродействие;
  
• 
  кроссбраузерность;
  
• 
  удобство пользования;
  
• 
  простая и эффективная система администрирования;
  
• 
  оптимальная систематизация информации;
  
• 
  приятный интерфейс пользователя.
  

Технические аспекты

Платформа серверного приложения

• 
  ORM, API доступа к БД с поддержкой транзакций;
  
• 
  встроенный интерфейс администратора;
  
• 
  диспетчер URL на основе регулярных выражений;
  
• 
  расширяемая система шаблонов с тегами и наследованием;
  
• 
  система кеширования;
  
• 
  авторизация и аутентификация, подключение внешних модулей аутентификации: LDAP, OpenID и прочее;
  
• 
  система фильтров («middleware») для построения дополнительных обработчиков запросов;
  
• 
  библиотека для работы с формами;
  
• 
  слабая связанность компонентов фреймворка между собой, в следствие чего можно достаточно легко любую часть заменить на аналогичную.
  

Платформа клиентского приложения

• 
  Сравнительно высокая скорость исполнения
  
• 
  Небольшой размер скрипта;
  
• 
  Высокая функциональность (манипулирование DOM, поиск DOM-элементов, AJAX, анимация);
  
• 
  Простота выполнения и обработки AJAX-запросов;
  
• 
  Наименьшее количество кода при наибольшей функциональности (среди подобных фреймворков);
  
• 
  Официальное дополнение, предоставля;ющее основные элементы пользовательского интерфейса;
  
• 
  Огромное количество плагинов.
  

• 
  Html;
  
• 
  CSS;
  
• 
  JavaScript, Ajax и фреймворк jQuery;
  
• 
  Python и фреймворк dJango;
  
• 
  Основы взаимодействия серверного приложения с базами данных.
  

• 
  js-oop и jQuery: корзина для интернет-магазина;
  
• 
  css-вёрстка, логическая структура: пример страницы простейшего блога.
  

• 
  Библиотека (см. приложение 2);
  
• 
  Календарь с расписанием (см. приложение 3);
  
• 
  Доска объявления (см. приложение 3);
  
• 
  Система статей (см. приложение 4).
  

Список использованных источников:

Приложения

Приложение 1: Разработанная корзина и блог во время обучения

Приложение 2: Модель чёрного ящика для приложения «Доска объявлений»

1. 
   Отображение изменений вносимых в календарь.
   
2. 
   Отображение событий календаря.
   

1. 
   Возможность не публиковать объявление на доске (из календаря)
   
2. 
   Возможность прикреплять объявления
   

Приложение 3: Модель чёрного ящика для приложения «Календарь с расписанием»

1. 
   Информация
   
2. 
   Действия пользователя
   
   1. 
      События
      
      1. 
         Добавление
         
      2. 
         Удаление
         
      3. 
         Редактирование
         
      4. 
         Назначение прав доступа достаточных для просмотра (public, private)
         
      5. 
         Прикрепление события
         
      6. 
         Возможность не публиковать объявление на доске
         
   2. 
      Введение поправок
      
      1. 
         Удаление
         
      2. 
         Редактирование
         
   3. 
      Администрирование
      
      1. 
         Редактирование типов событий
         
      2. 
         Редактирование разделение по времени
         
      3. 
         Редактирование степеней важности
         
      4. 
         Интеграция в модули
         
      5. 
         Назначение прав доступа
         
         1. 
            Редактирование событий
            
            1. 
               С делением по типам
               
            2. 
               По группам пользователей
               
            3. 
               По группам владельцев
               
         2. 
            Просмотр событий
            
            1. 
               По группам пользователей
               
         3. 
            Права на администрирование
            

1. 
   Отображение результатов
   
   1. 
      Еженедельное расписание
      
      1. 
         Деление по владельцам объектов
         
         1. 
            Преподаватели
            
         2. 
            Группы
            
         3. 
            Аудитории
            
         4. 
            Общее
            
      2. 
         Деление по типам событий
         
         1. 
            Учебная пара
            
         2. 
            Консультация
            
         3. 
            Праздник
            
         4. 
            Зачёт
            
         5. 
            Экзамен
            
         6. 
            Объявление
            
         7. 
            Другие
            
      3. 
         Деление по видам
         
         1. 
            На неделю
            
         2. 
            На 2 недели
            
         3. 
            На месяц
            
         4. 
            На семестр
            
         5. 
            На год
            
         6. 
            Список определённых событий
            
         7. 
            Мини-календарь
            
      4. 
         Деление по типу недели
         
         1. 
            Чётная
            
         2. 
            Нечётная
            
      5. 
         Деление по тегам
         
      6. 
         Время (время начала и конца)
         
         1. 
            Деление на пары
            
         2. 
            Абсолютное время
            
         3. 
            На весь день
            
         4. 
            Нет даты
            
         5. 
            Дата назначения
            
      7. 
         Дополнительное
         
         1. 
            Расписание на несколько групп сразу
            
   2. 
      Объект расписания (событие)
      
      1. 
         Общее для всех
         
         1. 
            Время либо пара
            
         2. 
            Заголовок
            
         3. 
            Описание
            
         4. 
            Степень важности
            
         5. 
            Группы пользователей
            
         6. 
            Владелец/преподаватель
            
         7. 
            Повторяющееся
            
            1. 
               Ежедневно
               
            2. 
               Еженедельно
               
            3. 
               Каждые две недели
               
            4. 
               Ежемесячно
               
            5. 
               Ежегодно
               
            6. 
               Другое
               
         8. 
            Место
            
            1. 
               Аудитория
               
            2. 
               Другое
               
         9. 
            Фотография
            

Приложение 4: Модель чёрного ящика для приложения «Система статей»