Цель разработки и анализ её использования
На данный момент Web-сайты играют важную роль в развитии и продвижении компаний. Интернет все стремительнее развивается, необходимость легкого поиска информации с каждым днем растет. Поэтому руководители все чаще задумываются о привлечении web-дизайнеров для создания необходимого для компании Интернет-ресурса.
Чаще всего целью Web-сайта является предоставление информации о чем-либо в сети Интернет. В широком смысле слова Web-сайт – это совокупность страниц, в которых вложена какая-то цель или информация о конкретных объектах реального мира в какой-либо области.
Создавая Web -сайт, разработчик стремится совместить информацию с красивым и приятным дизайном страниц. Сделать это возможно, только проанализировав комментарии и замечания пользователей и руководства. Сайт Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа» позволит клиенту получить информацию о последних событиях, новостях и необходимой контактной информации. Так же разрабатываемый сайт предоставит возможность обратной связи.
Анализ технологий и возможных средств решения проблемы
С каждым днем разработка Web-сайтов становится доступнее для обычного пользователя, появляется много ресурсов для создания сайта в кротчайшие сроки и не имея обширных знаний в Web-программировании.
Для создания сайтов можно использовать текстовые редакторы, такие как Блокнот, Office Word, Office FrontPage.
Основными преимуществами таких сайтов являются:
- удобство создания уникального дизайна;
- создание сайта с нуля;
- минимальные финансовые затраты;
- отсутствие каких-либо ограничений.
Сейчас для создания сайта стало популярным использование системы управления сайтом, их также называют CMS. В качестве основных преимуществ таких систем можно отметить:
- постоянное обновление информации;
- удобное и компактное добавление страниц;
- более автоматизированный процесс управления сайтом.
Создавая сайт на системе управления можно столкнуться с такой проблемой, как оплата использования необходимых ресурсов. Например, хостинг, CMS, ограничения в дизайнерских решениях. Но, проанализировав поставленные задачи и цели создания Web-сайта Стерлитамакского ЛПУМГ ООО «Газпром трансгаз Уфа», приходим к выводу, что подходит именно система управления, нежели сайт, созданный в каких-либо текстовых редакторах.
Выбор средств и технологий
На рынке программного обеспечения имеется множество как платных, так и бесплатных систем управления сайтом. Системы управления подразделяются на on-line и off-line, также их можно разделить на профессиональные и пользовательские. Остановимся на бесплатной, on-line, пользовательской системе управления сайтом – DataLife Engine v 10.5.
DataLife Engine - это бесплатная профессиональная система управления содержимым (CMS) и фреймворк для веб-приложений, предназначенная для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым) сайтов.
DataLife Engine распространяется бесплатно с возможностью платного дополнительного контента. Это означает, что систему DataLife Engine может использовать каждый [5].
Одним из важных преимуществ DataLife Engine является то, что ни одна другая CMS не позволяет так великолепно и быстро выполнять техническую оптимизацию сайта для поисковых машин. Это достижимо, в том числе благодаря тому, что огромное внимание уделяется чистоте и качеству кода. DataLife Engine имеет встроенный механизм дружественных URL и можно очень быстро создать URL, который полюбят поисковые системы. В DataLife Engine имеется сниппет Sitemap XML, позволяющий автоматически обновлять карту сайта в XML при внесении любых изменений на сайт. Можно редактировать содержимое META тегов отдельно на каждой странице.
DataLife Engine включает в себя мощные компоненты для использования опытными программистами и, в то же время, легко может быть использована для создания сайтов менее технически грамотными специалистами. Наиболее важной отличительной чертой DataLife Engineявляется удивительная свобода творчества, которую дает эта система управления. Она позволяет создавать сайт в точном соответствии с желаниями, без каких-либо компромиссов [8].
Создание сайта на DataLife Engine - интересный, увлекательный процесс, в котором веб-разработчик обладает удивительной свободой творчества.
DataLife Engine написана на программном языке PHP а графическая часть пишется на HTML и использует для хранения данных СУБД MySQL. Система управления DataLife Engine может быть установлена на большинстве веб-серверов (например, таких как IIS, Apache, Hostinger).[9]
При создании шаблона сайта использовался язык программирования HyperText Markup Language (HTML), который является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами Web-браузеров. Когда документ создан с использованием HTML, Web-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе их просматривающей.
Большинство документов имеют стандартные элементы, такие как заголовок, параграфы или списки. Используя тэги HTML можно обозначать данные элементы, обеспечивая Web-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это Web-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор [19].
В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML можно, в определенной степени, управлять внешним видом документа, но не его содержимым. HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет Web-браузеру возможность интерпретировать эти тэги. Например, один Web-браузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых Web-браузеров имеют также возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа.
HTML-тэги могут быть условно разделены на две категории:
- тэги, определяющие, как будет отображаться Web-браузером тело документа в целом;
- тэги, описывающие общие свойства документа, такие как заголовок или автор документа.
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора.
Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.
Для создания стилистического оформления страниц, текста и основных элементов сайта, были использованы каскадные таблицы стилей (CSS). Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если разработчик захочет изменить такой простой параметр, как размер шрифта на своем сайте - придется переписывать все странички. CSS позволяет назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя CSS, разработчик может изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.
Принятие Консорциумом W3C в декабре 1996 года в качестве стандарта CSS первого уровня был огромным шагом вперед, поскольку позволял отделить содержание WEB-страницы (текст, изображение и т.д.) от ее форматирования (макет и характеристики текста, например, информация о шрифтах). После этого язык HTML снова стал функционально-ориентированным (а не ориентированным на форму), что однако не мешало пользователем контролировать вид страницы.
В мае 1998 года был принят стандарт CSS2, позволяющий разработчикам осуществлять контроль над WEB-страницами на более высоком уровне. Этот стандарт основан на CSS первого уровня и включал новые функции, в частности, возможность точно располагать элементы и объекты WEB-страницы, а также звуковые таблицы стилей, позволяющие специальному программному обеспечению считывать содержимое WEB-страницы (что полезно для слабовидящих пользователей) [17].
Для удобства создания цветных секторных 3D диаграмм, были выбраны скрипты JS.
JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка — тут же выполняются.
Программы на JavaScript - обычный текст. Они не требуют какой-то специальной подготовки.
В этом плане JavaScript сильно отличается от другого языка, который называется Java.
JavaScript может выполняться не только в браузере, а где угодно, нужна лишь специальная программа - интерпретатор. Процесс выполнения скрипта называют «интерпретацией».
Во все основные браузеры встроен интерпретатор JavaScript, именно поэтому они могут выполнять скрипты на странице. Но, разумеется, JavaScript можно использовать не только в браузере. Это полноценный язык, программы на котором можно запускать и на сервере, и даже в стиральной машинке, если в ней установлен соответствующий интерпретатор.
Современный JavaScript - это «безопасный» язык программирования общего назначения. Он не предоставляет низкоуровневых средств работы с памятью, процессором, так как изначально был ориентирован на браузеры, в которых это не требуется [16].
Для удобной работы с базой данных в CMS DataLife Engine применяется язык PHP.
PHP (рекурсивный акроним словосочетания PHP: Hypertext Preprocessor) - это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и его код может внедряться непосредственно в HTML [16].
Вместо рутинного вывода HTML-кода командами языка (как это происходит, например, в Perl или C), скрипт PHP содержит HTML с вкраплениями кода (в нашем случае, это вывод текста "Привет, я - скрипт PHP!"). Код PHP отделяется специальными начальным и конечным тегами <?php и ?>, которые позволяют "переключаться" в "PHP-режим" и выходить из него.
PHP отличается от JavaScript тем, что PHP-скрипты выполняются на сервере и генерируют HTML, который посылается клиенту. Если бы у вас на сервере был размещен скрипт, подобный вышеприведенному, клиент получил бы только результат его выполнения, но не смог бы выяснить, какой именно код его произвел. Вы даже можете настроить свой сервер таким образом, чтобы обычные HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.
PHP крайне прост для освоения, но вместе с тем способен удовлетворить запросы профессиональных программистов. Не пугайтесь длинного списка возможностей PHP. Вы можете быстро начать, и уже в течение нескольких часов сможете создавать простые PHP-скрипты.
Хотя PHP, главным образом, предназначен для работы в среде web-серверов, область его применения не ограничивается только этим.
Для создания базы данных была выбрана система управления базами данных MySQL.
MySQL – это одна из самых популярных и самых распространенных СУБД (система управления базами данных) в интернете. Она не предназначена для работы с большими объемами информации, но ее применение идеально для интернет сайтов, как небольших, так и достаточно крупных.
MySQL отличатся хорошей скоростью работы, надежностью, гибкостью. Работа с ней, как правило, не вызывает больших трудностей. Поддержка сервера MySQL автоматически включается в поставку PHP.
Немаловажным фактором является ее бесплатность. MySQL распространяется на условиях общей лицензии GNU (GPL, GNU Public License).
Ранее для долговременного хранения информации мы работали с файлами: помещали в них некоторое количество строчек, а затем извлекали их для последующей работы. Задача длительного хранения информации очень часто встречается в программировании Web-приложений: подсчёт посетителей в счётчике, хранение сообщений в форуме, удалённое управление содержанием информации на сайте и т.д.
Между тем, профессиональные приёмы работы с файлами очень трудоёмки: необходимо заботится о помещении в них информации, о её сортировке, извлечении, при этом не нужно забывать, что все эти действия будут происходить на сервере хост-провайдера, где с очень большой вероятностью стоит один из вариантов Unix - следовательно, нужно так же заботится о правах доступа к файлам и их размещении. При этом объём кода значительно возрастает, и совершить ошибку в программе очень просто.
Все эти проблемы решает использование базы данных. Базы данных сами заботятся о безопасности информации и её сортировке и позволяют извлекать и размещать информацию при помощи одной строчки. Код с использованием базы данных получается более компактным, и отлаживать его гораздо легче. Кроме того, не нужно забывать и о скорости - выборка информации из базы данных происходит значительно быстрее, чем из файлов.
Приложение на РНР, использующее для хранения информации базу данных (в частности MySql) всегда работает быстрее приложения, построенного на файлах. Дело в том, что базы данных написаны на языке C++, и написать на PHP программу, которая работала бы с жёстким диском эффективнее базы данных - задача неразрешимая по определению, поскольку программы на PHP в принципе работают медленнее, чем программы на C++, так как РНР - интерпретатор, а С++ - компилятор.
Таким образом, основное достоинство базы данных заключается в том, что она берёт на себя всю работу с жёстким диском и делает это очень эффективно.
Весь код шаблона был написан с помощью редактора кода NotePad++.
NotePad++ – это бесплатный редактор кода (+IDE) заточенный именно под веб-разработку, с помощью которого можно создавать Интернет-проекты на PHP, CSS, JS и HTML, а также повысить навыки благодаря встроенной библиотеке функций. Имеется поддержка всех PHP Фреймворков (Zend, CodeIgniter, Yii, Symfony and Prado), а также JavaScript Фреймворков (jQuery, Ext JS, Dojo, MooTools, Prototype и других).
Первое что нужно отметить, это оригинальный и очень удобный эффект при фокусе участка кода с определённым языком, то есть если в данный момент разработчик редактирует PHP код, то в файле будет подсвечиваться только он, а все остальные (HTML, CSS, JS) станут затемнёнными. Эта задумка значительно повышает читабельность кода, особенно для веб-разработчиков, у которых в одном файле могут встречаться сразу по 4 языка.
Ещё одним плюсом в карму NotePad++ может послужить наличие работы напрямую с файлами по ФТП. То есть нет необходимости открывать каждый файл по отдельности через FileZilla, вместо этого доступ к любому файлу на хостинге осуществляется напрямую из самого редактора.
Также особенность данного редактора исходных кодов можно понять из самого названия редактора. Данный редактор создан специально для PHP разработчиков, а также для верстальщиков (HTML + CSS) и для программистов JavaScript (в том числе Ajax программистов). Встроенная библиотека NotePad++ имеет в своём наличии более 3000 функций, благодаря чему ваша работа будет сопровождена многочисленными подсказками по работе с той или иной функцией.
У NotePad++ – есть пакеты локализации для большинства популярных языков, в том числе есть перевод на украинский и русский языки.
Недостатки:
Первое, это отсутствия удобного вертикального выделения кода, в отличие от многих бесплатных редакторов, в том числе Sublime Text 2. Его можно включить в настройках NotePad++ однако оно реализовано на столько плохо, что можно попросту засчитать его полное отсутствие.
Нет кроссплатформенности. NotePad++ можно установить только на операционную систему Windows.
В отличие от Sublime Text 2 нельзя менять размер шрифта масштабированием: Ctrl + колёсико мыши. Чтобы поменять шрифт необходимо будет лезть в настройки, а учитывая их количество, там можно и растеряться.
И самый главный недостаток данного редактора – он платный.
Системные требования:
- Microsoft Windows XP, Vista, Windows 7 или Windows 8;
- Должно быть свободно 100 MB на вашем жёстком диске.
Программа устанавливается с помощью стандартного установщика Windows, который имеет привычное расширение .exe.
Администрирование системы управления базой данных осуществлялось с помощью веб-приложения PHPMyAdmin. PHPMyAdmin позволяет через браузер осуществлять администрирование сервера MySQL, запускать команды SQL просматривать содержимое таблиц и баз данных. Приложение пользуется большой популярностью у веб-разработчиков, так как позволяет управлять СУБД MySQL без непосредственного ввода SQL команд, предоставляя дружественный интерфейс.
На сегодняшний день PHPMyAdmin широко применяется на практике. Последнее связано с тем, что разработчики интенсивно развивают свой продукт, учитывая все нововведения СУБД MySQL. Подавляющее большинство российских провайдеров используют это приложение в качестве панели управления для того, чтобы предоставить своим клиентам возможность администрирования выделенных им баз данных.
Приложение распространяется под лицензией GNU General Public License и поэтому многие другие разработчики интегрируют его в свои разработки, например XAMPP, Denwer, AppServ, Open Server.
Проект на данный момент времени локализован на более чем 62 языках.
Инициатором является немецкий разработчик Тобиас Ратшиллер и основывается так же как и phpPgAdmin на аналогичном приложении MySQL-Webadmin, возникшем в 1997 году.
ПРАКТИЧЕСКАЯ ЧАСТЬ