Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

– графическая шапка;

– навигационная панель, которая обеспечивает переход ко всем разделам меню («О клинике», «Врачи», «Услуги» и т.д.);

– поле для отображения контента страницы;

– краткая контактная информация – адрес, телефон, e-mail и график работы стоматологической клиники.

Рисунок 1.4 – Пример размещения элементов главной страницы

Графическая оболочка внутренних страниц должна делится на следующие разделы (рисунки 1.5 и 1.6):

­– кнопка выхода;

– графическая шапка;

– навигационная панель, которая обеспечивает переход ко всем разделам меню («О клинике», «Врачи», «Услуги» и т.д.);

– поле для отображения контента выбранной страницы;

– краткая контактная информация.

Рисунок 1.5 – Пример размещения элементов страниц авторизованного

пользователя

Рисунок 1.6 – Пример размещения элементов страниц

сотрудников и администратора

Все страницы из навигационного меню должны быть оформлены согласно рисунку 1.4, страницы авторизованных пользователей – согласно рисунку 1.5, а страницы сотрудников и администратора должны быть оформлены согласно рисунку 1.6.

1.5 Описание работы сервиса Web-приложения

Рассмотрим взаимодействие различных групп пользователей с Web-приложением.

В данном Web-приложении предусмотрены четыре группы пользователей – посетитель, зарегистрированный пользователь, сотрудники и администратор. Каждая группа пользователей сначала попадает на главную страницу, а затем переходит в различные разделы и подразделы меню.

Посетитель может посмотреть все разделы и подразделы меню, записаться на приём и зарегистрироваться в Web-приложении. Зарегистрированный пользователь может посмотреть все разделы и подразделы меню, авторизоваться, записаться на приём, а также посмотреть свои ближайшие записи на приём. Сотрудники клиники могут посмотреть все разделы и подразделы меню, авторизоваться, посмотреть, отредактировать и удалить ближайшие записи пациентов, а также заполнить медицинские карты пациентов и составить отчёт. Администратор может посмотреть все разделы и подразделы меню, авторизоваться, посмотреть, отредактировать и удалить запись пациентов любого сотрудника, заполнить медицинские карты пациентов и составить отчёт, а также добавить, отредактировать и удалить информацию о сотрудниках.

На рисунке 1.7 представлена диаграмма вариантов использования Web-приложения.

Рисунок 1.7 – Диаграмма вариантов использования

Таким образом, в данном разделе определены требования к Web-приложению стоматологической клиники ООО «Семейная стоматология».

1. Обзор технологий, используемых для разработки

и продвижения WEB-приложений

2. 1. Программное обеспечение для разработки дизайна

Web-приложений

Программное обеспечение для разработки дизайна Web-приложений делятся на две группы – программное обеспечение растровой графики и программное обеспечение векторной графики (таблица 2.1).

Таблица 2.1 – Программное обеспечение для разработки дизайна

Adobe Photoshop – многофункциональный графический редактор для работы с растровыми изображениями [14]. Сферами применения Adobe Photoshop являются:

– дизайн;

– обработка фото;

– полиграфия.

Основные возможности Adobe Photoshop [27]:

– комплексная работа с изображениями, применение любых видов эффектов;

– быстрый доступ ко всем необходимым инструментам;

– поддержка многих графических форматов;

– работа с 3D;

– усовершенствованный интерфейс;

– возможность редактирования сразу нескольких слоев;

– специализированные фильтры для фотографов;

– усовершенствованная работа с текстом. Если в старых версиях Photoshop компания Adobe не придавала особого значения функции наложения текста, то теперь имеется возможность придать 3D-эффект обычному тексту, выбрать стиль абзацев и символов.

Преимущества и недостатки Adobe Photoshop [28] представлены в таблице 2.2.

Таблица 2.2 – Преимущества и недостатки Adobe Photoshop

GIMP – программа для создания и обработки растровой графики и частичной поддержкой работы с векторной графикой [32]. Типичные задачи, которые можно решать при помощи GIMP, включают в себя:

– создание графики и логотипов;

– масштабирование и кадрирование фотографий;

– раскраска, комбинирование изображений с использованием слоёв;

– ретуширование и преобразования изображений в различные форматы.

Особенности GIMP [1]:

– понятный интерфейс;

– поддержка русского языка, благодаря чему легко разобраться во всех тонкостях программы;

