SlideShare una empresa de Scribd logo
1 de 21
Краткий обзор основных технологий
разработки WEB-приложений
Выполнила учащаяся 10 «Б» «Гимназии №35 г.Минска»
Есманович Анастасия
Краткий обзор основных
технологий разработки WEB-
приложений
Метаописания
Структура системы
WEB-приложение, использующее метаописания
Классическая организация WEB-приложения
Преимущества и недостатки WEB-технологий
План презентации
Примеры решений в разработанных системах
Выводы
 распределенность (пользователь может
работать с системой из любого места,
связанного с WEB-сервером по сети, находясь
в любой точке земного шара);
 переносимость (Web-клиенты (браузеры)
существуют для любых платформ, от
настольных компьютеров до сотовых
телефонов. Web-сервера используются для
большинства платформ, а Web-приложения
обычно пишутся на переносимых языках);
 привычность интерфейса (почти каждый
пользователь компьютера хотя бы раз
запускал браузер и работал в нем);
 простота установки и обслуживания (новую
версию web-приложения не надо
устанавливать на все компьютеры –
достаточно установить на сервер).
Основные преимущества WEB-технологий
• Пользователи не любят
гигантских окошек с
сотнями полей ввода, а
программисты и
разработчики интерфейсов
почему-то любят. Web как
раз не поощряет сложный
интерфейс, скорее
поощряет простой.
• Создавать HTML из
шаблонов куда проще и
удобнее, чем создавать
графические приложения
визуальными редакторами
интерфейсов
• 3х-уровневая
архитектура: база
данных – логика
приложения (сервер) –
логика представления
(клиент, браузер)
Простота
интерфейса
Простота
программирова-
ния интерфейса
Особенности WEB технологий
Простота
программиро-
вания вообще
 недостаточно развитый интерфейс
HTML;
 необходимость программирования на
разных языках (Java (CGI, Perl, ASP.NET
и т.д.), HTML, JavaScript и другие);
 написание переносимых страниц с
помощью HTML/CSS/JavaScript -
довольно сложная задача (каждый
браузер, а иногда и каждая версия
браузера имеет свою модель
документа и событий, свою
реализацию стилей);
 не запоминается состояние сеанса;
 инициатор событий всегда клиент.
Недостатки WEB-технологий
Вывод
Недостатки
осложняют
труд
разработчика
Преимущества
облегчают работу
пользователей и
администраторов систем!
Прикладные данные
Страницы
формирования
форм ввода
HTML
формы
ввода
СерверБДВеб-серверКлиент
запрос
Страницы
формирования
отчетов
Отчетные
документы
запрос
и т.д...
и т.д...
запрос
Классическая организация структуры WEB-приложения
 каждой форме ввода, отчету
соответствует HTML-
страница;
 при изменении формы ввода,
отчета необходимо изменять
соответствующую страницу в
программе;
 изменения в системе должен
производить программист
Структура WEB-приложения с использованием метаописателей
 описание форм ввода,
отчетов содержится в
метаописателях, для их
изменения обычно
достаточно исправить
описание (записи в базе
данных);
 при изменении формы ввода,
отчета часто достаточно
изменить описание,
исправления в программе не
производятся;
 внести изменения в системе
может и опытный
пользователь
Метаописатели
Прикладные данные
Универсальные страницы
формирования контента на
основе метаописателей
Страницы
формирования
форм ввода
HTML
формы
ввода
СерверБДВеб-серверКлиент
Отчетные документы,
HTML, Графики, и т.д.
запрос
запрос
Страницы
формирования
отчетов
Отчетные
документы
запрос
и т.д...
и т.д...
запрос
ЯДРО СИСТЕМЫ
Наиболее распространенные задачи АИС:
 аутентификация и авторизация
пользователей;
 ведение журналов доступа к системе;
 внесение новых и корректировка
имеющихся данных;
 обработка и обобщение данных,
получение отчетных данных на основе
учетной информации;
 планирование различного рода
процессов и работ на основе имеющейся
в базе данных информации;
 формирование выходных документов,
отчетов;
 экспорт-импорт данных между
распределенными узлами системы, не
включенными в одну сеть;
 прием и передача данных,
взаимодействие со сторонними
системами;
 документооборот.
