62
Рис. 18. Тип связи.
Связь типа один к одному означает, что один экземпляр первой
сущности (левой) связан с одним экземпляром второй сущности (правой).
Связь один-к-одному чаще всего свидетельствует о том, что на самом деле
мы имеем всего одну сущность, неправильно разделенную на две.
Связь типа один ко многим означает, что один экземпляр первой
сущности (левой) связан с несколькими экземплярами второй сущности
(правой). Это наиболее часто используемый тип связи. Левая сущность (со
стороны "один") называется родительской, правая (со стороны "много") -
дочерней.
Связь типа много ко многим означает, что каждый экземпляр первой
сущности может быть связан с несколькими экземплярами второй сущности,
и каждый экземпляр второй сущности может быть связан с несколькими
экземплярами первой сущности. Тип связи много-ко-многим является
временным типом связи, допустимым на ранних этапах разработки модели. в
дальнейшем этот тип связи должен быть заменен двумя связями типа один-
ко-многим путем создания промежуточной сущности.
Каждая связь может иметь одну из двух модальностей связи:
Рис. 19. Модельность связи.
Модальность "может" означает, что экземпляр одной сущности может
быть связан с одним или несколькими экземплярами другой сущности, а
может быть и не связан ни с одним экземпляром.
Модальность "должен" означает, что экземпляр одной сущности обязан
быть связан не менее чем с одним экземпляром другой сущности.
Описанный графический синтаксис позволяет однозначно читать
диаграммы, пользуясь следующей схемой построения фраз:
63
<Каждый экземпляр СУЩНОСТИ 1> <МОДАЛЬНОСТЬ СвЯЗИ>
<НАИМЕНОвАНИЕ СвЯЗИ> <ТИП СвЯЗИ> <экземпляр СУЩНОСТИ 2>.
Каждая связь может быть прочитана как слева направо, так и справа
налево. Связь читается так:
Слева направо: "каждый сотрудник может иметь несколько детей".
Справа налево: "каждый ребенок обязан принадлежать ровно одному
сотруднику".
64
ГЛАВА 4. Разработка интернет-сайта для ООО «ТрансЭнергоСервис»
4.1 Инструментальные средства разработки и реализации системы
управления сайтом
Для создания Web-сайта дипломного проекта я выбрал программу
FrontPage 2003, т.к. ее гибкие функциональные возможности позволяют
создавать более совершенные Web-узлы, включающие средства для
профессионального проектирования, разработки, работы с данными и
публикации, необходимые для создания динамических и более сложных
Web-узлов. FrontPage 2003 позволяет усовершенствовать процесс Web-
разработки в следующих трех ключевых областях.
Проектирование.
Усовершенствованные средства проектирования позволяют улучшить
оформление Web-узлов. Новые средства разметки и работы с графикой
упрощают процесс создания Web-узлов, полностью отвечающих замыслу
пользователя.
Написание кода. Средства проектирования позволяют повысить
качество создаваемого кода и усовершенствовать навыки в области
программирования. Встроенные средства разработки сценариев обеспечат
поддержку интерактивности в создаваемых продуктах. Благодаря
профессиональным средствам написания кода можно работать быстрее,
эффективнее и точнее.
Расширение возможностей. Можно организовать общение и
обмениваться данными по-новому, создавая управляемые данными Web-узлы
с широкими интерактивными возможностями в редакторе, действующем по
принципу - что видишь на экране, то и получишь при печати.
Усовершенствованные функциональные возможности публикации ускорят
размещение создаваемых Web-страниц в Интернете.
65
Рис. 20. Процесс создание Web-страницы с помощью FrontPage 2003.
Улучшение оформления Web-узлов. FrontPage 2003 включает
различные средства, возможности разметки и графические функции, которые
ускоряют работу и позволяют создавать Web-узлы профессионального
уровня. При работе с графикой из других приложений имеются
дополнительные возможности для управления тем, как отображаются и
сохраняются рисунки. Использование динамических Web-шаблонов
позволяет редактировать целые разделы Web-узла. При обновлении
основного шаблона изменения автоматически реализуются на всех
страницах, содержащих ссылку на этот шаблон. Ориентация на конкретный
Web-обозреватель или разрешение экрана благодаря возможности
распознавания Web-обозревателя и разрешения. Можно также увидеть, как
Web-узел будет выглядеть при различных комбинациях Web-обозревателей и
разрешений. Создание таблиц, используемых для разметки, и работа с ними,
а также контроль разметки с точностью до пикселя. Средства управления
упрощают работу с несколькими расположенными рядом изображениями и
фрагментами и позволяют создавать эффекты отображения, например,
всплывающие меню.
Ускорение и упрощение генерации кода. Средства проектирования,
предлагаемые FrontPage 2003, позволяют создавать эффективные чистые
HTML-файлы и могут применяться как профессионалами, так и новичками в
области Web-разработки. Пользуясь преимуществами генерируемого с
помощью FrontPage 2003 эталонного кода, профессионалы могут применять
усовершенствованные средства написания кода и средства работы со
сценариями для обеспечения интерактивных возможностей работы с
66
Интернетом. Благодаря простоте средств написания кода с их помощью
можно начать освоение HTML.
Средства написания кода. Представление с разделением позволяет
увидеть, как изменения, вносимые в представление конструктора,
обеспечивают обновление представления кода. Простота выбора и изменения
тегов, а также управления ими с помощью быстрого выбора тегов и быстрого
редактора тегов.
Средства создания сценариев. Усовершенствование интерактивных
возможностей Web-узла без написания кода - благодаря использованию
средств создания сценариев JScript. Поддержка технологии IntelliSense в
Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания
сценариев JScript. Расширение возможностей и профессиональности
оформления Web-узла
Благодаря службам Microsoft Windows SharePoint Services (EN),
подключенным к FrontPage 2003, можно редактировать и представлять
интерактивные данные из различных источников, в том числе XML
(Extensible Markup Language), с целью создания управляемых данными Web-
узлов с широкими интерактивными возможностями в редакторе наглядного
изображения. Можно осуществлять публикацию в Интернете, используя
только Web-обозреватели. При этом обеспечивается выбор из большого
числа вариантов публикации.
Управляемые данными Web-узлы, поддерживаемые службами Windows
SharePoint Services. Возможность осуществлять публикацию в Интернете
только с помощью Web-обозревателей. Пара щелчков мышью - и вот уже
готовы Web-журналы, списки отслеживания неполадок, Web-узлы с
новостями и обзорами.
Web-сайт на базе Microsoft Office FrontPage 2003 предоставляет его
владельцу следующие возможности:
создание электронного каталога предлагаемых товаров или услуг;
размещение его управляющей части на удаленном компьютере
67
пользователя;
обеспечение обратной связи с сервером для создания базы
данных интернет магазина c рабочего места менеджера
(локального компьютера);
самостоятельное управление работой Web-сайта;
автоматическое выставление счетов на оплату приобретаемого
товара;
установка различного уровня цен на товары или услуги для
разных категорий оптовых и розничных пользователей;
подключение платежных систем для организации online расчетов;
анализ работы Web-сайта на основании статистических данных,
формируемых в процессе работы магазина;
возможность проведения маркетинговых акций и формирования
системы скидок.
HTML - это обычный, текстового вида файл, в котором то, что мы
обычно видим на страничках, перемежается невидимым для просмотра из
браузера кодом. вот этот-то невидимый код и есть язык разметки HTML.
HTML - это не язык программирования, - он служит лишь для разметки
странички, придания определенного вида тому или иному элементу, будь то
таблица, текст или картинки.
Осуществляется это путем присвоения каждому элементу своих
параметров, которые распознает браузер. Параметры эти могут быть заданы
как для одного, так и для группы или типа элементов. Тип элементов может
быть таким: таблицы, ячейки, ссылки, текст и т.п. То есть что-то, что можно
назвать одним термином. Отдельные свойства можно присваивать и
выбранным элементам персонально.
Параметры отображения элементов задаются при помощи тегов, в
которых и задается желаемый вид того или иного элемента нашей странички.
Принцип наследования тегов. Теги-контейнеры. Прежде всего стоит
68
определить то, как эти самые теги располагаются. Дело в том, что теги в
большинстве своем состоят из двух частей – это открывающий (он же –
содержащий параметры) и замыкающий, то есть, «конец» тега. Заданные в
теге параметры действуют только между его началом и концом, то есть,
только внутри тега. «Отступы» от левого края они автоматически
выставляются программами, формирующими код HTML для упрощения его
восприятия. Достаточно понимать, что чем дальше от левого края отстоит
тег, тем «глубже» он лежит, тем большее количество «старших» тегов может
на него действовать. В некоторых случаях параметры ранее заданного тега
могут распространяться и на теге, размещенный в нем, то есть на содержимое
вложенных тегов.
Если у внутренней таблицы размер задан 100 пикселов, то у внешней
не может быть размера меньше 100 пикселов + толщина рамки. Таким
образом, вложенная таблица как бы «распирает» ту, в которую она вложена.
При этом, даже если у нее не задан размер, а количество текста в ней
значительно, она будет распирать «старшую» таблицу на такой размер,
который необходим для отображения, соответствующего количества строк
текста. Это называется «обратная связь».
Теги, не нуждающиеся в закрытии. Это теги переноса - <br>,
принудительно перекидывающие все, что располагается после них, в новую
строку. Благодаря этому тегу можно писать стихи столбиками.
4.2 Разработка интерфейса пользователя
С ростом интернета широкое распространение получили Web -
интерфейсы, позволяющие взаимодействовать с различными программами
через браузер.
Web-интерфейсы удобны тем, что дают возможность вести совместную
работу сотрудникам, не находящимся в одном офисе (например, Web-
интерфейсы часто используются для заполнения различных баз данных или
69
публикации материалов в интернет - СМИ).
Интерфейс - в широком смысле - определенная стандартами граница
между взаимодействующими независимыми объектами. Интерфейс задает
параметры, процедуры и характеристики взаимодействия объектов.
Интерфейс пользователя - элементы и компоненты программы,
которые способны оказывать влияние на взаимодействие пользователя с
программным обеспечением. В том числе:
• средства отображения информации, отображаемая информация,
форматы и коды;
• командные режимы, язык пользователь-интерфейс;
• устройства и технологии ввода данных;
• диалоги, взаимодействие и транзакции между пользователем и
компьютером;
• обратная связь с пользователем;
• поддержка принятия решений в конкретной предметной области;
• порядок использования программы и документация на нее.
Есть несколько простых правил, позволяющих интерфейсу сайта быть
понятым посетителю.
1. На сайте не должно быть бесполезной информации, шрифт должен
легко читаться. Графические элементы должны быть чёткими,
выразительными и быстро загружаться. На сайте компании недопустимо
использовать анимацию и звук, которые долго загружаются и отвлекают
внимание покупателя.
Человеческий глаз просматривает страницы сайта сверху вниз.
Наибольшее внимание сосредотачивается на верхней левой части страницы.
Поэтому в верхней части страницы сайта, как правило, размещается наиболее
важная информация: название фирмы, логотип, само название сайта и т.д.
Чем проще выполнена верхняя часть страницы, тем легче запомнить
название сайта и саму фирму.
2. Посетитель сайта должен без труда находить интересующую его
70
информацию и иметь возможность получить исчерпывающую информацию
(описание в виде текста плюс несколько фотографий). На витрине
желательно разместить данные о деятельности фирмы (чем занимается
компания, какие регионы обслуживает, адрес, контактную информацию и
т.д.).
3. Информация должна быть распределена по группам. Нужно
обеспечить возможность поиска товаров по части названия и описания.
4. При просмотре товарных предложений, у посетителя должна быть
возможность сортировать товар по цене или по названию.
5. Для наглядности необходимо предусмотреть специальные разделы,
содержащие услуги, сгруппированные по маркетинговым признакам.
Допустим:
- "Новинки" (услуги, недавно поступившие);
- "Специальные предложения" (услуги, на которые по каким-либо
причинам снижены цены);
- "Лидеры продаж" (наиболее покупаемые услуги).
6. На Web-сайте обязательно должны быть информационные разделы:
• с данными о компании (сфера деятельности, адрес,
контактные телефоны и т.д.);
• с информацией по доставке;
• с информацией по скидкам;
• статьи (системы управления новостями и статьями
предоставляют возможность использовать Web-сайт как
настоящий информационный портал);
• прочая полезная информация.
7. Покупателю следует предоставить возможность просмотреть отзывы
о фирме, оставить свой отзыв или задать вопрос - это способствует
повышению популярности и престижа компании.
8. Увеличению посещаемости Web-caйта и количества постоянных
посетителей способствует также наличие обратной связи администратора с
71
клиентами. Важно, чтобы администраторы как можно быстрее и
максимально полно отвечали на письма.
9. Обратной, невидимой покупателю, стороной сайта является система
управления. Вход в систему администрирования осуществляется только
после ввод администратором логина и пароля (логин и пароль администратор
может менять). Администратор имеет возможность полностью управлять
содержимым Web-сайта: Если компания собирается работать ещё и с
оптовыми клиентами, необходимо предусмотреть работу сайта как с
розничными, так и с оптовыми ценами на товары.
10. Аккуратная работа с цветом. Правильно примененный цвет может,
например, передавать тонкие различия между однородными элементами.
Неправильно примененный цвет может мешать работать с программой.
Руководствуясь данными принципами разработки интерфейса, было решено
сделать ставку на простоту и информативность, чтобы пользователь, попадая
на сайт, должен получать четкую информацию о товаре, предстоящих
релизах. Так же о том, как он сможет оплатить заказ, каковы условия и сроки
доставки и т.д.
На сайте должен быть реализован удобный и быстрый поиск
необходимого пользователю товара, так как не все имеют неограниченный
доступ в интернет, и многие оплачивают его по часам.
Все товары, предлагаемые на сайте, должны быть в наличии. Будет
предусмотрена система заказа товара, отсутствующего на складе.
Будет сделана простая и предельно удобной навигация, с тем чтобы
пользователь оперативно получал ответы, на любые вопросы по тематике
сайта.
4.3 Реализация интерфейса web-сайта
Данный сайт состоит из Web-страничек, эти страницы содержат
информацию о фирме ее продукции контактах и т.д. Рассмотрим некоторые
страницы подробнее: