Разработка образовательного сайта

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

Разработка образовательного сайта



Содержание

Введение

1. Основы разработки образовательного сайта

1.1 Основы разработки сайтов

1.2 Выбор платформы разработки сайта

2. Разработка образовательного сайта КазУФиМТ им.Т.Рыскулова

2.1 Постановки задачи разработки сайта

2.2 Разработка базы данных

2.3 Разработка web-интерфейса

3. Оценка экономической эффективности разработки программного обеспечения

3.1 Технико-экономическое обоснование проекта

4. Охрана жизни, труда и здоровья человека

4.1 Право на охрану

4.2 Характеристики потенциально опасных и вредных производственных факторов

Заключение

Список использованной литературы



Введение

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

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

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

Wеb-cайт - это информационный продукт, представляющий собой совокупность страниц, объединенных по смыслу и расположенных на одном Web-сервере. Задача Web-Сайта учреждения - бесперебойное предоставление разнообразных информационных продуктов и услуг целевой аудитории в on-line режиме.

Цель данной работы - проанализировать принципы создания web-сайтов образовательных учреждений и на их основе разработать сайт для кафедры КазУФиМТ им.Т.Рыскулова. Содержание включает рассмотрение понятий "электронная библиотека", характеристику разных видов электронных библиотек, анализ текущего состояния развития технологий, используемых при создании электронных библиотек.

Задачи:

Изучить основные свойства и характеристики сайтов образовательных учреждений, определить их задачи и функции;

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

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

Выбрать программные средства для реализации и размещения сайта в сети Интернет;



1. Основы разработки образовательного сайта

1.1 Основы разработки сайтов

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

Процесс создания и разработки сайтов включает в себя:

1. Утверждение первичного технического задания на разработку сайта;

2. Определение структурной схемы сайта - расположение разделов, контента и навигации;

3. Веб-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

4. Разработку программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

5. Тестирование и размещение сайта в сети Интернет.

Интернет - глобальная информационная сеть, части которой логически взаимосвязаны друг с другом посредством единого адресного пространства, основанного на протоколе TCP/IP. Интернет состоит из множества взаимосвязанных компьютерных сетей и обеспечивает удаленный доступ к компьютерам, электронной почте, доскам объявлений, базам данных и дискуссионным группам[1].

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

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

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

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

Главная страница - начальная страница веб-сайта. Обычно главная станица несет основную презентативную и навигационную нагрузку.

Личные страницы - веб-страницы, которые принадлежат физическим лицам. Содержание и оформление личной страницы зависит только от ее автора.

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

Web - сайт (или Web - узел) - это набор связанных между собой близких по смыслу Web - страниц и файлов.Web - сайты обычно посвящены какой-то определенной теме и содержат информацию, относящуюся к частному лицу или компании.

На каждом Web - сайте существует одна особенная Web - страница, называемая домашней или главной страницей (homepage). Все посетители сайта сначала попадают на эту страницу. Щелкнув на той или иной гиперссылке, пользователи смогут попасть и на другие страницы сайта. Web - страницы, на которые указывают гиперссылки, могут быть расположены и на том же самом компьютере, где размещена домашняя страница, и на любом другом компьютере, подключенном к Internet.

Гиперссылка - это текст или изображение на Web - странице, при щелчке на котором происходит переход к другой Web - странице или сайту.

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

Гиперссылка состоит из двух частей: самой гиперссылки и адреса назначения (target), определяющего путь к Web - странице, которая загрузится после щелчка на гиперссылке. Когда пользователь помещает указатель мыши на гиперссылку, он принимает форму указывающей руки. Такая форма указателя сообщает пользователю, что объект (графическое изображение или текст), расположенный под ним, представляет собой гиперссылку.

Браузер - от английского слова Browser (окно просмотра или обозреватель), т.е. программа-обозреватель Internet - InternetExplorer, Opera, GoogleChrome или любая другая.

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

