Создание web-сайта Таразского инновационно-гуманитарного университета

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Министерство образования и науки Республики Казахстан

Таразский инновационно-гуманитарный университет

Создание web-сайта

Таразского инновационно-гуманитарного университета

ДИПЛОМНАЯ РАБОТА

специальность 5В070400 - «Вычислительная техника и программное обеспечение»

Дружилин Бртур Васильевич

Тараз 2015

АНДАТПА

«Тараз инновациялы?-гуманитарлы? университетіні? web-сайтты? жасау» та?ырыбына жазыл?ан дипломды? ж?мыс кіріспе, негізгі б?лім, ?олданыл?ан ?дебиет, ?орытынды ж?не ?осымшадан т?рады.

Дипломды? жобаны? ма?саты Тараз инновациялы?-гуманитарлы? университетіні? а?паратты?-білімдік web-сайтты? ?зірлеу ж?не университетті? ?р т?рлі а?парат?а ?олжетімділікті о?айлату. Сайтты? бас?ару барысында оны? ж?мысын же?ілдету ?шін ба?дарламалармен ?амтамасыз ету турасында с?ра?тар шешіліп ?ойыл?ан.

Дипломда ж?зеге асыру ??ралдары к?рсетілген, ж?не де дайын жобаны? жетістіктері экономикалы? тиімділігі жа?ынан есебі келтірілген, а?партты? ?ауіпсіздік с?ра?тары ж?не ж?йедегі а?паратты ?ор?ау шаралары ?арастырыл?ан.

Диплом ж?мысында 77 бет жазба, 40 сурет бар.

ABSTRACT

Degree work to subjects "Web-site development for the Taraz Innovative Humanities University" consists of the introduction, main part, literature list, conclusions, schedules and exhibits.

The Purpose of this degree work is the developing of the web-site for the Taraz Innovative Humanities University and greater transparency as requested with respect to University information. The problem of the software to make the site managing easier has been solved.

The implementation medium of the developed project as well as the result of the finished project is described in this degree work. The project cost-effectiveness analysis, also the questions concerning to the information safety and protection in the computer system are considered. 

The degree work contains 77 pages, 40 pictures.

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. ХАРАКТЕРИСТИКА СРЕДСТВ СОЗДАНИЯ WEB - САЙТОВ

1.1 Обзор сайтов и краткая характеристика используемой ОС

1.2 Основные технологии для разработки Web приложений

1.3 Современные способы построения сайта

2. РЕАЛИЗАЦИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

2.1 Локальный сервер

2.2 Обоснование проектных решений по видам обеспечения

2.3 Пользовательская часть сайта

2.4 Панель управления (администратора) в Joomla

3. ОЦЕНКА ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

3.1 Защита информации

3.2 Раздел технико-экономического обоснования эффективности принятых решений

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ

ПРИЛОЖЕНИЯ

Приложение А. Файл index.php из шаблона TIGU

Приложение В. Файл blog.php из переопределения для шаблона TIGU

ВВЕДЕНИЕ

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

Существует много примеров, когда наличие хорошо спланированного ресурса в Интернете позволяло многим фирмам высоко подняться. Для многих мелких фирм и организаций нет никакой возможности заявить о себе в обычной рекламе, например, если это связано с повышенной информационной ёмкостью и как следствие с большой ценной за рекламу. Единственной возможностью заявить о себе в полном объеме, предоставить полную информацию о своих возможностях, услугах, товарах и ценах, заключается в наличии собственного Интернет-ресурса. Крупные корпоративные компании вынуждены использовать сложные сетевые технологии, для обеспечения связи между всеми своими членами.

В связи с ростом пользователей, для которых Интернет -- это не столько работа, сколько способ отдыха и развлечений появилось большое количество развлекательных серверов, которые не столько морально, сколько материально заинтересованы в создании более технически-совершенного и привлекательного, чем у конкурентов WEB-ресурса сервера.

Все эти, и не только, факты делаю вопрос о создании интересно оформленного, технически грамотно спланированного WEB - сайта, крайне актуальным.