Ядро системы обеспечивает
автоматизированное создание,
модификацию,
развитие системы
с использованием тех же
механизмов, которые обеспечивают
решение прикладных задач
WEB Сервер
Модуль обработки
данных.
Кэш данных.
Модуль
безопасности
Сервер БД
Метаописания Справочные данные Оперативные данные
Процедуры и функции работы с данными
Клиент
Web Браузер
jsp и сервлеты
ядра системы
Вспомогательные
классы ядра
системы
Шлюзы обмена данными с
существующими системами
Клиент
Web Браузер
Клиент
Web Браузер
jsp и сервлеты прикладного
ПО системы
Модуль
протоколирования
Модуль
формирования
отчетов
Библиотека классов
прикладного ПО системы
Модуль визуализации
картографической информации
Ядро системы
Структура системы
Метаописания
Метаописание- набор
таблиц системы,
содержащих описание
самой системы
форм
ввода
данных
структур
данных
запросов
на данные
отчетов
Метаописания
Описание структур
данных содержит
физическое
представление
информации
(в терминологии БД)
прикладное,
пользовательское
представление
информации
(в терминологии
пользователя)
Схема описания структур данных
и использования описаний запросов
на данные
Перенастраивать формы ввода,
изменять структуры отчетов,
формировать произвольные отчеты
может пользователь системы без
участия разработчика
Описатель полей
запроса
Оперативные данные
Описатель схем
Описатель таблиц
Описатель полей
Таблица 1 Таблица M Таблица 1 Таблица N Таблица 1 Таблица J
Поля
таблицы
Поля
таблицы
Поля
таблицы
Поля
таблицы
Поля
таблицы
Поля
таблицы
Схема 1 Схема 2 Схема 3
Описатель
структур
Описатель
запроса
Общая
информация
Среда функционирования мультиплатформенная
Web-сервер:
Apache Tomcat
СУБД:
PostgreSQL*
OpenOffice 3 -
для отчетов*
Клиент: браузер
Mozilla FireFox*
Язык
программиро-
вания: Java
* либо другие – по
желанию заказчика
включают возможности:
 корректировки структур
данных путем
редактирования описаний
таблиц и полей таблиц;
 создания произвольных
пользовательских запросов на
данные по таблицам;
 подключения запросов на
данные к макетам в формате
OpenOffice.
Средства развития системы
Структурная схема организации распределенной системы
Узел
районный
Узел
областной
Узел
областной
Узел
районный
Узел
районный
Узел
районный
Узел
Центр.
ОАИС
...
...
...
Обобщенная схема обмена информацией в системе
Планирование
ресурсов
Обобщение по району
Учет ресурсов
Упрощенная функциональная схема
Планирование
ресурсов по районам
Обобщение по области
Планирование
ресурсов по областям
Обобщение по
республике
Ведение НСИ
Районный уровень Областной уровень Республиканский
уровень
Преимущества используемых решений
Опытный
пользователь
системы может
переформиро-
вывать отчеты,
изменять
расположение
данных на форме
ввода без участия
разработчика
Пользователь
системы имеет
возможность
самостоятель-
но без участия
разработчика
формировать
собственные
запросы на
данные.
Администратор системы,
обладающий высокой
квалификацией, имеет
возможность самостоятельно
без участия разработчика
модифицировать структуры
данных системы без
изменения программного
кода системы.
Все
преимущ
ест-ва,
которые
дает
использо
вание
интернет-
технологи
й
Спасибо за внимание!

Más contenido relacionado

Similar a Краткий обзор основных технологий разработки Web приложений

СЭД, которой можно доверять
СЭД, которой можно доверятьСЭД, которой можно доверять
СЭД, которой можно доверятьИнтерТраст
 
Api Microsoft Loghechkin
Api Microsoft LoghechkinApi Microsoft Loghechkin
Api Microsoft LoghechkinAlex Ilyin
 
2 виды и особенности клиент серверных систем с бд
2 виды и особенности клиент серверных систем с бд2 виды и особенности клиент серверных систем с бд
2 виды и особенности клиент серверных систем с бдKewpaN
 
Roman Zdebskiy - Client vs. Browser
Roman Zdebskiy - Client vs. BrowserRoman Zdebskiy - Client vs. Browser
Roman Zdebskiy - Client vs. BrowserAndrew Mayorov
 
