2 Конструкторско-технологическая часть

2.1 Проектирование программного продукта

Этап проектирования включает в себя процесс разработки структурных схем, которые помогут определить структуру будущего программного продукта, а также алгоритм его работы. В данном курсовом проекте на этапе проектирования были разработаны две структурные схемы:

• структура сайта (рисунок 3);

• схема структурная алгоритма работы сайта (рисунок 4).

Структурная схема сайта отображает его содержимое, страницы. Сайт управляющей компании «Забота плюс» будет содержать следующие вкладки:

• главная;

• о компании:

  • договор управления;

  • перечень домов;

  • нормативы, перерасчеты;

• обратная связь;

• деятельность:

• платные услуги;

• нормативные документы;

• отчеты;

• проверки;

• недопоставка услуг.

Сайт

Главная

Деятельность

Обратная связь

О компании

Перечень домов

Договор

Нормативы.

Документы

Платные услуги

Недопос. услуг

Отчеты

Проверки

Рисунок 3 – Структура сайта

Структурная схема алгоритма работы сайта схематично описывает возможный сценарий работы при переходе по ссылкам меню. При открытии сайта будет загружаться «главная» страница. Выбирая тот или иной пункт меню, можно будет просмотреть соответствующую информацию. Для осуществления выхода необходимо будет закрыть вкладку или окно браузера, в котором будет просматриваться программный продукт.

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

Начало

Открытие главной стра-цы

Нет

Отк-е вкладок

Главная

Деятельность

Обратная связь

О компании

Вывод инфо-и

Вывод инфо-и

Вывод инфо-и

Вывод инфо-и

Закрытие ПП

Нет

Да

Возврат на глав.

да

нет

Конец

Рисунок 4 - Схема структурная алгоритма работы сайта

2.2 Выбор среды разработки

Для разработки сайта существует множество языков программирования и программных средств. Рассмотрим некоторые из них.

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML.

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

PHP (англ. PHP:HypertextPreprocessor — «PHP: препроцессор гипертекста»; первоначально Personal HomePageTools— «Инструменты для создания персональных веб-страниц») — скриптовый языкпрограммирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

Perl — высокоуровневый интерпретируемый динамический язык программирования общего назначения, созданный Ларри Уоллом, лингвистом по образованию. Название языка представляет собой аббревиатуру, которая расшифровывается как PracticalExtractionandReportLanguage — «практический язык для извлечения данных и составления отчётов.

Основной особенностью языка считаются его богатые возможности для работы с текстом, в том числе работа с регулярными выражениями, встроенная в синтаксис. Перл унаследовал много свойств от языков Си, AWK, скриптовых языков командных оболочек UNIX.

Joomla представляет собой набор скриптов, написанных на языке программирования PHP. Этот язык был специально разработан для написания веб-приложений.

В веб-приложениях существуют две т.н. "стороны" выполнения кода - серверная и клиентская. К клиентской части относятся HTML, CSS, Javascript, а к серверной ASP, JAVA, PHP и т.д. Исходя из этого, для работы (выполнения) скриптов Joomla, необходимо наличие веб-сервера с поддержкой PHP и MySQL (рекомендуется Apache версии 1.3 и старше) и веб-браузера у пользователя (самые популярные –InternetExplorer, MozillaFirefox, Opera).

JavaScript — прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами.

Рассмотрим современные программы для верстки сайта.

Существует много программ, с помощью которых можно верстать сайты. Кто - то делает верстку сайта в простом текстовом редакторе NotePad (блокнот), а кто - то пользуется такими гигантами, как Adobe DreamWeaver. Также есть и менее популярные программные решения для html верстки сайтов. К ним можно отнести MacroMediaContribute, AceHTML, CoffeeCupWebsiteTemplates и другие программы, многие из которых распространяются на бесплатной основе и ничем не уступают своим коммерческим собратьям. Кроме того некоторые бесплатные программы верстки имеют в своем арсенале готовые шаблоны сайтов и javascript скрипты, которые обычно сопровождаются подробным описанием.

В настоящее время компьютерная вёрстка сайтов может производиться даже в режиме онлайн. Многие компании, предоставляющие услуги хостинга, оснащают панели управления сайтами специальными редакторами кода, которые принято называть WYSIWYG (что ты видишь, то ты и получаешь). Эти визуальные редакторы способны подсвечивать код, подсказывать синтаксисы определенных элементов, как это делает программа для верстки сайта от AdobeDreamWeaver.

Программы компьютерной верстки кроме своей основной задачи отлично справляются с разработкой web- приложений, написанных на объектно- ориентированных языках программирования, что делает их незаменимыми помощниками web- мастеров. Например, самая популярная программа верстки сайтов Macromedia Dreamweaver позволяет редактировать документы, созданные с помощью javascript,php,html&css,actionscript,flash. Также возможности данной программы позволяют просматривать созданные страницы в формате WYSIWYG, что предоставляет человеку, не обладающему знаниями html, возможность редактировать web страницы, не редактируя сложный и непонятный код.

Notepad++ — свободный текстовый редактор для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

Notepad++ имеет следующие возможности:

• подсветка синтаксиса;

• сворачивание кода;

• автодополнение;

• закладки;

• регулярные выражения для поиска и замены;

• запись и воспроизведение макросов;

• сравнение файлов;

• переопределение любых горячих клавиш;

• резервное копирование сохраняемых файлов (включается в настройках);

• трансформация текста при помощи подключённого плагина TextFX;

• поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2;

• блоковое выделение текста, одновременное выделение нескольких разных мест (с CTRL).

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

• шаблоны текста (сниппеты), вводимые с помощью сокращений (плагин SnippetPlus);

• FTP-менеджер (плагины:NppFTP);

• HEX-редактор;

• авто-сохранение (при потере фокуса; через настраиваемый промежуток времени);

• проверка орфографии (с использованием GNU Aspell);

• мощное симметричное и асимметричное шифрование текста (при установке плагина NppDarkCrypt);

• поддержка ZenCoding.

Для создания сайта будет использоваться HTML с элементами CSS, так как данные средства наиболее просты в освоении. Программный продукт будет реализован через программу Notepad++, потому что она имеет легкий и понятный интерфейс, а также обладает различными функциями.