Технологии
<<  Значение компьютерных технологий в жизни современного человека Современные технологии сайтостроения для решения бизнес-задач  >>
Современные веб-технологии и платформы
Современные веб-технологии и платформы
Цели презентации
Цели презентации
О лекторе
О лекторе
Что такое интернет
Что такое интернет
Пространство-сеть свободного обмена данными устройств-потребителей с
Пространство-сеть свободного обмена данными устройств-потребителей с
BackBone – подводные кабеля – «хребет» интернета В значительной мере
BackBone – подводные кабеля – «хребет» интернета В значительной мере
Тренды и тенденции
Тренды и тенденции
Интернет-сервера
Интернет-сервера
Виртуализация и «облака»
Виртуализация и «облака»
Популярные решения виртуализации
Популярные решения виртуализации
Некоторые особенности виртуализации
Некоторые особенности виртуализации
Хостинг – аренда виртуальных серверных ресурсов для размещения сайтов
Хостинг – аренда виртуальных серверных ресурсов для размещения сайтов
Маршрутизация в Интернет
Маршрутизация в Интернет
Уровни маршрутизации
Уровни маршрутизации
Ipv4 – старый формат ipv6 – новый формат ip-адресов
Ipv4 – старый формат ipv6 – новый формат ip-адресов
Доменные имена и DNS
Доменные имена и DNS
HTML, CSS и браузеры
HTML, CSS и браузеры
Некоторые особенности браузеров Почему сайты отображаются по-разному
Некоторые особенности браузеров Почему сайты отображаются по-разному
Back-end и front-end
Back-end и front-end
Генерация HTML-страниц
Генерация HTML-страниц
Популярные Back-end технологии для веб-разработки
Популярные Back-end технологии для веб-разработки
Популярные Front-end технологии
Популярные Front-end технологии
Интересные факты о Java Script Цена динамики пользовательского
Интересные факты о Java Script Цена динамики пользовательского
Технология AJAX – асинхронное обращение к серверу и обновление
Технология AJAX – асинхронное обращение к серверу и обновление
Какие будут вопросы по пройденному материалу
Какие будут вопросы по пройденному материалу
CMS – Системы управления контентом веб-сайтов
CMS – Системы управления контентом веб-сайтов
Что под капотом у сайта
Что под капотом у сайта
Для запуска сайта потребуются
Для запуска сайта потребуются
Основные функции CMS
Основные функции CMS
Дополнительные функции
Дополнительные функции
Wordpess – персональные блоги
Wordpess – персональные блоги
Google sites – статические сайты + интеграция внешних данных
Google sites – статические сайты + интеграция внешних данных
1С-Bitrix – популярная коммерческая платформа для любых сайтов Более
1С-Bitrix – популярная коммерческая платформа для любых сайтов Более
1С-Bitrix – управление сайтом
1С-Bitrix – управление сайтом
Какие будут вопросы по пройденному материалу
Какие будут вопросы по пройденному материалу
Корпоративный портал «Битрикс 24» Коробочный и облачный вариант
Корпоративный портал «Битрикс 24» Коробочный и облачный вариант
Об управлении веб-проектами
Об управлении веб-проектами
Разделы технического задания «Кто», «что» и «как»
Разделы технического задания «Кто», «что» и «как»
Минусы подробного ТЗ или почему важно прототипирование
Минусы подробного ТЗ или почему важно прототипирование
Почему в жизни сложна «водопадная» схема ведения веб-проектов и
Почему в жизни сложна «водопадная» схема ведения веб-проектов и
Некоторые особенности Agile-проекта Scrum – мини-этапы («спринты»),
Некоторые особенности Agile-проекта Scrum – мини-этапы («спринты»),
Jira – популярная система ведения проектов от компании atlassian 2
Jira – популярная система ведения проектов от компании atlassian 2
Лучшие решения для Jira на Atlassian Marketplace
Лучшие решения для Jira на Atlassian Marketplace
Bitbucket
Bitbucket
Какие будут вопросы по пройденному материалу
Какие будут вопросы по пройденному материалу