4 особенности платформы microsoft .net для разработки корпоративных систем
4 особенности платформы microsoft .net для разработки корпоративных систем4 особенности платформы microsoft .net для разработки корпоративных систем
4 особенности платформы microsoft .net для разработки корпоративных системKewpaN
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NETMedia Gorod
 
5 создание графического интерфейса пользователя
5 создание графического интерфейса пользователя5 создание графического интерфейса пользователя
5 создание графического интерфейса пользователяKewpaN
 
техническая разработка сайтов(2)
техническая разработка сайтов(2)техническая разработка сайтов(2)
техническая разработка сайтов(2)Ольга Куликова
 
Техническая разработка сайтов
Техническая разработка сайтовТехническая разработка сайтов
Техническая разработка сайтовОльга Куликова
 
Лекции и задания по рнр
Лекции и задания по рнрЛекции и задания по рнр
Лекции и задания по рнрRauan Ibraikhan
 
Windows Server 2008 семинар 15.05
Windows Server 2008   семинар 15.05Windows Server 2008   семинар 15.05
Windows Server 2008 семинар 15.05Alexander Babich
 
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовРеализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовSQALab
 
Open Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesOpen Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesAliaksandr Ikhelis
 
Миграция БД - практический_подход с инструментами Embarcadero
Миграция БД - практический_подход с инструментами EmbarcaderoМиграция БД - практический_подход с инструментами Embarcadero
Миграция БД - практический_подход с инструментами EmbarcaderoAndrew Sovtsov
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsSQALab
 
InterBank RS - новая версия системы электронного банковского обслуживания
InterBank RS - новая версия системы электронного банковского обслуживанияInterBank RS - новая версия системы электронного банковского обслуживания
InterBank RS - новая версия системы электронного банковского обслуживанияsoftlab
 
AiCare - самоорганизующийся сервис управления
AiCare - самоорганизующийся сервис управленияAiCare - самоорганизующийся сервис управления
AiCare - самоорганизующийся сервис управленияКварта Технологии
 
Потоковая обработка данных и Микросервисная архитектура
Потоковая обработка данных и Микросервисная архитектураПотоковая обработка данных и Микросервисная архитектура
Потоковая обработка данных и Микросервисная архитектураVyacheslav Benedichuk
 

Similar a Краткий обзор основных технологий разработки Web приложений (20)

СЭД, которой можно доверять
СЭД, которой можно доверятьСЭД, которой можно доверять
СЭД, которой можно доверять
 
Api Microsoft Loghechkin
Api Microsoft LoghechkinApi Microsoft Loghechkin
Api Microsoft Loghechkin
 
2 виды и особенности клиент серверных систем с бд
2 виды и особенности клиент серверных систем с бд2 виды и особенности клиент серверных систем с бд
2 виды и особенности клиент серверных систем с бд
 
Naumen Network Manager. Мониторинг, понятный и так нужный Бизнесу
Naumen Network Manager. Мониторинг, понятный и так нужный БизнесуNaumen Network Manager. Мониторинг, понятный и так нужный Бизнесу
Naumen Network Manager. Мониторинг, понятный и так нужный Бизнесу
 
Roman Zdebskiy - Client vs. Browser
Roman Zdebskiy - Client vs. BrowserRoman Zdebskiy - Client vs. Browser
Roman Zdebskiy - Client vs. Browser
 
4 особенности платформы microsoft .net для разработки корпоративных систем
4 особенности платформы microsoft .net для разработки корпоративных систем4 особенности платформы microsoft .net для разработки корпоративных систем
4 особенности платформы microsoft .net для разработки корпоративных систем
 
1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET1С-Битрикс: Управление сайтом Версия .NET
1С-Битрикс: Управление сайтом Версия .NET
 
5 создание графического интерфейса пользователя
5 создание графического интерфейса пользователя5 создание графического интерфейса пользователя
5 создание графического интерфейса пользователя
 
техническая разработка сайтов(2)
техническая разработка сайтов(2)техническая разработка сайтов(2)
техническая разработка сайтов(2)
 
Техническая разработка сайтов
Техническая разработка сайтовТехническая разработка сайтов
Техническая разработка сайтов
 