На данный момент создание сайтов стало доступна каждому пользователю в сети не имея некого образования в сфере программирования. Для создания не сложных сайтов в домашних условиях достаточно использовать популярные программы, например, как Adobe Dreamweaver или конструктор сайта Joomla. CMS Joomla включает в себя различные инструменты для разработки веб-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге.

Joomla позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского и ещё некоторых языков стран СНГ.

В качестве - владельца WEB - ресурса взят университет города (Таразский инновационно - гуманитарный университет). Связано это также с тем, что при создании хорошо спланированного, интерактивного информационного сайта, приходится применять не только технологические, но и аналитические знания.

Актуальность темы обусловлена необходимостью создания информационно-образовательного web-сайта ТИГУ на CMS Joomla, поскольку это позволяет легче управлять содержимым сайта, заявить о себе в полном объеме, предоставить полную информацию о своих возможностях, услугах.

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

1. Рассмотреть организационную структуру управления деятельностью университета, с учетом его организационно-правой формы;

2. Изучить методику проектирования web-сайта;

3. Выявить эффективность функционирования web-сайта и информационных технологий университета;

4. Разработать информационно-образовательный web-сайт для ТИГУ;

Целью в аналитическом смысле является рассмотрение существующего состояния предметной области, характеристики объекта и системы управления и обоснование предложений по устранению выявленных недостатков, внедрению новых подходов, новых технологий и т. д.

1. ХАРАКТЕРИСТИКА СРЕДСТВ СОЗДАНИЯ WEB - САЙТОВ

1.1 Обзор web - сайтов

При написании данной работы были изучены веб-сайты нескольких университетов (института): Московского государственного университета экономики, статистики и информатики (МЭСИ); Павлодарского государственного педагогического института (ППИ); Восточно-Казахстанского государственного технического университета им. Д. Серикбаева (ВКГТУ); Назарбаевского университета (НУ); Южно-Казахстанского государственного университета (ЮКГУ).

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

Основные разделы (1-ого уровня) карты сайта МЭСИ - это: «Об университете», «Образование», «Учебный процесс», «Наука», «УМО (Учебно-методическое объединение)», «Трудоустройство», «Международное сотрудничество», «МЭСИ в регионах», «Наша жизнь».

При переходе по ссылке «Об университете» попадаем на подпункт этого раздела «О нас». Этой страница, сверху, начинается с шапки сайта (как обычно), ниже развёрнутые подменю данного раздела. Далее описаны сведения об университете, «Требования 273-ФЗ и постановления Правительства РФ №582, приказа №785», разделённые по списку по категориям и подкатегориям (на данный момент их 20 основных категорий). Следом расположена карусель с логотипами, новостями, событиями и т.п. И в конце, в самом низу, находится подвал (футер) с копирайтом и некоторыми ссылками.

Основные разделы карты сайта ППИ: «Об институте», «Студенту», «Учителю», «Родителям», «Абитуриенту».

У ВКГТУ: «Об университете», «Образование», «Факультеты», «Наука», «Подразделения», «Научная библиотека», «Летний семестр», «ЕАЭC».

В разделе «Об университете», сайта МЭСИ, находятся подразделы (2-ого уровня), содержащие сведения, историю, планы, достижения и награды, документы, некоторые данные о работниках, такие как: «О нас», «Сведения об университете», «Миссия и видение», «История МЭСИ», «Руководство», «Преподаватели», «Подразделения», «МЭСИ в цифрах», «Фонд целевого капитала», «Документы», «Награды», «Издания», «Партнеры», «Прессе», «Вопросы», «Контакты».

В разделе «Образование», главного меню, содержится информация о предоставляемых видах обучения, такие разделы: «Довузовское образование», «Среднее профессиональное образование», «Высшее образование», «Подготовка кадров высшей квалификации», «Дополнительное образование», «MBA (Мастер делового администрирования - Master of Business Administration)», «Онлайн обучение», «Летняя школа русского языка».

В разделе «Учебный процесс», главного меню, находятся подразделы с объявлениями, расписанием, документами, приказами, вопросами.

В «Науке» - научные публикации, научные журналы, научные исследования, научно-исследовательская деятельность МЭСИ и научно-исследовательские работы студентов, в общем, всё связанное с наукой, а также диссертации, дипломы, олимпиады и т.п.