Презентация: «Современные веб-технологии и платформы». Автор: User. Файл: «Современные веб-технологии и платформы.ppt». Размер zip-архива: 2958 КБ.

Современные веб-технологии и платформы

содержание презентации «Современные веб-технологии и платформы.ppt»
СлайдТекст
1 Современные веб-технологии и платформы

Современные веб-технологии и платформы

Алексей Шоркин – директор «Нью Айти Аутсорс»

2 Цели презентации

Цели презентации

Получить краткий обзор устройства интернета, сайтов и веб-проектов Понять, какие технологии и языки разработки сегодня распространены Узнать о популярных программных решениях для создания веб-сайтов Ознакомиться с особенностями и этапами ведения веб-проектов Представить аппаратную составляющую и процессы администрирования Цель - улучшить собственные учебные курсы и создать новые

3 О лекторе

О лекторе

Алексей Шоркин Выпускник БГУИР, преподавал в БНТУ Основатель нескольких IT-компаний Автор ряда специализированных статей Постоянный докладчик отраслевых конференций Участник более 200 веб-проектов с 2003 года: Сайты, веб-порталы, банковское ПО, мобильные решения, электронная коммерция Международные конкурсы: Тибо, «Золотой сайт»

4 Что такое интернет

Что такое интернет

Компьютерная сеть: миллионы серверов, миллиарды потребителей и сайтов Провайдеры, IP-адреса и домены Сайты - страницы, базы данных Email и поисковые системы Интеграция и обмены данными

5 Пространство-сеть свободного обмена данными устройств-потребителей с

Пространство-сеть свободного обмена данными устройств-потребителей с

серверами и между собой

Интернет-траффик – это любые передаваемые данные Траффик – это также количество потребителей

6 BackBone – подводные кабеля – «хребет» интернета В значительной мере

BackBone – подводные кабеля – «хребет» интернета В значительной мере

дополняется наземными коммуникациями

7 Тренды и тенденции

Тренды и тенденции

Количество мобильных устройств (планшеты, мобильные) обгоняет компьютеры Подключенные устройства - Intenet of things - от видеокамер до холодильников Популярность облачных технологий - машстрабируемые сервера и ПО “в аренду” Доменные имена на национальных языках, например “сайт.ру” Новые доменные зоны - целые слова, например .network, .moskow, .univercity P2P траффик (торренты) и технический траффик - составляют огромный процент

8 Интернет-сервера

Интернет-сервера

Компьютеры с постоянным соединением с интернет Установленное ПО: операционная система, веб-сервер и сервер баз данных Сайты – как папки в «шкафу-сервере» В каждом сайте - хранимые данные -- статические файлы -- программный код -- записи БД

9 Виртуализация и «облака»

Виртуализация и «облака»

«Нарезка» мощностей реальных компьютеров на меньшие «виртуальные» Гибкое изменение объема диска, памяти, мощности процессора -- централизованное управление -- оптимальное потребление ресурсов -- легкое масштабирование Облачная система – это комплекс серверов, объединенных для «нарезки»

10 Популярные решения виртуализации

Популярные решения виртуализации

Виртуализация реальных компьютеров («гипервизоры»): VM Ware ESXi Hypervisor – на Centos, бесплатный Microsoft Hyper-V – в Windows Server - 2008 / 2012 Облачная виртуализация – оплата за время работы Amazon AWS – бесплатно 1й год для минимальной мощности Microsoft Azure

11 Некоторые особенности виртуализации

Некоторые особенности виртуализации

Возможность получать огромную мощность, объемы памяти и диска Отказоустойчивость и автоматическая репликация для «страховки» Виртуальные жесткие диски - проще делать резервное копирование Территориальное распределение облачных площадок по всему миру Content Delivery Network - ближайший сервер отдает контент быстрее

12 Хостинг – аренда виртуальных серверных ресурсов для размещения сайтов

Хостинг – аренда виртуальных серверных ресурсов для размещения сайтов

