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

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

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

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

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

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

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

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

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

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

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

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

Правильная организация файлов и папок файловой системы помогает в дальнейшем держать весь контент в порядке. В самом деле, намного проще найти 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 — физическая структура корневой папки сайта Выше представленная физическая структура сайта является оптимальным для образовательного сайта.