Web - сайт размещается на Web - сервере (Web - server) - компьютере, предоставляющем доступ к Web - страницам посетителям сайта. Однако можно создать Web - сайт непосредственно в файловой системе компьютера, а затем, когда он будет готов, опубликовать его на Web - сервере. Обычно Web - сервер подключен к Internet, что позволяет просматривать Web - страницы, размещенные на нем, в WorldWideWeb. Многие компании и организации устанавливают Web - серверы и в интранет - сетях. На таких серверах лучше всего размещать Web - сайты, содержащие внутри корпоративную информацию, предназначенную только для сотрудников компании. К некоторым страницам интернет - сайта может быть открыт доступ и из WorldWideWeb, в то время как остальные страницы будут доступны только из локальной сети компании[2].

Большинство Internet - провайдеров (Internetserviceprovider - ISP) предоставляют услугу по размещению Web - сайта (эта услуга называется Web - хостингом - Webhosting) как часть набора услуг при получении доступа к Internet. При этом провайдер выделяет часть дискового пространства на Web - сервере для хранения Web - файлов. Для простейших Web - сайтов набор услуг по их размещению и поддержке, оказываемый Internet - провайдерами, бывает вполне достаточен. Большие и сложные Web - сайты стоит размещать на выделенном (dedicated) сервере (иначе называемом выделенным Web - хостом), где можно получить больший объем дискового пространства. На выделенном сервере также может быть установлено и более быстрое оборудование.

Теперь необходимо решить, какой материал будет содержать Web - сайт, представляющий клиента WorldWideWeb. Для начала стоит определить, каким будет назначение создаваемого Web - сайта.

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

Затем необходимо определить, как Web - страницы сайта будут связаны друг с другом. Очевидно при помощи гиперссылок.

Фрейм (frame) представляет собой отдельную область, содержимое которой отображается независимо от домашней страницы. Можно переходить от одной страницы к другой, при этом они будут отображаться в правом фрейме, а содержимое левого фрейма (например, меню с гиперссылками) будет оставаться неизменным.

Помещение графических изображений на Web - страницу. Существуют два основных типа графических изображений: фотографии и рисунки. Файлы, содержащие фотографические изображения, могут быть разных форматов, но для Web - браузеров чаще всего используются либо GIF (GraphicsInterchangeFormat - формат обмена графическими данными), либо JPEG (JointPhotographicGroup - формат объединенной экспертной группы по фотографии). В форматах GIF и JPEG используются алгоритмы сжатия изображений, что дает возможность хранить изображения в файле меньшего размера, чем в случае других форматов. Файлы изображений в этих форматах будут загружаться быстрее.

Большая часть Web - страниц несет в себе какую-либо информацию, однако информация - не единственное, ради чего стоит создавать страницы. Нужно сделать так, чтобы Web - сайт было просто приятно просматривать. Один из способов сделать сайт более привлекательным - добавить на домашнюю страницу фоновое звуковое оформление. Фоновый звук будет воспроизводиться все время, пока страница будет открыта в Web - браузере. Но так же просто можно помещать на страницы и видеоклипы. Когда посетитель Web - сайта загружает страницу с встроенным видеоклипом, будут одновременно воспроизводиться видео и звук. Также можно создавать гиперссылки к файлам, содержащим видеоклипы[3].

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

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

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

Всплывающая кнопка представляет собой Java - апплет (программу), создаваемый FrontPage. Можно использовать всплывающую кнопку для перехода к другой Web - странице. Когда посетитель Web - сайта наводит указатель мыши на всплывающую кнопку, она реагирует на это, например, меняет цвет или принимает вид нажатой кнопки. Когда посетитель щелкнет на такой кнопке, на экране откроется страница, на которую была задана ссылка с данной кнопки.

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

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

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

Удаление файлов Web - сайта с Web - сервера.

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

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

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

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

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

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

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

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

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

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

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

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

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

Не последнее место занимает информация о организаций, которой принадлежит сайт, где она находится, как можно связаться с компанией помимо Интернета. Представленная информация о организаций создает определенное отношение у пользователя[5].