Тарифные планы хостинга различаются по: Мощности виртуального процессора Объема памяти и дискового пространства Скорости дисковых операций (тип HDD/SSD) Объем включенного траффика Установленное ПО – ОС Windows / Linux , Базы данных Фиксированные или гибкие («облачные») тарифные планы Панель для управления, мониторинга и технической поддержки

13 Маршрутизация в Интернет

Маршрутизация в Интернет

Как потребители и серверы находят друг друга

Сетевые устройства: карты (Ethernet, Wi-Fi, GSM), коммутаторы, маршутизаторы Каждый потребитель и сервер имеет сетевое устройство – «сетевую карту» с MAC- и IP-адресом MAC-адреса – «физические», неизменные адреса сетевых устройств – выдаются заводом- изготовителем устройства, например, 84-4B-F5-34-20-B1 IP-Адреса– «логические», изменяемые адреса сетевых устройств, например, 192.168.0.1 Назначаются администраторами для организации сетей разного масштаба: мира, страны, офиса Одно и то же устройство (то есть его сетевая карта) в разных сетях может иметь разные IP-адреса. Коммутаторы и маршрутизаторы сопоставляют MAC-адреса и IP-адреса устройства находили друг друга; определяют, по какому пути данные пройдут от отправителя к получателю. И путей этих — бесчисленное множество

14 Уровни маршрутизации

Уровни маршрутизации

15 Ipv4 – старый формат ipv6 – новый формат ip-адресов

Ipv4 – старый формат ipv6 – новый формат ip-адресов

Интернет растет очень быстро. Устройств-потребителей уже миллиарды Старые адреса формата IPv4 (32 бита - 255.255.255.255) исчерпываются Разработан новый стандарт IP-адресов - IPv6 (128 бит для длины адреса) 8 сегментов, каждый представляет 4х-значное шестнадцатеричное число пример: fe80:0:0:0:200:f8ff: fe21:67cf 1 2 3 4 5 6 7 8 Старые устройства не поддерживают IPv6 => постепенный переход

16 Доменные имена и DNS

Доменные имена и DNS

Доменное имя – это логический символьный адрес сайта Состоит из имени и зоны, например TUT.BY или GOOGLE.COM Зоны бывают интернациональные, национальные и тематические За каждую зону отвечает регистратор. Регистрация на срок. Сопоставление IP адреса и домена и выполняется на DNS-сервере DNS-серверы автоматически синхронизируются по всему миру за 2-48 часов

17 HTML, CSS и браузеры

HTML, CSS и браузеры

HTML - Hyper Text Markup Language - язык для представления веб-информации Ссылки между документами, шаблоны расположения, стили для текстов, таблиц CSS - вспомогательный язык для стилизации HTML-страниц HTML и CSS представляют статическую информацию (в отличии от PHP) Браузер – ПО для интерпретации и отображения HTML-страниц пользователю Через браузер пользователь запрашивает сайты по доменному имени (адресу) Сервер «отвечает» на запрос браузера потребителя по адресу, формирует и отдает HTML - «контент» - который принимается и визуализируется браузером

18 Некоторые особенности браузеров Почему сайты отображаются по-разному

Некоторые особенности браузеров Почему сайты отображаются по-разному

Открытые развивающиеся стандарты HTML, CSS, JS и др. Разработчики браузеров применяют стандарты по-своему Разработчики сайтов не всегда применяют ? Соревнования браузеров за скорость, качество Браузеры развиваются и имеют версионность Рынок приложений-расширений для браузеров

19 Back-end и front-end

Back-end и front-end

Браузер отображает сформированный контент напрямую пользователю – Front-End: HTML, CSS, JS Чтобы сформировать контент, его нужно вначале запросить у БД и обработать – Back-End: PHP, MySQL

20 Генерация HTML-страниц

Генерация HTML-страниц

Браузер

Хостинг-сервер

21 Популярные Back-end технологии для веб-разработки

Популярные Back-end технологии для веб-разработки

