РИП. Лекция 3
Групповое проектирования интернет-приложения (ИП)
(продолжение)
ТНК
2018-2019
Лекция 3 1
Этапы разработки интернет-приложения (ИП)
Тема известна
Лекция 3 2
WA 07
Лекция 3 3
Программирование Пишется качественный и грамотно структурированный код в обозначенные сроки, который обеспечивает безотказную и быструю работу интернет-приложения. Результат — программный код будущего продукта
Лекция 3 4
Тестирование • Проверка, одинаково ли хорошо интернет-приложение
работает на любом устройстве. Результат — обнаруженные и исправленные недочёты.
30 онлайн-инструментов для тестирования сайтов http://www.webmasters.by/articles/review-po/169-30-online-tools-for-website-validation-cross-browser-and-testing.html
Лекция 3 5
Поддержка
• Постоянный мониторинг созданного сайта, чтобы вовремя реагировать на возможные инциденты и обеспечивать его безотказную работу круглые сутки.
Результат — адаптированный под внешние изменения продукт https://netbeans.org/features/html5/index_ru.html
Лекция 3 6
ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
Лекция 3 7
Определение
• Веб (интернет) - приложение — клиент-серверное приложение, в котором клиент взаимодействует с сервером при помощи браузера, а за сервер отвечает — веб-сервер.
• Логика веб-приложения распределена между сервером и клиентом,
– хранение данных осуществляется, преимущественно, на сервере,
– обмен информацией происходит по сети.
Лекция 3 8
Для разработки ИП используется:
• Для реализации GUI (Графический интерфейс пользователя) – HTML, CSS, JS
• Для формирования запросов, создания интерактивного и независимого от браузера интерфейса, работы с данными и базами данных: – PHP
– ASP
– JavaScript
– Python
– Java и т.д.
Лекция 3 9
Для создания веб-приложений на стороне сервера
используются разнообразные
технологии и любые языки
программирования, способные
осуществлять вывод в стандартную
консоль.
Название Веб-сервер
ASP специализированный
ASP.NET специализированный
C/C++ практически любой
Java множество, в том числе свободных
Perl практически любой
PHP практически любой
Python практически любой
Ruby практически любой
Nodejs собственный
ASP.NET vNext практически любой
Лекция 3 10
Рейтинг языков программирования
Лекция 3 11
В результате изучения дисциплины студент должен:
Знать
• Технологии создания интернет-приложений
• HTML, HTML5, CSS, CSS3, JavaScript, JQuery, PHP, MySQL, XML, Java, Pyton, CMS
• Программное обеспечение для создания интернет-приложений
• Предметную область разработки интернет-приложения
• Направления развития предметной области
Лекция 3 12
Уметь • На основании обзора и анализа в области
разработки интернет-приложений разработать интернет-сайт или интернет-приложение по заданной тематике.
• Подготовить текстовый, графический, видео и аудио контент для сайта
• Провести оптимизацию структуры сайта и файлов • Уметь опубликовать сайт или интернет-
приложение в интернете • Писать техническое задание, документацию
пользователя, администратора и разработчика • Уметь работать в группе при разработке интернет-
проекта
Лекция 3 13
Вектор развития • Изучение данной дисциплины базируется на следующих
дисциплинах: – Информатика – Программирование – Компьютерная графика
• Для освоения учебной дисциплины студенты должны
владеть следующими знаниями и компетенциями: – Базовая компьютерная грамотность – Программирование и алгоритмирование
• Основные положения дисциплины могут быть использованы
в дальнейшем при изучении следующих дисциплин: – Интернет-приложение → ВКР
Лекция 3 14
Литература (1 блок)
Лекция 3 15
+ ин
терн
ет
Литература (2 блок)
Лекция 3 16
Литература (3 блок)
Лекция 3 17
Концепции Веб
18
Концепция Свойство
Web 1.0 Web 2.0 Web 3.0
Концепция Веб только для чтения Веб для бурного чтения-записи
Портативный индивидуальный Веб
Количество пользователей
45 миллионов пользователей (1996)
Больше 1 миллиарда пользователей (после 2006)
Еще больше
Ориентация Ориентация на компании
Ориентация на сообщества
Ориентация на индивидуальности
Структура данных Домашние страницы Блоги Lifestreaming-функции Концепция данных Владение контентом Обмен контентом Объединение
динамического контента Управление знаниями Britannica Online Wikipedia Интернет Технологии HTML, порталы XML, RSS Технологии «drag and
drop» и mashups Представление Веб формы Веб-приложения Виджеты и гаджеты Классификация Директории Тэги Поведение
пользователей Поиск Netscape Google iGoogle, NetVibes Стоимость рекламы Просмотр страниц Цена за клик Активность
пользователей Продвижение реклама «из уст в уста» advertainment
Лекция 3
Концепции. Web 1.0 (1990-1999)
Лекция 3 19
Только веб-мастер. Cтатические HTML-страницы, кнопки GIF Потребитель имел пассивную роль Пользователи могут взаимодействовать только с помощью электронной почты, чата или темы разговора в первых интернет-форумах
Web 2.0 (Социальный) 1999-2004- н.в.
Лекция 3 20
Веб-сайты, создаются пользователями, социальные сети, wiki… Делается обзоры онлайн продуктов, жалоб или комплиментов... Влияние на компании. Теперь пользователь имеет силу
определение 1-ая конференция
RSS - лента новостей — это технология, обеспечивающая возможность получения новостей, не посещая публикующие их сайты
Разница между веб-сайтом и веб-приложением
Сайт Веб-приложение
веб-сайт состоит из статического репозитория контента, который предоставляется всем посетителям,
в то время как веб-приложение зависит от взаимодействия и требует программного ввода и обработки данных.
Лекция 3 21
Web 3.0 (Искусственный интеллект , БД, мультимедиа, адаптивный дизайн, «умные»
приложения)
Лекция 3 22
Искусственный интеллект → например, адаптивный дизайн адаптируется к любому устройству
Технологическая карта концепций Веб
• Стек протоколов TCP/IP
Источник: Dal Web3.0 al Web4.0,
http://mentelab.wordpress.com/2007/10/25/dal-web30-al-web40/
23 Лекция 3
Веб-разработка • Веб-программирование – раздел
программирования, ориентированный на разработку динамических Internet-приложений
• Языки программирования
– Клиентские
– Серверные
24 Лекция 3
Хронология развития веб-технологий
Источник: Wikipedia. Веб-программирование,
http://ru.wikipedia.org/wiki/Веб-программирование
25 Лекция 3
ТОП
Лекция 3 26
Основа веб-технологии • HTML – стандартный язык разметки
документов во Всемирной паутин • XHTML – язык разметки веб-страниц, по
возможностям сопоставимый с HTML, созданный на базе XML
• CSS – технология описания внешнего вида документа, написанного языком разметки
• XML – текстовый формат, предназначенный для хранения структурированных данных, для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки
27 Лекция 3
Веб-технологии • JavaScript –объектно-ориентированный
скриптовый язык программирования • PHP – скриптовый язык программирования
общего назначения, интенсивно применяющийся для разработки веб-приложений
• Perl – высокоуровневый интерпретируемый динамический язык программирования общего назначения
• AJAX – подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером
28 Лекция 3
Веб-технологии • Adobe Flash и Microsoft Silverlight –
мультимедийные платформы, используемые для создания RIA-приложений, а также для интеграции видеороликов в веб-страницы.
• ASP.NET – технология создания веб-приложений и веб-сервисов от компании Microsoft
• Java
• Python
• Go и т.д.
29 Лекция 3
Интернет как средство массовой информации и хранилище веб-сайтов и веб-приложений. Интернет является популярным медиа и имеет свободный доступ
Лекция 3 30
Все постепенно «уходит» в Интернет
Самые популярные WA (примеры)
Развитие и разработки
Разработка и дизайн веб-сайтов
Разработка приложений
Связь
Веб хостинг
Поисковая оптимизация
Контент продается?
Платные услуги
E-рекрутинг …
и т.д.
Лекция 3 31
Постоянно меняется
Распределение пользователей Интернета
(учет аудитории)
Лекция 3 32
Возрастание потребности в Интернете
Телевизоры
Интернет
Радио
Газеты
Журналы
Лекция 3 33
Устройства, с помощью которых люди входят в Интернет
1. ПК 2. Ноутбук 3. Смартфон 4. Планшет 5. Сотовый
телефон 6. Телевизор
(Smart TV) 7. Игровые
консоли и так далее.
Лекция 3 34
1 2 3 4 5 6 7 1 2 3 4 5 6 7
Россия Москва
Маленький экран
69% (171%)
84% (190%)
Необходимы адаптивные сайты и веб-приложения
Мобильный интернет
• Социальные сети
• Поиск информации
• Новости, спорт, погода
• Электронная почта
• Прослушивание и загрузка музыки
• Карты / Навигатор
• Просмотр и загрузка видео и
изображений
• Загрузка приложений (кроме игр)
• Загрузка игр
• Сообщество (форумы, блоги, и т. д.).
Лекция 3 35
Необходимы адаптивные сайты и веб-приложения
Адаптивный веб-дизайн
Лекция 3 36
Задача
• Создать группу для разработки веб-приложения
• Найти тему (критерии: актуальность, новизна, коммерциализуемость)
• Распределить функции в группе
• И до 1 октября прислать мне на почту [email protected] данные о проекте: – Тема
– Список группы с функциями и почтовыми адресами
– ТЗ (цель разработки, постановка задачи, аналоги, технические требования, календарный план выполнения проекта (на 3 модуля))
Лекция 3 37