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

НЕГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ  УЧРЕЖДЕНИЕ

ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ

«ВОЛГОГРАДСКИЙ ИНСТИТУТ БИЗНЕСА»

Кафедра Автоматизированных систем обработки информации и управления

Специальность 230103 «Автоматизированные  системы обработки информации и  управления»  
(по отраслям)

Курс  4    Группа  4АС

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА  К 
ДИПЛОМНОМУ ПРОЕКТУ

 

«Сайт муниципального образовательного учреждения средняя общеобразовательная школа №1 г. Серафимович»

Студент  Горев Денис Александрович

Руководитель преподаватель кафедры АСОИУ 
Пилипюк Юрий Иванович

г. Волгоград 
2009 г.

 

 
1. Введение

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

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

Актуальность создания сайта

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

Постановка задачи

В данной главе описываются основные этапы, нужные для создания сайта.

Средства реализации

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

Программное решение

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

Руководство пользователя

В данной главе описывается краткая  инструкция по использованию сайта. 

 

2. ОСНОВНАЯ ЧАСТЬ

2.1. Актуальность и практическая значимость

 

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

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

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

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

 

2.2. ПОСТАНОВКА ЗАДАЧИ

Для того что бы создать сайт нужно выполнить следующие этапы:

1. Сбор материала и его систематизация;
2. Анализ и выбор средств реализации;
3. Программная реализация;
4. Наполнение сайта информацией.

 

2.3. СРЕДСТВА РЕАЛИЗАЦИИ   

Для создания сайтов можно использовать текстовые редакторы, такие как блокнот, но это не очень удобно так он не приспособлен для этого. Гораздо удобней для этих целей использовать специальные редактор Macromedia Dreamweaver 8.

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

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

Для создания дизайна сайта был  использован графический редактор Adobe Photoshop CS3.

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

 Для создания сайта были использованы языки программирования:

1. Html;
2. PHP;
3. Java скрипт.

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

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

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

Язык программирования Java.

Существует две основных категории  скриптов - серверные скрипты (Perl и PHP скрипты) и пользовательские скрипты (java и DHTML скрипты).

Серверные скрипты - это программы, которые выполняются на стороне  сервера. Основным отличием серверных  скриптов является то, что они могут  записывать в файл, находящийся на сервере. Наиболее распространенные примеры серверных скриптов - гостевые книги, голосования, счетчики посещений и др. PHP является очень гибким языком, поддерживает MySQL, NNTP, POP3, IMAP, Oracle, PostgreSQL, dBase, ODBC, Informix и многие другие технологии.

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

Пользовательские скрипты это  java и DHTML скрипты. java скрипты - это программы, написанные на языке JavaScript, они встраиваются в обычные HTML страницы. Каждый JavaScript размещается между тегами <script language=javascript>...</script>. DHTML скрипты - скрипты написанные на языке DHTML (Dynamic HTML) также вставляется в HTML страницу. Разделение на java и DHTML весьма условное, т.к. в большинстве из них используются и javascript и DHTML. Выполнение пользовательских скриптов зависит только от браузера пользователя.

Язык програмирования PHP

PHP - это интерпретируемый язык  для создания активных Web-страниц.  Программа на PHP, подобно тексту  на JavaScript, VBScript или ASP, вставляется  в HTML-файл. Начало и конец программы отмечаются специальными скобками <?php и ?>. Текст вне этих скобок PHP не интерпретирует: он передается Web-браузеру "как есть".

Синтаксис PHP основан на синтаксисе языков Си, Java и Perl. Способы заставить  сервер правильно реагировать на HTML-файлы со вставками на PHP, вообще говоря, различны для разных серверов, но чаще всего бывает достаточно дать имени файла расширение *.php.

PHP - это Си-подобный язык, предназначенный  для быстрого создания программ  на WEB-сервере. Он похож на Perl и  ASP, но на порядок удобней их!

PHP - это система разработки скриптов, включающая в себя CGI - интерфейс,  интерпретатор языка и набор  функций для доступа к базам  данных и различным объектам WWW. На данный момент PHP является наиболее  удобным и мощным средством  разработки приложений WWW и интерфейсов к БД в Интернет.

PHP — это интерпретируемый язык  программирования, код которого  встраивается непосредственно в  HTML-страницы. При запросе пользователя web-сервер просматривает документ, выполняет найденные в нем  PHP-инструкции, а результат их выполнения возвращает пользователю. При этом статическая часть документа, написанная на языке HTML, фактически является шаблоном, а изменяемая часть формируется при исполнении PHP-инструкций. Для удаленного пользователя подобные документы ничем не отличаются от обычных статических HTML-документов, за исключением того, что в расширении имени файла для таких документов может стоять не htm или html, а php.

Как это работает

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

 

3. РЕАЛИЗАЦИЯ ПРОЕКТА

3.1. СТРУКТУРА САЙТА

 

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

При проектировании структуры сайта необходимо было решить какая из информацией будет главной. После того, как выявлена главная информация нужно установить связь между ее разделами. Структура сайта построена на гиперссылках. Каждая гиперссылка указывает переход на нужную страницу, таким образом мы задаем порядок страниц и их структуру. Главная страница сайта показана на рисунке «Рис. 1»

Рис. 1 – главная страница

 

3.2. ПРОГРАМНОЕ РЕШЕНИЕ

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

1. header.php – «голова» сайта в нем размещена титульная картинка и начало структуры таблицы;
2. main.php - содержит в себе меню (файл menu.php) и главную часть сайта в котором содержится вся информация;
3. footer.php – это самая нижняя часть сайта содержит в себе копирайт.

Макет сайта выглядит так:

 

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

 

Сам сайт состоит из пяти папок dat, img, includes, page, photo и  девяти файлов вне этих папок footer.php, guest.php, header.php, index.php, mail.php, main.php,  news.php, page.php.

 

В папке dat содержатся файлы base.dat и page.dat. В файле base.dat хранятся все сообщения написанные посетителями в гостевой книге

 

Содержание  файла base.dat:

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:12^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:13^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:14^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:15^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:16^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:17^^Пробное сообщение

Денис^^danger999@bk.ru^^3.06.2009 - 2:55:18^^Пробное сообщение

 

В файле  page.dat хранятся все ссылки, которые находятся в меню

 

Содержание файла base.dat:

1. ^^Главная^^index.php

2. ^^Новости^^news.php

3. ^^Гостевая  книга^^guest.php

4. ^^Обратная  связь^^mail.php

5. ^^История школы

6. ^^Фотогалерея

7. ^^Кадровый  состав

8. ^^Лицензия  школы

 

В папке img хранятся все картинки, используемые в дизайне сайта.

В папке page хранятся страницы 5.html, 6.html, 7.html, 8.html.

В них содержится вся информация по школе.

Содержание файла 5.html:

<h1>История  создания и развития школы</h1>

<p>История   школы началась 145 лет назад, когда  в 1862г. Император Александр  I утвердил Положение о  женском  училище 2-го разряда в станице  Усть-Медведицкого Войска Донского.</p>

  <p>Основные  даты в истории школы: 1871г. –  это женская гимназия, через 4  года гимназия, по 1895г. С 1996г. и до 1998 года – средняя общеобразовательная школа, с 1998 - средняя общеобразовательная школа с углубленным изучением отдельных предметов. С 2008 года в школе открыты классы с преподаванием  предметов на профильном уровне.</p>