Linux-серверы Веб-серверы: Apache, Nginx Языки: PHP, Ruby, Python Базы данных: MySQL, PostgreSQL

Windows-серверы tomcat, IIS java, ASP.Net, visual basic microsoft SQL, oracle DB

22 Популярные Front-end технологии

Популярные Front-end технологии

Не зависят от операционной системы, но зависят от браузера Front-end разработка требует тестирования на разных видах устройств Java Script (JS) – язык, динамически исполняемый внутри браузера Jquery – самая популярная JS-библиотека для современных браузеров Jquery Mobile – для мобильных браузеров BootStrap – библиотека и стандарт для кроссплатформенной HTML версии 5 – стандарт в разработке, но уже применяющийся

23 Интересные факты о Java Script Цена динамики пользовательского

Интересные факты о Java Script Цена динамики пользовательского

интерфейса

Java-script – де-факто №1 в мире, сегодня он есть везде Язык JS ценится, но имеет серьезные недостатки Jquery и другие библиотеки облегчают работу с JS Конкуренты – Adobe Flash, Microsoft Silverlight – уходят Самая популярная книга – «JavaScript, the Good Parts» (Что есть хорошего в JavaScript) Пока нет явного кандидата на замену…

24 Технология AJAX – асинхронное обращение к серверу и обновление

Технология AJAX – асинхронное обращение к серверу и обновление

фрагментов данных без перезагрузки всей HTML-страницы

Браузер

Хостинг-сервер

Интерпретация станицы браузером

Интерпретация фрагмента станицы браузером

25 Какие будут вопросы по пройденному материалу

Какие будут вопросы по пройденному материалу

Алексей Шоркин a1@newsite.by

Спасибо за внимание!

26 CMS – Системы управления контентом веб-сайтов

CMS – Системы управления контентом веб-сайтов

Алексей Шоркин – директор «Нью Айти Аутсорс»

27 Что под капотом у сайта

Что под капотом у сайта

CMS – Content Management System

Системное окружение Основные принципы систем управления контентом Обзор нескольких CMS Wordpress – персональные блоки Google-Sites – статические сайты 1С-Битрикс – популярная корпоративная система Marketplace – рынок приложений для CMS Дополнительные сервисы

28 Для запуска сайта потребуются

Для запуска сайта потребуются

Сервер – хостинг или локальный компьютер (Amazon EC2 – 1 год EC2 free) Веб-окружение (пример для Linux) Веб-сервер Apache + СУБД MySQL или «готовый комплект» Denver / XAMPP Панель управления хостингом зачастую предлагает в предустановленном виде Установочный файл CMS – на официальном сайте Возможно, языковая локализация Документация по установке и эксплуатации FTP-менеджер (FileZilla) SSH-доступ (желательно)

29 Основные функции CMS

Основные функции CMS

Административная панель Возможность создавать статические страницы с html-контентом, таблицами, графикой, ссылками на файлы Типовые шаблоны для структурированной информации (новости, галерея, списки и др.) Управление меню и подменю сайты Поисковая система, встроенная или внешняя (например, Google или Sphinx) Регистрация, авторизация Формы для отправки информации

30 Дополнительные функции

Дополнительные функции

Создание сущностей с разными свойствами (абстракция таблиц БД) с интерфейсом «Правила игры» для разработки собственных модулей: архитектура и синтаксис Функции электронной коммерции (каталог, корзина и др.) Статистика посещаемости, протоколирование действий Защитные функции («черный список IP», Captcha, антивирус), резервное копирование Интеграционные функции (внешняя авторизация, картография, экспорт-импорт) Дополнительные модули из «Marketplace»

31 Wordpess – персональные блоги

Wordpess – персональные блоги

Лента сообщений: статей, новостей, заметок, галерей Категоризация и поиск Комментарии посетителей Собственные плагины Marketplace (~30.000 модулей): Интеграция с соц.сетями – «перепост» (авто-перепубликация) Стилизация для компании / организации, выпадающие меню-подменю Контактные формы, подписки на рассылку и многое другое Обращайте внимание на популярность, зрелость версий, отзывы и кол-во скачиваний!