Другой вариант статического сайта состоит в использовании так называемого Back-Manager'a, обычно реализованного с помощью VBScript или JavaScript.

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

Несомненным плюсом динамических Интернет-сайтов на основе CMS Joomla является снижение стоимости администрирования и поддержки проекта за счет уменьшения времени на переоформление дизайна и поиск ошибок.

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

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

Хищение данных;

Искажение данных;

Удаление или разрушение данных;

Несанкционированный доступ к информации.

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

Искажение так же, как и удаление данных, может происходить как умышленно, так и не умышленно.

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

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

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

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

Своевременное обновление и тестирование используемого программного обеспечения;

Отслеживание и анализ всех попыток изменений и взломов системы;

Поддержка системы идентификации и изменения паролей доступа.

Организационный аспект заключается в рациональной и постоянной политике внутренней защиты информации, которая включает:

Разграничение групп доступа различных пользователей систем;

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

Своевременное изменение групп и прав доступа конкретных пользователей системы;

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

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

1.Брандмауэры;

2.Системы отслеживания вторжений (IDS, Intrusion Detection System);

3.Маршрутизаторы.

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

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

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

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

Порядок проведения испытаний:

Запуск сайта;

Ссылка должны ввести на определенную ей страницу;

Корректное отображение графических элементов;

Корректное отображение сайта в различных пользовательских режимах;

Функциональность и соответствие проекта поставленной задаче.

1.2 Выбор платформы разработки сайта

Краеугольным камнем стал вопрос о создании сайта с использованием CMS или разработка сайта "с нуля".

Система управления содержимым (контентом) (англ. Contentmanagementsystem, CMS) -- информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).

Основные функции CMS:

Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,

Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,

Публикация содержимого,

Представление информации в виде, удобном для навигации, поиска.

На сегодняшний момент использование CMS является актуальным, так как затраты на разработку сайта будет иметь меньшие издержки, чем написание "с нуля".

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

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

1.Joomla!

Легка в установке и управлении, и очень надежна. Joomla! не требует от пользователя или администратора системы знаний HTML для управления и работы с ней[8].

Возможности Joomla!:

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

Разделы новостей, товаров или сервисов полностью доступны для управления и редактирования;

Темы разделов могут быть добавлены при сотрудничестве авторов;

Полная настройка расположения блоков, включая левые, правые и центральные блоки меню;

Загрузка изображений браузером в свою собственную библиотеку для использования на сайте;

Динамические модули форумов, опросов, голосований с показом результатов;

Совместимостьс Linux, FreeBSD, MacOSX server, Solaris и AIX ;

Большая управляемость;

Изменение порядка объектов, включая новости, часто задаваемые вопросы, статьи и т.д.;

10.Генератор важных новостей сайта;

11.Возможность отправки авторами новостей, статей, FAQ и ссылок;

12.Иерархия объектов - возможно создание разделов, категорий и страниц в желаемом порядке;

13.Библиотека изображений - возможность хранения своих документов в форматах PNG, PDF, DOC, XLS, GIF и JPEG прямо на сайте для облегчения дальнейшего использования;

14.Автоматическое исправление путей;

15.Менеджер новостных лент;

16.Менеджер архива. Можно поместить старые новости и статьи в архив, не удаляя их с сайта;

17.Каждый материал сайта можно "Отправить по почте другу" или "Распечатать";

18.Встроенный текстовый редактор, похожий на WordPad;

19.Возможность настраивать доступ пользователей к определенным функциям;

20.Создание опросов и голосований как для отдельных страниц, так и для всего сайта;

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

DSite.

Данная система предназначена для управления сайтом и для создания сайтов любой сложности.

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

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

Основные надстройки (модули) системы:

Динамический каталог произвольной архитектуры - для разработчика позволяет быстро собрать, а для конечного пользователя - управлять каталогом товаров или услуг произвольной архитектуры. Автоматически собираются административные интерфейсы, существует возможность импорта и двустороннего обмена с системой "1C" или для любой другой репликации;

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

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

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

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

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

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

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

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

Фотогалерея - опубликование изображений с возможностью предварительного просмотра (маленького изображения), листания, разбиения на страницы, категоризацией и т.п.;

Интернет-чат;

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

CMS Cubesystem, это система управления сайтом (движок сайта), которая имеет следующие возможности:

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

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

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

Лёгкость работы, простота обучения и установки.

Движок CMS Cubesystem написан на PHP, в качестве базы данных используется MySQL.

Разработка нашего интернет-проекта образовательного учреждения "КазУФиМТ им.Т.Рыскулова" будет происходить с использованием CMS Joomla!.

Выбора платформы для разработки сайта пал на современную программу OpenServer.

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

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

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

Удобный и современный программный комплекс OpenServer является надёжным помощником в разработке веб-проектов.

Основные компоненты:

Управляющая программа OpenServer 4.8.5;

Apache 2.2.24;

Apache 2.4.4;

Nginx 1.2.8;

MySQL 5.1.69;

MySQL 5.5.31;

MySQL 5.6.11;

MariaDB 5.5.30;

MongoDB 2.4.1;

PostgreSQL 9.2.4;

PHP 5.2.17 (Zend Optimizer 3.3.3, IonCube 4.0.7, Memcache 2.2.4);

PHP 5.3.24 (Xdebug 2.2.2, IonCube 4.2.2, Memcache 2.2.7, Mongo 1.3.5, Imagick);

PHP 5.4.14 (Xdebug 2.2.2, IonCube 4.2.2, Memcache 2.2.7, Mongo 1.3.5, Imagick);

FTP FileZilla 0.9.41;

ImageMagick 6.8.0-7 Q16;

FakeSendmail 32;

NNCronLite 1.17;

Memcached 1.4.5;

Adminer 3.6.3;

HeidiSQL 7.0;

Webgrind 1.0;

RockMongo 1.1.5;

PHPMyAdmin 3.5.8;

PHPPgAdmin 5.1;

PHPMemcachedAdmin 1.2.2;

Все компоненты сборки представлены в 32-битной версии.

Поддерживаемые версии Windows (32-бит и 64-бит): Windows 8 / Windows 7 / Server 2008 / Vista / Windows XP SP3; минимальные системные требования для работы программного комплекса: 200 Мб RAM и 1 Гб на HDD.



2. Разработка образовательного сайта КазУФиМТ им.Т.Рыскулова

2.1 Постановки задачи разработки сайта

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

Сайт образовательного учреждения КазУФиМТ им.Т.Рыскулова является совмещением реального действующего интерактивная библиотека, в связи с этим необходимым является размещение на сайте информации о реальном действующей организаций.

Сайт будет иметь две категории контента:

Категория - А, в данной категории размещаются главные опциональные кнопки сайта: Департамент, документы, абитуриентам, выпускникам;

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

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

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

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

Вторым этапом в постановке задаче является разработка физической структуры сайта. Физическая структура сайта описывает размещение файлов и папок на диске компьютера.

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

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

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

<Корневая папка интернет-сайта > default.htm download[s]

programl.exe

program2.zip

somefile.rar html[s]

pagel.htm

page2.html media

filml.avi

film2.swf

backgroundsound.mid pic[s]

picturel.gif

picture2.jpg

Вот такая структура. Как видите, файлы, в основном, организованы по типу: Web-страницы -- в одной папке, графические файлы -- в другой, мультимедийные -- в третьей и т. д.

Корневой называется папка, в которой помещается сайт.

Файл default.htm -- главная страница сайта. Этот файл почти всегда помещают в корневой каталог сайта.

