Виды и анализ программногообеспечения создания web-сайтов

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

1. MySQL 5.0.45 – свободная система управления базами данных (СУБД). Другими словами это компактный многопоточный сервер баз данных (Рисунок 17). MySQL характеризуется большойскоростью,устойчивостьюилегкостьювиспользовании.MySQLподдерживаетязыкзапросовSQLвстандартеANSI92,икромеэтогоимеетмножестворасширенийкэтомустандарту,которыхнетниводнойдругойСУБД [5].

Рисунок 17.

Логотип MySQL.

 

КраткийпереченьвозможностейMySQL:

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

- количество строк в таблицах может достигать 50 млн.;

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

- простая и эффективная система безопасности.

2. PHP 5.2.5 - (англ. PHP: Hypertext Preprocessor – «PHP: препроцессор гипертекста») – скриптовый язык программирования, созданный для генерации HTML-страниц на Web-сервере и работы с базами данных (Рисунок 18). В настоящее время поддерживается подавляющим большинством хостеров.

Рисунок 18.

Логотип PHP 5.2.5.

3. Web-сервер Apache 2.2.8 (альтернатива Internet Information Services, или скороченно IIS, который интегрирован в операционную систему Windows) - это сервер, принимающий HTTP-запросы от клиентов (Рисунок 19), обычно Web-браузеров, и выдающий им HTTP-ответы, обычно вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными. По сути Web-сервер это программное обеспечение, выполняющее функции Web-сервера, как и компьютер, на котором это программное обеспечение работает [5].

Рисунок 19.

Логотип Web-сервер Apache 2.2.8.

4. phpMyAdmin 2.11.2.16– совокупность скриптов написанных на PHP, и обеспечивающих полноценную, в том числе удаленную работу с базами данных MySQL, через веб-интерфейс (Рисунок 20). Так как phpMyAdmin позволяет во многих случаях обойтись без непосредственного ввода команд SQL, то работа с базами данных становится вполне посильной задачей даже для человека весьма поверхностно знакомого с MySQL [6].

Рисунок 20.

ЛоготипphpMyAdmin.

5. Macromedia Dreamweaver 9.0 СS3– програмное средство для визуального создания Web-сайтов (Рисунок 21). Другими словами профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети [13].

Рисунок 21.

Логотип Macromedia Dreamweaver.

ВизуальныевозможностиредактированиявDreamweaverпозволяютбыстросоздаватьстраницыбезтого,чтобыписатькодвручную.Выможетепросматриватьвсевашиэлементысайтаилиактивыибыстровставлятьихизпанелинепосредственновдокумент.Dreamweaverобеспечиваетполно-функциональнуюсредунаписаниякода,котораявключаетинструментальныесредстваредактированиякода(например,раскраскакодаилипроверказакрытиятегов).Dreamweaverтакжедаетвозможностьвамстроитьдинамическиестаницыиспользующиесервер-технологииCFML,ASP.NET,ASP,JSPиPHP [6].

6. SmartyTemplateEngine–это компилирующий обработчик шаблонов для PHP (Рисунок 22). Это означает, что Smarty читает файлы шаблонов и создает PHP-код на их основе. Код создаётся один раз и потом только выполняется. Поэтому нет необходимости обрабатывать файл шаблона для каждого запроса.

Рисунок 22.

ЛоготипSmarty Template Engine.

7. Abode Photoshop CS2 – профессиональный графическийпакетдляработысрастровойграфикой (Рисунок 23).Его возможности понадобятся при графическомоформленииWeb-проектовисозданиепривлекательногодизайна.

Рисунок 23.

Логотип Abode Photoshop CS2

8. Denwer (Денвер)–набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.) + программная оболочка [13], которая использует этот набор для отладки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет (Рисунок 24).

Рисунок 24.

Логотип Denwer.

БазовыйпакетДенвервсебявключает:

-системаможетзапускатьсясflash-накопителябезкаких-либопроблем.

-Apache,SSI,mod_rewrite,mod_php.

-PHP4споддержкойGDиMySQL.

-MySQL4споддержкойтранзакций(mysqld-max).

-системауправлениявиртуальнымихостами,основаннаянашаблонах.Чтобысоздатьновыйхост,вамнужнолишьдобавитьдиректориювкаталог/home,правитьконфигурационныефайлынетребуется.Поумолчаниюужеподдерживаютсясхемыименованиядиректориймногихпопулярныххостеров;новыеможнобезтрудадобавить.

-системауправлениязапускомизавершением.

-phpMyAdmin–системауправленияMySQLчерезWeb-интерфейс.

-ядроPerlбезстандартныхбиблиотек(онипоставляютсяотдельно).

-эмуляторsendmail(отладочная«заглушка»,складывающаяприходящиеписьмав/tmp);поддерживаетсяработасовместносPHPиPerl.

- инсталлятор (нечтовродеInstallShield) [8].

Dreamweaver–WYSIWYGHTML-редакторкомпанииAdobe. Изначально разработан и поддерживался компанией Macromediaвплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире.

Dreamweaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, отладчик JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать JavaScript, XML и другие текстовые документы, которые поддерживаются в Dreamweaver. Технология Roundtrip HTML импортирует документы HTML без переформатирования кода и можно настроить Dreamweaver, чтобы он наводил порядок и переформатировал HTML [7].

 

2.3. Анализ web-cайтов учебных учреждений.

 

Были проанализированы web-сайты учебных учрежденийгорода Стерлитамака. Для анализа использоваласьпятибалльная система оценки элементов (Табл. 1):

Таблица 1.

Критерии анализа web-сайтов

Элементы web-сайта	Баллы
Дизайн	1..5
Цветовая схема	1..5
Читабельность	1..5
Наполненность	1..5

 

 

Рисунок 25.

Стерлитамакский медицинский колледж

 

Web-caйт ГАОУ СПО РБ Стерлитамакского медицинского колледжа имеет линейчатую структуру с альтернативами, удобен и прост в использовании (Рисунок 25). Содержит достаточно информации, как для студентов, так и для абитуриентов.

Дизайн прост, и в то же время интересен. Для фона была использована фотография самого колледжа. Цветовая схема так же проста, основной цвет – белый.

Таким образом, оценка web-сайта следующая:

Дизайн – 5 баллов

Цветовая схема – 5 баллов

Читабельность – 5 баллов

Наполненность – 5 баллов

 

Рисунок 26.

Стерлитамакский колледж строительства, экономики и права.

Web-caйт Стерлитамакского колледжа строительства, экономики и права имеет линейчатую структуру с альтернативами (Рисунок 26). Очень прост в использовании, но его дизайн не вызывает интереса. Цветовая схема неяркая, спокойная, основным цветом является белый.

Сайт содержит много информации и для студентов, и для абитуриентов, а также ссылки на внешние источники.

Таким образом, оценка web-сайта следующая:

Дизайн – 4 баллов

Цветовая схема – 4 баллов

Читабельность – 5 баллов

Наполненность – 5 баллов

Рисунок 27.

Башкирский государственный университет

Web-caйт Башкирского государственного университетаимеет линейчатую структуру с альтернативами (Рисунок 27), благодаря чему он прост в использовании. Имеет большое количество информации для посетителей, в том числе для студентов, абитуриентов, аспирантов, сотрудников и выпускников. Дизайн интересный, яркий, и в тоже время простой. Цветовая схема выполнена в синих и белых тонах. Текст читабелен.

Таким образом, оценка web-сайта следующая:

Дизайн – 5 баллов

Цветовая схема – 5 баллов

Читабельность – 5 баллов

Наполненность – 5 баллов

 

Рисунок 28.

Профессиональное училище № 18

Web-caйт Профессионального училища № 18имеет линейчатую структуру с альтернативами (Рисунок 28). Сайт содержит нужную информацию об данном учебном заведении, но так же и лишнюю, а именно вирусную рекламу. Дизайн выполнен некачественно, не вызывает интерес. А из-за цветовой схемы, которая выполнена в оранжевых тонах, текст местами не читабелен.

Таким образом, оценка web-сайта следующая:

Дизайн – 3 баллов

Цветовая схема – 3 баллов

Читабельность – 4 баллов

Наполненность – 4 баллов

 

Рисунок 29.

Башкирскийреспубликанскийколледжкультурыи искусства

Web-caйт Башкирскийреспубликанскийколледжкультурыи искусстваимеет линейчатую структуру с альтернативами (Рисунок29). В использовании очень прост, можно с легкостью найти нужную информацию о данном заведении. Так же есть ссылки на внешние источники. Но дизайн не вызывает интерес. Разноцветная надпись на шапке сайта раздражает глаза, а серо-фиолетовая цветовая схема навевает тоску.

Таким образом, оценка web-сайта следующая:

Дизайн – 4 баллов

Цветовая схема – 3 баллов

Читабельность – 5 баллов

Наполненность – 5 баллов

 

Результаты анализаweb-сайтов учебных заведений представлен в Таблице 2.

 

 

Таблица 2.

Сводный анализ web-сайтов.

Наименование организации	Дизайн	Цветовая схема	Читабельность	Наполненность	Средний балл
Стерлитамакский медицинский колледж
Стерлитамакский колледж строительства, экономики и права
Башкирский государственный университет
Профессиональное училище № 18					3,5
Башкирскийреспубликанскийколледжкультурыи искусства					4,25

 

Таким образом, сводный анализ показывает, что наилучшиерезультаты из пяти рассмотренных web-сайтов уweb-сайтаСтерлитамакского медицинского колледжа и Башкирского государственного университета. Они лидируют по всем критериям и отвечают требованиямпредъявляемых кweb-сайтам учебных учреждений, рассмотренных в параграфе 2.1.

Проанализировав web-сайты учебных заведений и рассмотрев программные средства для создания сайта, можно приступать к реализации практического задания, а именно создание разделов web-сайта для «СПО Стерлитамакский политехнический техникум». Программным средством было выбрано AdobeDreamweaverCS6.

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