32 Google sites – статические сайты + интеграция внешних данных

Google sites – статические сайты + интеграция внешних данных

Библиотека готовых (учебных) сайтов Управление меню и подменю Шаблоны сущностей страниц: базовая, объявления, списки, файлы Макеты разметки контент-части: колонки / блоки Google-сервисы: Календарь, Диск, Docs, Диаграммы, G+, Maps, YouTube, Translate и др. Управление доступом и публикацией. История изменений. Плагины от известных компаний: facebook, twitter, instagramm Marketplace и динамические «гаджеты» c настройками google.com/gadgets/directory

33 1С-Bitrix – популярная коммерческая платформа для любых сайтов Более

1С-Bitrix – популярная коммерческая платформа для любых сайтов Более

100.000 проектов СНГ, более 10.000 компаний-разработчиков

Управление сайтом, магазином и другими типами веб-проектов Демо-версия на 30 дней + «лаборатория на 3 часа» Документация и бесплатные онлайн-курсы Корпоративный портал «Битрикс 24» бесплатно на 10 пользователей и 5 ГБ Богатая функциональность для типовых задач компаний: внешних и внутренних Безопасность, скорость, мобильность, торговля/склад, CRM, телефония, интеграция с 1С Типовые решения: УО, УЗ, ГУ, ОВ, ЖКХ, Конференция. Легкий старт для новичков. Marketplace с бесплатными и коммерческими модулями

34 1С-Bitrix – управление сайтом

1С-Bitrix – управление сайтом

Редакции по возрастанию сложности Модули, меню, страницы и динамические компоненты Демонстрационные сайты, компоненты и контент Информационные блоки – конструктор сущностей Торговый каталог: товары, цены, склады, остатки, заказы, скидки, налоги, остатки, заказы Масштабирование: кластеры, интеграция с «облачными» хранилищами, CDN Многосайтовость и мобильные версии Система обновлений и Marketplace. Внутренний контроль качеств.

35 Какие будут вопросы по пройденному материалу

Какие будут вопросы по пройденному материалу

Алексей Шоркин a1@newsite.by

Спасибо за внимание!

36 Корпоративный портал «Битрикс 24» Коробочный и облачный вариант

Корпоративный портал «Битрикс 24» Коробочный и облачный вариант

Эко-система для организации. Внутренний сайт и инфоцентр. Справочник сотрудников, отпуска/отсутствия, ДР, прием/уход Задачи, статусы, приемка и отчетность. Проектные группы. Электронные заявки для типовых нужд. Техподдержка пользователей. Прозрачный контроль. Документы/файлы и версии, разграничения доступа и утверждения Обучение и тестирование. Опросы. Идеи. Новости и микроблоги. Галереи и события. Интеграция с сайтом, 1С, Windows-доменами и AD, Календарями (Google, iOS, Outlook) CRM и Телефония

37 Об управлении веб-проектами

Об управлении веб-проектами

Водопадная модель и Agile-модель Команда: аналитик, проектировщик, дизайнер, front-back разработчики, тестировщик, проект-менеджер Требования и техническое задание Корневые системы – «трекер» задач и статусов, планирование, тесты, контроль версий кода и сборок

38 Разделы технического задания «Кто», «что» и «как»

Разделы технического задания «Кто», «что» и «как»

Разделы, подразделы, элементы и сущности Основные сценарии – epics и user stories Роли и полномочия групп пользователей и администраторов Прототипы – укрупненные чертежи экранов (ПО – RP Axure и Balsamiq) Функциональные требования и кейсы, требуемые показатели, UML-схемы Окружение пользователя – устройства, версии ОС, браузеры, экраны, сеть Производительность (мощность железа и план по траффику), безопасность

39 Минусы подробного ТЗ или почему важно прототипирование

Минусы подробного ТЗ или почему важно прототипирование

