РИП. Лекция 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 октября прислать мне на почту nd-painting@list.ru данные о проекте: – Тема

– Список группы с функциями и почтовыми адресами

– ТЗ (цель разработки, постановка задачи, аналоги, технические требования, календарный план выполнения проекта (на 3 модуля))

Лекция 3 37