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

Содержание

Слайд 2

WWW = URL + HTTP + HTML

Веб-стек

Слайд 3

HTML-редакторы

средства визуального проектирования:
Amaya
KompoZer
Microsoft Visual Web Developer
Adobe Dreamweaver
и др.

Слайд 4

HTML-редакторы

средства для подготовки документов в исходных кодах (html-кодирование):
Блокнот
CoffeCup НTML Editor
Notepad++
Comodo Edit
и

др.

Слайд 5

HTML-редакторы

https://ru.wikipedia.org/wiki/Редактор_HTML

Слайд 6

Языки веб-разработки

Слайд 7

Языки веб-разработки

Языки веб-программирования можно условно разделить на две пересекающиеся группы:
клиентские
серверные.

Слайд 8

Скриптовые языки

Скриптовый язык - это язык программирования, который не преобразуется в машинные инструкции,

а сразу выполняется специальной программой – интерпретатором (script engine)
Программный код записанный на скриптовом языке называется скриптом (сценарием)
Распространенные скриптовые языки:
JavaScript
VBScript
Shell script
Perl
Python
Ruby

Слайд 9

Скрипты в web-приложениях

В web-приложениях скрипты могут выполняться и на компьютере клиента (браузером) и

на компьютере сервере (server-side script engine)

Слайд 10

Скрипты браузера

Скрипты позволяют расширить возможности документов HTML
Скрипт выполняется на клиентской машине при загрузке

документа при возникновении некоторых событий, например:
загрузка документа,
выгрузка,
передача фокуса элементу управления,
движение мыши и т.д.
Скрипты могут быть связаны с элементами управления (например, кнопками) для создания графического интерфейса пользователя.
Скрипты браузера обычно пишутся на:
JavaScript
VBScript

Слайд 11

Выполняемый браузером код (script)




+






Слайд 13

Динамический HTML

Скриптовые языки представляют собой активную часть динамического HTML, в то время, как

сам язык разметки HTML является статической частью
Изменения или доступ к HTML документу выполняются с помощью Объектной Модели Документов (Document Object Model, DOM). DOM это объектная модель, независимая от платформы и языка, для представления HTML или XML документов
Web браузеру не требуется DOM для отображения HTML документа. Однако, DOM требуется скриптам для динамической проверки или изменения Web страницы
Объединение скриптов на стороне клиента, языка HTML и модели DOM предоставляет мощное решение для реализации динамического поведения браузера

Слайд 14

Dynamic HTML (DHTML)

DHTML – термин, который используется для описания:
языки HTML и CSS
Cкрипты
DOM

– объектная модель документа которые позволяют изменять документ
Dynamic HTML основывается на объектной модели документа (которую должен создавать браузер)
Объектная модель документа – множество объектов, которые создает браузер при получении HTML документа, с которыми можно работать в скриптах.

Слайд 15

Объектная модель DHTML

The DHTML Document Object Model

Слайд 16

Серверные языки

Когда пользователь дает запрос на какую-либо страницу, то вызванная страница сначала обрабатывается

на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла
Работа программ уже полностью зависима от сервера, на котором расположен сайт.
К серверным языкам программирования можно отнести:
PHP
Perl,
Python
Ruby
любой .NET язык (технология ASP.NET)
Java
Groovy
и др.

Слайд 17

CMS: устройство, возможности

Слайд 18

CMS

Content Management System – информационная система (программа), используемая для обеспечения и организации процесса

создания, редактирования и управления содержимым (контентом)

Слайд 19

Для чего используется CMS

CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю

(разработчику) интерфейс для работы с содержимым сайта, удобные инструменты хранения и публикации информации, автоматизируя процессы размещения информации в базах данных и ее выдачи в формате HTML

Слайд 20

До CMS

Век «статики»
Сайт – набор текстовых файлов и изображений
Пользователи постоянно хотели большего!

Слайд 21

Проблема

Постраничная навигация
11 страниц новостей
При добавлении всего 1 новости Вам надо изменить …
Все 11

страниц!

Слайд 22

Решение проблемы

Динамическая страница — веб-страница, сгенерированная программно. Сервер генерирует HTML-код, зависящий от запроса

пользователя.
www.site.ru/news.php?page=3
www.site.ru/news.php?page=11
Программа news.php обрабатывает номер запрошенной страницы и возвращает нужные новости
11 страниц и только 1 программа news.php!

Слайд 23

CMS – это программа

Она состоит из множества таких программ как news.php
Основные функции CMS:
Добавление/Изменение/Удаление

информации на сайте
Отображение информации и взаимодействие с пользователями

Слайд 24

CMS – это программа

Основные части CMS:
Административная (управление информацией)
Публичная (отображение информации и взаимодействие)

Слайд 25

Простейшая CMS

Редактор статических страниц
Редактор новостей
Скрипт отображения новостей
База данных

Слайд 26

Устройство CMS

Слайд 27

Ядро

общее функционирование системы
взаимодействие всех модулей
распределение прав доступа
управление пользователями и политика безопасности
управление шаблонами

Слайд 28

API

API (Application Programming Interface) – набор функций, который программист может использовать для доступа

к функциональности программы, модуля, библиотеки.
Интерфейс CMS - функции CMS, которые можно использовать для управления информацией и ее отображения
вывести_список_пользователей();
сформировать_заказ(параметры);
удалить_элемент(параметры);

Слайд 29

Шаблонизатор

Задача – вывод данных в нужном виде
Шаблон – оформление данных (“дизайн”)

Слайд 30

Пример шаблона

Слайд 31

Шаблонизаторы

Популярные шаблонизаторы:
PHP
Smarty
XSL

Слайд 32

Базы данных

SQLite
MySQL
PostgreSQL
Microsoft SQL Server
Oracle

Слайд 33

Модули

Модуль – функционально законченная часть системы, выполняющая определенные задачи
Публикации
Каталог
Поиск
Фотогалерея

Слайд 34

Рейтинг CMS

Joomla!
WordPress
Drupal
1C-Bitrix

http://www.ratingruneta.ru/cms/

Слайд 35

Joomla!

CMS написанная на языках PHP и JavaScript, использующая СУБД MySQL
Свободное ПО
Простота установки и

настройки
Около 8000 дополнительных расширений
Встроенный визуальный редактор HTML - TinyMCE
Многоязычность

Слайд 36

WordPress

CMS написанная на языках PHP, использующая СУБД MySQL
Свободное ПО
Простота установки и настройки
Громадные библиотеки

«тем» и «плагинов» (~ 47 000)
Имя файла: Инструменты-разработки-интернет-систем.pptx
Количество просмотров: 64
Количество скачиваний: 0