Хорошее ТЗ – большое и подробное ТЗ. Его не читают. Прототипы – легкая версия ТЗ, наглядность без погружения детали Скорость и относительно низкая себестоимость производства прототипов Оперативная корректировка / согласование с Заказчиком База для будущей детализации и доп.описания («кто», «что» и «как») Секрет согласования прототипов – «Согласен, Не согласен, Поясните»

40 Почему в жизни сложна «водопадная» схема ведения веб-проектов и

Почему в жизни сложна «водопадная» схема ведения веб-проектов и

популярны гибкие Agile-методики?

Водопад предполагает конечную точку в проекте и детальное ТЗ Современные Веб-проекты динамично развиваются и не имеют «конца» Возможных вариантов функциональности очень много, выбрать «все» нельзя Заказчик имеет ограничения по времени (понимания и сдача) и по бюджету Решение – Agile - гибкая поэтапная разработка без ТЗ с частыми «выпусками» Циклы работ по 1-2 недели – «спринты», после запуска спринт не меняется Быстрая обратная связь и частые коммуникации. Минимум незавершенки.

41 Некоторые особенности Agile-проекта Scrum – мини-этапы («спринты»),

Некоторые особенности Agile-проекта Scrum – мини-этапы («спринты»),

Kanban - поток

Изучить лучшие решения (детально по страницам-компонентам-состояниям) Собрать базу возможную функционала, «фишек» и кейсов Расставить приоритеты и оценить «примерный размер» каждого кейса Определить формат: Scrum / Kanban, размер спринта для Scrum и «MAX-N» Договориться о статусах и нужной для данного проекта глубине документации Запланировать команду и назначить ответственного – «Agile-мастера» Проводить регулярные встречи, планирование и ретроспективы спринтов Делать командные презентации заказчику и представлять работу каждого

42 Jira – популярная система ведения проектов от компании atlassian 2

Jira – популярная система ведения проектов от компании atlassian 2

варианта – в «облаке» и на собственном win-сервере

Список проектов и задач/подзадач/ошибок с описаниями и приоритетами Исполнители и статусы, email-уведомления Настраиваемые бизнес-процесс прохождения задач по системе статусов Комментарии, общение, наблюдение, поиск запросов (язык JQL) и фильтры Укрупненное планирование сроков и трудозатрат Отметки о затраченном времени и множественные отчеты Права доступа, группы пользователей и безопасность, доступ Заказчику и SLA Marketplace, экспорт-импорт задач и интеграция с другими системами Rest API

43 Лучшие решения для Jira на Atlassian Marketplace

Лучшие решения для Jira на Atlassian Marketplace

Agile – гибкое планирование и исполнение проектов по Scrum / Kanban Tempo – учет и план трудозатрат на задачи, отчетность, «приемка» часов Structure – древовидное управление задачами, требованиями Ceptah Bridge – выгрузка в Microsoft Project Capture – тестирование в броузерах (расширение для популярных) Confluence – wiki-система (мини-CMS), управление требованиями и паспорта Рекомендуется смотреть рейтинг, зрелость, отзывы модулей и пробуйте их! Русский язык

44 Bitbucket

Bitbucket

org – облачная система GIT для хранения кода Версионность, ветвление и командная работа

Бесплатно для персональных / учебных нужд Список файлов, история изменения каждого файла История изменений проекта – коммиты, файлы и авторы Ветки разработки, визуализация расхождения, слияния, параллельная работа Состав команды и полномочия Комментирование и приемка кода ведущими разработчиками (Pull-request) «Хуки» для автоматизации развертывания Связь с Jira-запросами, задачами, ошибками

45 Какие будут вопросы по пройденному материалу

Какие будут вопросы по пройденному материалу

Алексей Шоркин, директор «Нью Айти Аутсорс» a1@newsite.by

Спасибо за внимание!

«Современные веб-технологии и платформы»
http://900igr.net/prezentacija/pedagogika/sovremennye-veb-tekhnologii-i-platformy-90869.html
cсылка на страницу
Урок

Педагогика

135 тем
Слайды
900igr.net > Презентации по педагогике > Технологии > Современные веб-технологии и платформы