Раздел «УМО» говорит о том, что МЭСИ является крупным учебно-методическим центром России. На его базе с 1988 г. действует Учебно-методическое объединение (УМО) высших учебных заведений Российской Федерации по образованию в области прикладной информатики, математических методов в экономике, статистики и антикризисного управления. В подразделах можно просмотреть все события и отфильтровать их (конференции, новости, мероприятия). Также нам присутствует информация о сотрудниках УМО, разные связанные документы, научные труды.

В разделе «Трудоустройство», понятно что там находится. Всё о том, как и где получить работу. Например, ярмарка вакансий - это замечательная возможность для студентов и выпускников получить шанс быть трудоустроенными в крупнейшие российские и международные компании, а также шанс познакомиться с рынком трудоустройства в Москве. Также можно узнать, как составлять резюме, в соответствующем подразделе. И работодатели могут здесь разместить свои вакансии, для студентов и выпускников.

Есть и раздел «Международное сотрудничество», в котором написано о международных образовательных программах, международных проектах, партнерских университетах и организациях и о сотрудниках.

В следующем разделе «МЭСИ в регионах» написано, что МЭСИ - первый в России электронный распределенный университет, единый образовательный комплекс, включающий головной вуз и 19 филиалов, в том числе 4 зарубежных: в Республике Беларусь, Армении, Латвии и Казахстане. О том, что что их цель - предоставление качественного образования всем желающим независимо от места проживания и времени обучения для их полноценного и эффективного участия в общественной и профессиональной областях в условиях информационного общества. Также о том, что у них масштабная региональная сеть. В подразделе «Филиалы» можно, на карте, найти филиал, выделить его и увидеть краткую информацию о нём.

И последний раздел «Наша жизнь», в котором расположились публикации, фотографии, аудио, видео, трансляции, события из жизни университета. Здесь присутствует подраздел «Форум», где можно увидеть “разговоры” на разные темы. В этом же разделе можно задать вопрос ректору.

Сайт МЭСИ сделан в светлом тоне. Фон светлый, почти белый. Цвет текста синий, в малом количестве серые и зелёные цвета. У ППИ два цвета: синий и белый. ВКГТУ состоит из белого фона, текст синего, красного, чёрного, белого текста на оранжевом фоне.

Краткая характеристика используемой операционной системы Windows. Windows XP, Windows Vista, Windows 7, Windows 8 - это последнее воплощение графических операционных систем для использования на компьютерах типа IBM PC и совместимых с ним. По мере проникновения на рынок, за последнее десятилетие, Windows XP, Windows Vista, Windows 7, Windows 8 почти полностью вытеснили всех имевшихся конкурентов и стали, фактическими, эталонами операционной системы для персональных компьютеров. Теперь, если вы пишете программу для совместимых с IBM PC компьютеров, то вы пишете для Windows XP, Windows Vista, Windows 7, Windows 8.

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

Windows - это графический интерфейс, и программы для Windows могут полностью использовать графику и форматированный текст как на дисплее, так и на принтере.

Графический интерфейс не только более удобнее для восприятия, но он может также обеспечить пользователю высококачественное отображение информации.

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

1.2 Основные технологии для разработки Web приложений

История РНР начинается с 1995 года, когда независимый программист-контрактник по имени Расмус Лердорф (Rasmus Lerdorf) написал сценарий Perl/CGI для подсчета количества посетителей сайта, прочитавших его онлайновое резюме. Его сценарий решал две задачи: регистрацию данных посетителя и вывод количества посетителей на web-странице. Развитие WWW еще только начиналось, никаких специальных средств для решения этих задач не было, и к автору хлынул поток сообщений с вопросами. Лердорф начал бесплатно раздавать свой инструментарий, названный Personal Home Page (РНР) или Hypertext Processor (гипертекстовый процессор).

Шумный успех инструментария РНР заставил Лердорфа приступить к разработке расширений РНР. Одно из расширений преобразовывало данные, введенные на форме HTML, в символические переменные, что позволяло экспортировать их в другие системы. Чтобы добиться поставленной цели, Лердорф решил в дальнейших разработках перейти с Perl на С. Расширение существующего инструментария РНР привело к появлению РНР 2.0, или PHP-FI (Personal Home Page - Form Interpretator). В усовершенствовании версии 2.0 принимали участие программисты со всего мира.