В папке download[s] находятся файлы, не являющиеся ни Web-страницами, ни изображениями, ни мультимедийными данными. Это могут быть программы, файлы данных, архивные файлы и пр. Когда пользователь щелкает на гиперссылке, указывающей на такой файл, Web-обозреватель предлагает открыть его или сохранить на диске для последующего открытия. В любом случае, сам Web-обозреватель такие файлы не обрабатывает.

В папке html[s] помещаются сами Web-страницы.

В папке media находятся все мультимедийные файлы, используемые на страницах. Это фильмы в форматах AVI, MacromediaFlash и др., фоновая музыка в формате WAV, MIDI и т. п.

В папке pic[s] располагаются все графические изображения.

Иногда используется более сложная структура, когда внутри каждой папки создаются дополнительные подпапки. Это может выглядеть, например, таким образом:

html[s] chepterl

pagel.htm

page2.htm chapter2

pagel.htm

page2.htm

pic[a]

chapter1

picturel.gif

picture2.jpg chapter2

picture1.gif

picture2.fla

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

Иногда встречается и принципиально иной способ физического структурирования сайта. Во главу угла при этом ставится не тип файла, а логическая структура.

default.htm chapter1

pagel.htm

page2.htm

picturel.gif

picture2.jpg

chapter2

page1.htm

page2.htm

picturel.gif

picture2.fla

program1.exe

Для дипломного проекта разработки сайта будет использована следующая физическая локальная структура сайта, размещаемая на платформе OpenServer:

Рисунок 3 - Локальное размещение корневой папки сайта

Физическая структура корневой папки имеет следующие виды подпапок:

Components;

Images;

Indez.php;

Media;

Templates.

Корневая структура папки представлено на рисунке 4:

Рисунок 4 - физическая структура корневой папки сайта

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



2.2 Разработка базы данных

MySQL - это популярная система управления базами данных (СУБД), которая применяется в нашем дипломном проекте на базе платформы OpenServer.

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

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

Технические возможности СУБД MySQL. MySQL является системой клиент-сервер, которая содержит многопоточный SQL-сервер, обеспечивающий поддержку различных вычислительных машин баз данных, а также несколько различных клиентских программ и библиотек, средства администрирования и широкий спектр программных интерфейсов (API).

Для нормальной работы сайта желательно использовать базу данных, которая будет состоять минимум из трех таблиц:

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

Для разработки выше описанных таблиц нужно для начала установить OpenServer. Платформу можно бесплатно скачать с сайта производителя http://open-server.ru/.Платформа скачивается в виде архива формата .zip, после скачивания платформу нужно изъять из архива, размещение корневой папки с платформой не имеет особого значения[10].

После размещения нужно запустить OpenServer, далее на панели задач отобразиться ярлык платформы, как представлено на рисунке 6:

Рисунок 6 - Ярлык платформы Open Server

Далее, для создания сайта мы создали корневую папку сайта с помощью платформы, для этого нужно запустить OpenServer, и пункте меню выбрать команду "Папка с сайтами", как представлено на рисунке 7:

Рисунок 7 - Командная панель OpenSever

Команда "Папка с сайтами" отправляет в корневую папку размещения web-серверов, в данном случае мы разместили локальный хостинг на нашем компьютере, назвав корневую папка "kazetu".

Рисунок 8 - Корневая папка сайта

Теперь, в настройкахOpenSever нужно указать какую версию MySQLи PHP мы будем использовать, так как Joomla 3.0.1 (мы ее использовали для создания нашего сайта) работает с версиями MySQLи PHP, 5.1 и 5.3 соответственно.

Рисунок 9 - Настройки Open Server

Создание базы данных также вызывается непосредственно из пункта меню Open Server->Дополнительно->PhpMyAdmin, рисунок 10:

Рисунок 10 - Создание базы данных

Далее открывается PhpMyAdmin, где создается база данных нашего сайта, в закладке "Базы данных".

Рисунок 11 - Создание базы данных

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

Рисунок 12 - База данных "kazetu" сайта

На рисунке 12 выдано сообщение о успешном создание базы данных, это сообщение можно выдать в форме листинга РНР-кода, как представлено на рисунке 13:

Рисунок 13 - Создание базы данных

Как мы видим, создание базы данных имеет следующий листинг кода:

$sql = "CREATE DATABASE `kazetu';";

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

Для этого нужно ввести название таблицы, для начала создадим таблицу товаров с количеством столбцов 4: наименование и описание товара с текстовыми значениями, и цена и остатки товаров на складе с цифровыми значениями[11].

Рисунок 14 - Создание таблицы "content"

Создание таблицы категорий имеет следующий вид листинг кода:

$sql = "CREATE TABLE `kazetu`.

`key` (`key TEXT NOTNULL,

`name i#kat` TINYINT NOT NULL,

`par$ name i#kat ` TINYINT NOTNULL,

` name i#kat1` TEXT NOT NULL) ENGINE = InnoDB;";

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

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

Рисунок 15 - Создание таблицы content



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

Рисунок 16 - Назначение типов столбцов

Листинг кода создания второй таблицы "Остатки товаров на складе" имеет следующий не замысловатый вид:

CREATE TABLE `kazetu`.`Таблица меню`

(`Table content` TEXT NOT NULL ,

`Table menu ` INT NOT NULL)

ENGINE = INNODB;

Аналогичным образом создается таблица для "Таблица файлов", который будет иметь следующий листинг кода:

CREATE TABLE `kazetu`.`Таблица файлов`

(`int@delude` TEXT NOT NULL ,

`Mint@delude` TEXT NOT NULL)

ENGINE = INNODB;

Все три созданные таблицы представлены в структуре базы данных "kazetu", на рисунке 17:

Рисунок 17 - Структура базы данных "kazetu"

В этой же базе данных также для полноценного функционирования сайта создаются следующие виды таблиц:

1.Таблица "Онлайн обучение";

2.Таблица "Личный кабинет"

3.Таблица "Регистрации пользователя"

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

2.3 Разработка web-интерфейса

Учитывая поставленные выше задачи, автор решил, что наиболее оптимальным средством для разработки такого рода электронной коммерции - HTML + система управления содержимым Joomla, написанная на языке PHP использующая в качестве хранилища содержимого базу данных MySQL. Одной из главных особенностей Joomla является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов.

Название "Joomla" фонетически идентично слову "Jumla", которое в переводе с суахили означает "все вместе" или "в целом", что отражает подход разработчиков и сообщества к развитию системы.

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

Разработка сайта велась в основном в программном пакете компании Joomla 3.0.1. Выбор данного пакета обоснован тем, что его освоение отнимает мало времени, при разработке доступен предварительный просмотр каждой отдельно совершенной сделки, доступно множество функций (организация интерактивных элементов сайта, создание гиперссылок в несколько нажатий мыши и т.п.), пакет поддерживает большое количество технологий (HTML, PHP, ASP, Java, XML, XSLT, CSS и др.)[12].

Титульная страница (главная) любого сайта должна максимально информативно и в сжатом объеме отображать необходимую пользователю информацию о сайте. На главной странице необходимо поместить логотип сайта, основное меню сайта (для навигации по его структуре), форму аутентификации (входа зарегистрированных пользователей), регистрационное ссылки (регистрация новых клиентов).

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

Административная часть сайта представлена в виде системы управления содержимым. Система управления содержимым (англ. Contentmanagementsystem, CMS) - компьютерная программа, используемая для управления содержимым чего-либо (обычно содержимое рассматривается как неструктурированные данные, в противоположность структурированным данным, СУБД, обычно находятся под управлением). Обычно такие системы используются для хранения и публикации большого количества документов, изображений, музыки или видео.

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

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

Генерация страниц по запросу. Системы такого типа работают на основе связки "Модуль редактирования> База данных> Модуль представления". Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе, а это создает нагрузку на системные ресурсы. Нагрузка может быть многократно снижена при использовании средств кэширования, которые имеются в современных веб-серверах.

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

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

...