Сайт в поддержку организации обучения иностранному языку

Министерство образования и науки РФ

ФГБОУ ВПО Сибирский государственный индустриальный университет

Институт дополнительного профессионального образования

Задание

на выпускную квалификационную работу

Сайт в поддержку организации обучения иностранному языку

Студент

Зиберт Марина Александровна

Утвердждаю

Зам директора ИДПО Морин С.В.

Исходные условия и данные к дипломной работе (объект исследования, методы, научный результат): Объект исследования - специфика проектирования сайта на языке PHP с обратной связи.

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

Содержание выпускной квалификационной работы: Введение; Определение термина "сайт"; Структура сайтов; Обзор типов сайтов; Теоретические основы построения веб-сайтов; Постановка задачи; Программно-технические средства; База данных; Создание схемы главной страницы сайта; Верстка страницы; Заключение; Список использованных источников.

Перечень графического материала: 21 рисунок., 47 стр., 9 рис., 27 источников, 1 прил.

HTML, САЙТ, ВЕБ-СЕРВЕР, DNS-СЕРВЕР, АРАСНЕ, PHP, MYSQL, РНРMYADMIN.

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

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

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

Содержание

Определения, обозначения и сокращения

. Основная часть

.1 Определение термина "сайт"

.2 Структура сайта

.3 Обзор типов сайтов

.4 Обеспечение работы веб-сайта

.4.1 Информационное обеспечение

.4.2 Программное обеспечение

.4.3 Техническое обеспечение сайта

.5 Теоретические основы построения веб-сайтов

.5.1 Принципы работы веб-сервера

.5.2 Основы программирования на языке РНР

.5.3 Основы работы с базой данных

1.5.4 Взаимодействие РНР сайта с базой данных MySQL <#"702068.files/image001.gif">

Рисунок 1 - Линейная структура сайта

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

Линейная структура сайта с альтернативами и вариантами.

Рисунок 2 - Линейная структура сайта с альтернативами и вариантами

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

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

Рисунок 3 - Линейная структура сайта с ответвлениями

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

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

Древовидная структура сайта.

Рисунок 4 - Древовидная структура сайта

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

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

Решетчатая структура.

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

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

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

Рисунок 5 - Внешняя структура сайта

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

1.3 Обзор типов сайтов

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

1. Классификация по доступности сервисов [11]:

а) Открытые - все сервисы полностью доступны для любых посетителей и пользователей.

b) Полуоткрытые - для доступа необходимо зарегистрироваться <#"702068.files/image006.gif">

Сервер MySQL постоянно работает на компьютере. Клиентские программы (например, скрипты PHP) посылают серверу MySQL SQL-запросы через механизм сокетов (то есть при помощи сетевых средств), сервер их обрабатывает и запоминает результат. Таким образом, скрипт (клиент) указывает, какую информацию он хочет получить от сервера баз данных, а сервер баз данных затем посылает ответ (результат) клиенту (скрипту) [26]:

MySQL выводит результаты запроса в виде таблицы;

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

после вывода результатов запроса и времени его выполнения, mysql выводит новую строку mysql>, что означает готовность к выполнению новых команд.

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

1.5.4 Взаимодействие РНР сайта с базой данных MySQL <#"702068.files/image007.gif">

Рисунок 6 - Схема главной страницы сайта

Рисунок 7 - Схема меню сайта

.5 Верстка страницы

Главная страница с функциональной точки зрения представляет собой совокупность следующих блоков: 1) блок меню, навигация по которому проста и понятна для восприятия пользователя; 2) блок формы обратной связи, так же привычного для посетителей вида и структуры; 3) блок новостей, содержащий отчеты об успехах студентов в учебной деятельности, в проводимых с участием обучающихся академии конкурсах и конференциях вузовского и межвузовского значений, а так же о событиях из жизни межфакультета.

Рисунок 9 - Стартовая страница сайт с формой обратной связи

Оформление главной страницы сайта отсылает нас непосредственно к выполняемой им задаче - популяризовать английский язык не только как средство общения и один из международных языков мира, но как дисциплину, предоставив дополнительные возможности его изучения. Так, тематика ресурса "Великобритания" прослеживается в различных деталях: в шапке сайте в качестве фона выступает изображение часов на Часовой башне Вестминстерского дворца в Лондоне, которые являются одним из наиболее узнаваемых и используемых в медиаиндустрии символов Соединенного Королевства Великобритании и Северной Ирландии. Небольшой рисунок, который так же помещен на странице в левой части ее основного блока, не просто выполняет функцию декора и оживляет спокойный сдержанный по цветовой гамме фон (его обеспечивает бежевого цвета заливка текстурой), но выбран не случайно, на нем перед нами предстает типичный английский джентльмен c английским же бульдогом на поводке около еще одного не менее популярного символа Англии - ярко красного телефонного киоска.

Заключение

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

Список использованных источников

сайт программный база данные

1. Оn-line энциклопедия ЕltisВook.ru [Электронный ресурс]: Функции в PHP. PHP function. - Режим доступа: <#"702068.files/image010.gif">