Лекции и задания по рнр
Лекции и задания по рнрЛекции и задания по рнр
Лекции и задания по рнр
 
Windows Server 2008 семинар 15.05
Windows Server 2008   семинар 15.05Windows Server 2008   семинар 15.05
Windows Server 2008 семинар 15.05
 
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментовРеализация тестового фреймворка на основе OPEN-SOURCE инструментов
Реализация тестового фреймворка на основе OPEN-SOURCE инструментов
 
Open Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practicesOpen Source Testing Framework: real project example and best practices
Open Source Testing Framework: real project example and best practices
 
Миграция БД - практический_подход с инструментами Embarcadero
Миграция БД - практический_подход с инструментами EmbarcaderoМиграция БД - практический_подход с инструментами Embarcadero
Миграция БД - практический_подход с инструментами Embarcadero
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
 
InterBank RS - новая версия системы электронного банковского обслуживания
InterBank RS - новая версия системы электронного банковского обслуживанияInterBank RS - новая версия системы электронного банковского обслуживания
InterBank RS - новая версия системы электронного банковского обслуживания
 
AiCare - self-organizing device management service
AiCare - self-organizing device management serviceAiCare - self-organizing device management service
AiCare - self-organizing device management service
 
AiCare - самоорганизующийся сервис управления
AiCare - самоорганизующийся сервис управленияAiCare - самоорганизующийся сервис управления
AiCare - самоорганизующийся сервис управления
 
Потоковая обработка данных и Микросервисная архитектура
Потоковая обработка данных и Микросервисная архитектураПотоковая обработка данных и Микросервисная архитектура
Потоковая обработка данных и Микросервисная архитектура
 