Новая версия РНР пользовалась исключительной популярностью, и вскоре образовалась основная команда разработчиков. Они сохранили исходную концепцию внедрения программного кода прямо в HTML и переписали заново механизм лексического анализа, что привело к появлению РНР 3.0. К моменту выхода версии 3.0 в 1997 году свыше 50 000 пользователей применяли РНР для улучшения своих web-страниц.

В 1997 году было решено, что сокращение РНР должно означать не «Personal Homepage», а «РНР Hypertext Processor»

В течение следующих двух лет стремительное развитие РНР продолжалось. В язык добавлялись сотни новых функций, а количество пользователей стремительно росло. В начале 1999 года служба Netcraft (http://www.netcraft.com) сообщила о том, что, по минимальным оценкам, число пользователей РНР превысило 1 000 000, в результате чего РНР стал одним из самых популярных сценарных языков в мире.

В начале 1999 года было объявлено о предстоящем выходе РНР 4.0. Хотя одной из сильнейших сторон РНР была эффективность выполнения сценариев, при первоначальных разработках не предполагалось, что на базе РНР будут строиться крупномасштабные приложения. По этой причине была начата работа над более устойчивым механизмом лексического анализа, больше известным под названием Zend (http://www.zend.com). Работа шла быстро и завершилась 22 мая 2000 года выпуском РНР версии 4.0.

РНР лучше всего охарактеризовать как работающий на стороне сервера встроенный язык сценариев Web, позволяющий разработчикам быстро и эффективно строить динамические web-приложения. С позиций грамматики и синтаксиса РНР напоминает язык программирования С, хотя разработчики не постеснялись включить в него средства из других языков, в том числе из Perl, Java и C++. Среди ценных заимствованных возможностей - поддержка регулярных выражений, мощные средства работы с массивами, объектно-ориентированная методология и обширная поддержка работы с базами данных.

При написании приложений, выходящих за рамки традиционной, статической методологии разработки web-страниц (то есть HTML), РНР также может послужить ценным инструментом для создания и управления динамическим содержанием, который используется наряду с JavaScript, стилями, WML (Wireless Markup Language) и другими полезными языками. Благодаря наличию сотен стандартных функций РНР в состоянии решить практически любую задачу, которая может придти в голову разработчику. В нем имеется обширная поддержка создания графики и операций с ней, математических вычислений, средств электронной коммерции и таких популярных технологий, как XML (Extensible Markup Language), ODBC (Open Database Connectivity) и Macromedia Shockwave. Широкий выбор возможностей избавляет от необходимости рутинной и непростой работы по подключению сторонних модулей, поэтому многие разработчики со всего мира останавливают свой выбор на РНР.

Одним из главных достоинств РНР является тот факт, что он внедряется прямо в HTML-код, поэтому программисту не приходится писать программу с множеством команд для простого вывода HTML.

Конечно, для выполнения сценариев РНР необходимо предварительно установить и настроить программное обеспечение РНР на сервере. Этот процесс описан в разделе «Загрузка и установка РНР/Apache» настоящей главы. Разделу предшествуют фрагменты из отзывов нескольких пользователей, выступающих в пользу РНР, с кратким обзором языка и его истории…

Характеристики РНР. РНР должен предоставить программисту средства для быстрого и эффективного решения поставленных задач. Практический характер РНР обусловлен пятью важными характеристиками:

-простотой;

-эффективностью;

-безопасностью;

Простота. Сценарий РНР может состоять из 10 000 строк или из одной строки - все зависит от специфики вашей задачи. Вам не придется подгружать библиотеки, указывать специальные параметры компиляции или что-нибудь в этом роде. Механизм РНР просто начинает выполнять код после первой экранирующей последовательности (<?) и продолжает выполнение до того момента, когда он встретит парную экранирующую последовательность (?>). Если код имеет правильный синтаксис, он исполняется в точности так, как указал программист.

Эффективность. Эффективность является исключительно важным фактором при программировании для многопользовательских сред, к числу которых относится и WWW. В РНР 4.0 был реализован механизм выделения ресурсов и обеспечена улучшенная поддержка объектно-ориентированного программирования, а также средства управления сеансом. В последней версии появился и механизм подсчета ссылок (reference counting), предотвращающий выделение лишней памяти.

Безопасность. РНР предоставляет в распоряжение разработчиков и администраторов гибкие и эффективные средства безопасности, которые условно делятся на две категории: средства системного уровня и средства уровня приложения.

Средства безопасности системного уровня. В РНР реализованы механизмы безопасности, находящиеся под управлением администраторов; при правильной настройке РНР это обеспечивает максимальную свободу действий и безопасность. РНР может работать в так называемом безопасном режиме (safemode), который ограничивает возможности применения РНР пользователями по ряду важных показателей. Например, можно ограничить максимальное время выполнения и использование памяти (неконтролируемый расход памяти отрицательно влияет на быстродействие сервера). По аналогии с cgi-bin администратор также может устанавливать ограничения на каталоги, в которых пользователь может просматривать и исполнять сценарии РНР, а также использовать сценарии РНР для просмотра конфиденциальной информации на сервере (например, файла passwd).

Средства безопасности уровня приложения. В стандартный набор функций РНР входит ряд надежных механизмов шифрования. РНР также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции (e-commerce).

Другое преимущество заключается в том, что исходный текст сценариев РНР нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация РНР на стороне сервера предотвращает похищение нетривиальных сценариев пользователями, знаний которых хватает хотя бы для выполнения команды View Source.

Поскольку РНР является встраиваемым языком, он отличается исключительной гибкостью по отношению к потребностям разработчика. Хотя РНР обычно рекомендуется использовать в сочетании с HTML, он с таким же успехом интегрируется и в JavaScript, WML, XML и другие языки. Кроме того, хорошо структурированные приложения РНР легко расширяются по мере необходимости (впрочем, это относится ко всем основным языкам программирования).

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

Поскольку РНР не содержит кода, ориентированного на конкретный web-сервер, пользователи не ограничиваются определенными серверами (возможно, незнакомыми для них). Apache, Microsoft IIS, Netscape Enterprise Server, Stronghold и Zeus - РНР работает на всех перечисленных серверах. Поскольку эти серверы работают на разных платформах, РНР в целом является платформенно-независимым языком и существует на таких платформах, как UNIX, Solaris, FreeBSD и Windows 95/98/NT.

В наши дни РНР обладает исключительно богатыми возможностями. Мы используем его практически во всех создаваемых web-сайтах, включая 32bit.com и DevShed.com. Мы даже воспользовались им в Info West для реализации службы поддержки, управления учетными записями и отслеживания портов [1].

Краткая характеристика языка HTML. Термин HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации, HTML оказались пронумерованными. Известны спецификации 2.0, 3.0 и 3.2. Текущую спецификацию HTML всегда можно найти на сервере W3C.

HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей [2].

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

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

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа: <TITLE> Заголовок документа </TITLE>

HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:

<title> Заголовок документа </title>

Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.

Некоторые тэги, такие, как <P> (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.

Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

<HTML> ...тело документа... </HTML>

Заголовочная часть документа <HEAD>

Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Избегайте размещать какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:

<HTML><HEAD><TITLE> Список сотрудников </TITLE></HEAD> Заголовок документа <TITLE>

Большинство WEB-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

Комментарии

Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Синтаксис комментария:

<!-- Это комментарий -->

Комментарии могут встречаться в документе где угодно и в любом количестве.

Тэги тела документа идентифицируют отображаемые в окне компоненты HTML-документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Тело документа <BODY>

Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация вашего документа.

Тэг абзаца <P>

В отличии от большинства текстовых процессоров, в HTML-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Однако браузер разделяет абзацы только при наличии тэга <P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет выглядеть как один большой абзац.

Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее - ссылки), вы делаете набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно [3].

Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например, запрашивать файл по FTP-протоколу для отображения его браузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов. Возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.

Одна из наиболее привлекательных черт Web - возможность включения ссылок на графические и иные типы данных в HTML-документ. Делается это при помощи тэга <IMG...ISMAP>. Использование данного тэга позволяет значительно улучшить внешний вид и функциональность документов.

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

Это наиболее используемая техника при проектировании документов, называемая иногда "inlineimage".

Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенная пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (CommonGatewayInterface) интерфейсом.

Когда вы описываете форму, каждый элемент ввода данных имеет тэг <INPUT>. Когда пользователь помещает данные в элемент формы, информация размещается в разделе VALUE данного элемента. Одна из наиболее привлекательных черт Web - возможность включения ссылок на графические и иные типы данных в HTML-документ.

Коротко о JavaScript. JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами. В браузере они подключаются напрямую к HTML и, как только загружается страничка -- тут же выполняются.

Программы на JavaScript -- обычный текст. Они не требуют какой-то специальной подготовки.

В этом плане JavaScript сильно отличается от другого языка, который называется Java.

Почему JavaScript? Когда создавался язык JavaScript, у него изначально было другое название: «LiveScript». Но тогда был очень популярен язык Java, и маркетологи решили, что схожее название сделает новый язык более популярным.

Планировалось, что JavaScript будет эдаким «младшим братом» Java. Однако, история распорядилась по-своему, JavaScript сильно вырос, и сейчас это совершенно независимый язык, со своей спецификацией, которая называется ECMAScript, и к Java не имеет никакого отношения.

JavaScript может выполняться не только в браузере, а где угодно, нужна лишь специальная программа -- интерпретатор. Процесс выполнения скрипта называют «интерпретацией».

Компиляция и интерпретация, для программистов. Для выполнения программ, не важно на каком языке, существуют два способа: «компиляция» и «интерпретация».

· Компиляция -- это когда исходный код программы, при помощи специального инструмента, другой программы, которая называется «компилятор», преобразуется в другой язык, как правило -- в машинный код. Этот машинный код затем распространяется и запускается. При этом исходный код программы остаётся у разработчика.

· Интерпретация -- это когда исходный код программы получает другой инструмент, который называют «интерпретатор», и выполняет его «как есть». При этом распространяется именно сам исходный код (скрипт). Этот подход применяется в браузерах для JavaScript.

Современные интерпретаторы перед выполнением преобразуют JavaScript в машинный код или близко к нему, оптимизируют, а уже затем выполняют. И даже во время выполнения стараются оптимизировать. Поэтому JavaScript работает очень быстро.

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

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

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

· Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т.п.

· Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т.п.

· Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется "AJAX").

· Получать и устанавливать cookie, запрашивать данные, выводить сообщения…

· …и многое, многое другое!

Что НЕ умеет JavaScript. JavaScript -- быстрый и мощный язык, но браузер накладывает на его исполнение некоторые ограничения...

Это сделано для безопасности пользователей, чтобы злоумышленник не мог с помощью JavaScript получить личные данные или как-то навредить компьютеру пользователя.

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

Большинство возможностей JavaScript в браузере ограничено текущим окном и страницей.

· JavaScript не может читать/записывать произвольные файлы на жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к операционной системе.

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

· JavaScript, работающий в одной вкладке, не может общаться с другими вкладками и окнами, за исключением случая, когда он сам открыл это окно или несколько вкладок из одного источника (одинаковый домен, порт, протокол).

Есть способы -- это обойти, и они раскрыты в учебнике, но они требуют специального кода на оба документа, которые находятся в разных вкладках или окнах. Без него, из соображений безопасности, залезть из одной вкладки в другую при помощи JavaScript нельзя.

· Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности.

Уникальность JavaScript. Есть как минимум три замечательных особенности JavaScript:

· Полная интеграция с HTML/CSS.

· Простые вещи делаются просто.

· Поддерживается всеми распространенными браузерами и включен по умолчанию.

Этих трёх вещей одновременно нет больше ни в одной браузерной технологии. Поэтому JavaScript и является самым распространенным средством создания браузерных интерфейсов [4].

CMS (Content Management System -- Система Управления Содержимым) Joomla. «Joomla» - это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. «Joomla» является свободным программным обеспечением, защищённым лицензией GPL [5]. Одной из главных особенностей «Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. Название «Joomla» фонетически идентично слову «Jumla», которое в переводе означает «все вместе» или «единое целое», что отражает подход разработчиков и сообщества к развитию системы. Это название было выбрано сообществом среди многих, прошло проверку профессионалами маркетинга, и было решено, что «Joomla» - это самый удачный выбор.

Система управления содержанием «Joomla» является ответвлением широко известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. 16 сентября 2005 года в свет вышла первая версия «Joomla», являющаяся по сути переименованной Mambo и включающая в себя исправления найденных на тот момент ошибок и уязвимостей [6].

CMS «Joomla» включает в себя различные инструменты для изготовления web-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который обогащается по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит пространство на хостинге.

Достоинства «Joomla»:

«Joomla» бесплатна.

«Joomla» развивается профессионалами уже больше 10 лет. Т.е. можно быть уверенным что система будет развиваться и дальше, а сайты, написанные на ней, будут и дальше актуальны.

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

Более 4000 бесплатных и платных расширений.

Система реализована по блочному принципу. У каждого созданного сайта на «Joomla» существует своя шапка, левый и правый блоки, меню и т.д. Такое построение упрощает понимание системы.

«Joomla» позволяет создавать сайты любой сложности.

«Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются. Недостатки «Joomla»:

«Joomla» не очень быстра на локальном сервере.

В 2008 году система перешла на новую ступень развития (версия 1.5.х), поэтому часть дополнений, сделанных под версию 1.0.х стали недоступными [7].

1.3 Современные способы построения сайта

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

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

Современные технологии создания сайтов. Безусловно, владеть различными технологиями создания веб-сайтов может только специалист, для которого создание сайтов - это каждодневный труд. Какие же технологии создания сайта необходимо в совершенстве изучить, чтобы получать результаты, которые будут удовлетворять всем требованиям заказчика?

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

*JavaScript, который постоянно совершенствуется в процессе создания сайтов;

*HTML, необходимый для создания страниц текста, которые затем будут легко читаться в любом браузере;

*СУБД и MySQL, предназначенные для работы со структурированными базами данных [7].

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

Методы ручного создания сайтов довольно сложны, ведь они требуют значительных познаний в области веб-программирования или дизайна сайтов. Однако они обладают неоспоримым преимуществом: создавая сайт вручную, всегда можно получить именно то, что хочешь. «Ручные» методы создания сайтов многие «акулы» веб-программирования предпочитают именно поэтому.

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

Широкие возможности по созданию сайтов любой сложности предоставляют CMS. Именно этот метод создания сайтов по праву считается одним из наиболее удобных и практичных. Гибкая система настроек, возможность редактирования самой CMS или же отдельных ее элементов, легкость добавления и изменения контента - все это сделало создание сайтов на базе CMS по-настоящему эффективным.

Специалисты веб-студии WеbStudio2U давно оценили все преимущества систем управления контентом и в своей работе используют именно этот метод создания сайтов. Своим клиентам WеbStudio2U предлагает создание сайтов на Joomla! - одной из мощнейших систем управления контентом с открытым кодом (Open Source CMS) на планете.

Технологии создания сайтов не стоят на месте, каждый день появляются новинки, которые можно использовать в процессе работы. Создание сайтов - творческий процесс, а для реализации всех своих идей необходимо владеть современной технологической базой, совершенствовать свои умения и получать новые знания в области веб-технологий [8].

Принципы построения клиент / серверных систем. Для разработки клиент / серверных систем имеется два подхода:

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

- построение систем на основе трехзвенной архитектуры.

Двухзвенная архитектура состоит из клиентской и серверной части. Как правило, серверная часть представляет собой сервер БД, на котором расположены общие данные. А клиентская часть представляет приложение, которое связывается с сервером БД, осуществляет к нему запросы и получает ответы. Такие системы используются в локальных сетях, т. к. нет затруднений с установкой клиентской части. Также системы с такой архитектурой более безопасны, т. к. могут использовать собственные протоколы передачи данных, не известные злоумышленникам. Поэтому многие крупные компании, которые располагаются не в едином месте и для соединения подразделений используют глобальную сеть Интернет, выбирают именно такую архитектуру построения клиент / серверных систем.

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

Трезвенная архитектура также состоит из двух частей: клиента и сервера. Но серверная часть в этой архитектуре представляет собой сервер приложений и сервер БД. А в качестве клиента выступает web_браузер. Такая система очень проста для пользователя. Ему необходимо знать только адрес сервера приложения и наличие web_браузера на рабочем компьютере. Все данные представляются в виде html_разметки с использование графики (jpeg, gif, flash), каскадных слоев CSS и JavaScript. Передача запросов от клиента к серверу приложений происходит по средствам CGI_интерфейса. Сервер приложений общается с сервером БД, используя другой интерфейс, зависящий от того, на основе каких средств строится конкретная информационная система. Недостатками такой архитектуры является использование общеизвестных протоколов передачи данных. Злоумышленник может осуществить взлом системы, если она будет недостаточно хорошо проверять поступившие запросы от клиента. Трехзвенная архитектура показана на рис. 1.

Рис. 1. Трехзвенная архитектура

При разработке клиент / серверных приложений необходимо учитывать:

- на каких пользователей будет рассчитана данная информационная система;

- какие требования предъявляются к безопасности.

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

2. РЕАЛИЗАЦИЯ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ

2.1 Локальный сервер

Установка локального сервера Denwer. Для начала работы нам конечно же понадобиться сам Денвер, скачать его можно с официального сайта http://www.denwer.ru/ предварительно зарегистрировавшись. Сама установка дистрибутива занимает не больше минуты. Важнее знать принципы работы локальной машины, её структуру. И так, после того как Вы скачали денвер, запускайте его. После запуска перед вами откроется окно с рекламой, закрываете его и нажимаете Enter (рис. 2).

Рис. 2. Установка локального сервера Denwer

1) Место установки