– наличие всплывающих подсказок возле каждого инструмента, что также облегчает работу с программой;

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

– поддержка разнообразных плагинов;

– наличие большого количества кистей;

– поддержка работы со слоями.

Преимущества и недостатки GIMP [1] представлены в таблице 2.3.

Таблица 2.3 – Преимущества и недостатки GIMP

CorelDRAW – это программа для создания и работы с графическими документами, выполненными в формате векторной графики [5]. CorelDRAW в основном используется в оперативной полиграфии и в рекламных компаниях, использующих полотерную резку (т.е. создание логотипов, визиток, баннеров, и другой печатной продукции). Также этот продукт используется в Web-дизайне. Особенностями CorelDRAW являются [18]:

– понятный интерфейс;

– все рабочие инструменты тесно связаны между собой, что позволяет эффективно оптимизировать рабочий процесс даже без тесной привязки к мышке;

– уникальные фильтры программы;

– в качестве линзы можно использовать любую векторную форму, в том числе и текст;

– допускается копирование только того участка, на который нацелена линза, с последующим его редактированием;

– огромная база шрифтов.

Преимущества и недостатки использования CorelDRAW [5] представлены в таблице 2.4.

Таблица 2.4 – Преимущества и недостатки CorelDRAW

Adobe Illustrator – векторный графический редактор, который будет полезен всем, чьей профессиональной деятельностью (или хобби) является рисование и оформление во всех их видах [25]. Это может быть разработка Web-страниц, оформление рекламы, полиграфия или просто рисование. К наиболее распространённым особенностям Adobe Illustrator относятся [29]:

– высокая точность работы с использованием пиксельной сетки;

– эффекты, четкие при любом разрешении (тени, текстуры, размытия и т.д.);

– русскоязычный интерфейс с возможностью настройки;

– создание 3D-эффектов;

– удобное построение красивых графиков;

– поддержка всех популярных графических форматов.

Преимущества и недостатки использования Adobe Illustrator [29] представлены в таблице 2.5.

Таблица 2.5 – Преимущества и недостатки Adobe Illustrator

Inkscape – свободно распространяемый векторный графический редактор, удобен для создания как художественных, так и технических иллюстраций [22]. Сферами применения Inkscape являются:

– дизайн;

– создание технических иллюстраций;

– создание схем и планов.

Особенностями Inkscape являются [22]:

– поддержка большого количества форматов, как векторных, так и растровых;

– различные примитивы для создания изображений;

– векторизация растровых изображений;

– создание графиков и диаграмм;

– множество операций над контурами.

Преимущества и недостатки Inkscape [22] представлены в таблице 2.6.

Таблица 2.6 – Преимущества и недостатки Inkscape

Таким образом, рассмотрены основные назначения, преимущества и недостатки программного обеспечения для разработки дизайна Web-приложений.

1. Технологии разработки Web-приложений

Технологии разработки Web-приложений делятся на две группы (таблица 2.7).

Таблица 2.7 – Технологии разработки Web-приложений

HTML – это язык разметки документа, описывающий форму отображения информации на экране компьютера [23]. Просматривать HTML-документы можно с помощью специальных программ, которые называют Web-браузерами. Web-браузеры отображают документы с форматированием, выполненным на основе исходного кода, описывающего структуру документа.

Результат интерпретации HTML-документа, отображаемый в окне Web-браузера, называется Web-страницей [26]. В отличие от HTML-документа, Web-страница может содержать не только текст, но и графику, видео, звуковое сопровождение, может реагировать на действия пользователя и т. д. Кроме того, Web-страница может быть результатом интерпретации сразу нескольких HTML-документов. Документы в формате HTML имеют расширение html или htm.

В листинге 2.1 представлена структура, характерная для любого HTML-документа [23].

Листинг 2.1 – Структура HTML-документа

Весь текст HTML-документа расположен между тегами <html> и </html>. HTML-документ состоит из двух разделов – заголовка (между тегами <head> и </head>) и содержательной части (между тегами <body> и </body>).

XHTML – это семейство языков разметки Web-страниц на основе XML, повторяющих и расширяющих возможности HTML 4 [31]. Главное отличие XHTML от HTML заключается в обработке документа. Документы XHTML обрабатываются своим модулем (парсером) аналогично документам XML. В процессе этой обработки ошибки, допущенные разработчиками, не исправляются.

Характеристики

Список файлов ВКР