Краткий обзор основных технологий разработки Web приложений

  • 1. Краткий обзор основных технологий разработки WEB-приложений Выполнила учащаяся 10 «Б» «Гимназии №35 г.Минска» Есманович Анастасия
  • 2. Краткий обзор основных технологий разработки WEB- приложений
  • 3. Метаописания Структура системы WEB-приложение, использующее метаописания Классическая организация WEB-приложения Преимущества и недостатки WEB-технологий План презентации Примеры решений в разработанных системах Выводы
  • 4.  распределенность (пользователь может работать с системой из любого места, связанного с WEB-сервером по сети, находясь в любой точке земного шара);  переносимость (Web-клиенты (браузеры) существуют для любых платформ, от настольных компьютеров до сотовых телефонов. Web-сервера используются для большинства платформ, а Web-приложения обычно пишутся на переносимых языках);  привычность интерфейса (почти каждый пользователь компьютера хотя бы раз запускал браузер и работал в нем);  простота установки и обслуживания (новую версию web-приложения не надо устанавливать на все компьютеры – достаточно установить на сервер). Основные преимущества WEB-технологий
  • 5. • Пользователи не любят гигантских окошек с сотнями полей ввода, а программисты и разработчики интерфейсов почему-то любят. Web как раз не поощряет сложный интерфейс, скорее поощряет простой. • Создавать HTML из шаблонов куда проще и удобнее, чем создавать графические приложения визуальными редакторами интерфейсов • 3х-уровневая архитектура: база данных – логика приложения (сервер) – логика представления (клиент, браузер) Простота интерфейса Простота программирова- ния интерфейса Особенности WEB технологий Простота программиро- вания вообще
  • 6.  недостаточно развитый интерфейс HTML;  необходимость программирования на разных языках (Java (CGI, Perl, ASP.NET и т.д.), HTML, JavaScript и другие);  написание переносимых страниц с помощью HTML/CSS/JavaScript - довольно сложная задача (каждый браузер, а иногда и каждая версия браузера имеет свою модель документа и событий, свою реализацию стилей);  не запоминается состояние сеанса;  инициатор событий всегда клиент. Недостатки WEB-технологий
  • 8. Прикладные данные Страницы формирования форм ввода HTML формы ввода СерверБДВеб-серверКлиент запрос Страницы формирования отчетов Отчетные документы запрос и т.д... и т.д... запрос Классическая организация структуры WEB-приложения  каждой форме ввода, отчету соответствует HTML- страница;  при изменении формы ввода, отчета необходимо изменять соответствующую страницу в программе;  изменения в системе должен производить программист
  • 9. Структура WEB-приложения с использованием метаописателей  описание форм ввода, отчетов содержится в метаописателях, для их изменения обычно достаточно исправить описание (записи в базе данных);  при изменении формы ввода, отчета часто достаточно изменить описание, исправления в программе не производятся;  внести изменения в системе может и опытный пользователь Метаописатели Прикладные данные Универсальные страницы формирования контента на основе метаописателей Страницы формирования форм ввода HTML формы ввода СерверБДВеб-серверКлиент Отчетные документы, HTML, Графики, и т.д. запрос запрос Страницы формирования отчетов Отчетные документы запрос и т.д... и т.д... запрос ЯДРО СИСТЕМЫ
  • 10. Наиболее распространенные задачи АИС:  аутентификация и авторизация пользователей;  ведение журналов доступа к системе;  внесение новых и корректировка имеющихся данных;  обработка и обобщение данных, получение отчетных данных на основе учетной информации;  планирование различного рода процессов и работ на основе имеющейся в базе данных информации;  формирование выходных документов, отчетов;  экспорт-импорт данных между распределенными узлами системы, не включенными в одну сеть;  прием и передача данных, взаимодействие со сторонними системами;  документооборот.
  • 11. Ядро системы обеспечивает автоматизированное создание, модификацию, развитие системы с использованием тех же механизмов, которые обеспечивают решение прикладных задач WEB Сервер Модуль обработки данных. Кэш данных. Модуль безопасности Сервер БД Метаописания Справочные данные Оперативные данные Процедуры и функции работы с данными Клиент Web Браузер jsp и сервлеты ядра системы Вспомогательные классы ядра системы Шлюзы обмена данными с существующими системами Клиент Web Браузер Клиент Web Браузер jsp и сервлеты прикладного ПО системы Модуль протоколирования Модуль формирования отчетов Библиотека классов прикладного ПО системы Модуль визуализации картографической информации Ядро системы Структура системы
  • 12. Метаописания Метаописание- набор таблиц системы, содержащих описание самой системы форм ввода данных структур данных запросов на данные отчетов
  • 13. Метаописания Описание структур данных содержит физическое представление информации (в терминологии БД) прикладное, пользовательское представление информации (в терминологии пользователя)
  • 14. Схема описания структур данных и использования описаний запросов на данные Перенастраивать формы ввода, изменять структуры отчетов, формировать произвольные отчеты может пользователь системы без участия разработчика Описатель полей запроса Оперативные данные Описатель схем Описатель таблиц Описатель полей Таблица 1 Таблица M Таблица 1 Таблица N Таблица 1 Таблица J Поля таблицы Поля таблицы Поля таблицы Поля таблицы Поля таблицы Поля таблицы Схема 1 Схема 2 Схема 3 Описатель структур Описатель запроса Общая информация
  • 15. Среда функционирования мультиплатформенная Web-сервер: Apache Tomcat СУБД: PostgreSQL* OpenOffice 3 - для отчетов* Клиент: браузер Mozilla FireFox* Язык программиро- вания: Java * либо другие – по желанию заказчика
  • 16. включают возможности:  корректировки структур данных путем редактирования описаний таблиц и полей таблиц;  создания произвольных пользовательских запросов на данные по таблицам;  подключения запросов на данные к макетам в формате OpenOffice. Средства развития системы
  • 17. Структурная схема организации распределенной системы Узел районный Узел областной Узел областной Узел районный Узел районный Узел районный Узел Центр. ОАИС ... ... ...
  • 18. Обобщенная схема обмена информацией в системе
  • 19. Планирование ресурсов Обобщение по району Учет ресурсов Упрощенная функциональная схема Планирование ресурсов по районам Обобщение по области Планирование ресурсов по областям Обобщение по республике Ведение НСИ Районный уровень Областной уровень Республиканский уровень
  • 20. Преимущества используемых решений Опытный пользователь системы может переформиро- вывать отчеты, изменять расположение данных на форме ввода без участия разработчика Пользователь системы имеет возможность самостоятель- но без участия разработчика формировать собственные запросы на данные. Администратор системы, обладающий высокой квалификацией, имеет возможность самостоятельно без участия разработчика модифицировать структуры данных системы без изменения программного кода системы. Все преимущ ест-ва, которые дает использо вание интернет- технологи й