На первом этапе вас спросят в какое место устанавливать локальный сервер. Вам сразу по умолчанию предложат установить denwer на диск C в папку WebServers. путь - C: \WebServers. Разработчики рекомендуют устанавливать комплекс вкаталог первого уровня,то есть, C: \WebServers, а не, например, C: \Denwer\WebServers. тогда не возникнет проблем с установками пактов расширений. Я всегда ставил в корень диска, поэтому проблем не было. Нажимаете Enter (рис. 3).



Рис. 3. Место установки

2) Виртуальный диск

Далее вам предложат ввести имя виртуального диска, который будет связан с только что указанной директорией. Рекомендуем вам согласиться со значением по умолчанию (Z:). Важно, что диска с этим именем еще не должно содержаться в системе (рис. 4).

Рис. 4. Виртуальный диск

3) Запуск и установка комплекса

Затем вас спросят в каком режиме запускать Denwer по умолчанию стоит 1 режим, в котором установка виртуального диска происходит сразу с загрузкой Windows, загрузка серверов происходит по нажатию ярлыка как и во 2 режиме, но в котором виртуальный диск включается во время запуска сервером и отключение после остановки denwer. Некоторые ОС Windows не умеют правильно отключать диски требуют при этом перезагрузку. Всегда использовал 1 вариант, поскольку удобнее в качестве быстрого доступа к папкам и проблем с запуском виртуального диска не бывает. Нажимаете Enter.

Вот и все, локальная машина установлена.

Теперь рассмотрим структуру локального сервера:

Корневая папка:

в которой еще четыре папки:

И на рабочем столе будут ярлыки (рис. 5):

Рис. 5. Ярлыки на рабочем столе

В папке denwer находятся файлы эти файлы запуска, перезагрузки, остановки и другие. В папке home будут ваши сайты, а также файлы администрирования в localhost. В папке tmp находятся временные файлы. В папке usr находятся файлы баз данных mysql, она сама php,bin, файлы apache и другие [9].

Установка Joomla на Локальный сервер Денвер. Подготовка к установке.

После того как вы скачали Joomla вам потребуется:

Создать папку с именем Вашего сайта, например, mysite. local, в которой создать еще папку с обязательным названием www

Распаковать скачанный архив с Joomla в папку www

Запустить Денвер - ярлык Run, либоWebServers/denwer/Run. exe

Путь до папки www в моем случае: C: /WebServer/home/mysite. local/www (C: /WebServer он же диск Z, - то диск который мы устанавливали на денвере) [11].