 |
|
ПРАКТИКТИЧЕСКАЯ ЧАСТЬ
Рассмотрим главную страницу сайта [Приложение 2].
Будем отталкиваться от наших преимуществ над конкурентами [с.31].
1. Возможность регистрации и, соответственно, автоматизации на сайте
Рис.1 Вход и регистрация
Данная задача будет реализована на языке PHP
2. Общение в чате в режиме реального времени
Рис.2 Чат в режиме реального времени
Код мини-чата:
<table border="0" cellpadding="2" cellspacing="1" width="100%">
<tr><td>
<a class="noun" href="$ACTION_URL$" onclick="window.location.reload();return false;" title="Обновить"><img border="0" align="absmiddle" src="http://ultra-portal.3dn.ru/icons/mchat/refresh.png" width="35" height="20"></a>
<?if($SMILES_URI$)?> <a class="noun" href="javascript:void('smiles')" onclick="ffoc(document.forms.addform.message,2);wasclk[2]=2;window.open('$SMILES_URI$','csmiles','scrollbars=1,width=250,height=350,left=0,top=0'); return false;" title="Вставить смайл"><img border="0" align="absmiddle" src="http://ultra-portal.3dn.ru/icons/mchat/smiles.png" width="35" height="20"></a><?endif?>
<?if($BBCODES_URI$)?> <a class="noun" target="cbbcodes" href="javascript:void('BB-codes')" onclick="window.open('$BBCODES_URI$','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0'); return false;" title="BB-Коды"><img border="0" align="absmiddle" src="http://ultra-portal.3dn.ru/icons/mchat/BB.png" width="35" height="20"></a><?endif?>
<a class="noun" href="javascript:void('Message control')" onclick="window.open('$MSGCTRL_URI$','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0'); return false;" title="Управление сообщениями"><img border="0" align="absmiddle" src="http://ultra-portal.3dn.ru/icons/mchat/settings.PNG" width="35" height="20"></a>
</td></tr></table>
<input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="" onfocus="ffoc(this,0)" onblur="fblur(this,0)" title="$STR_NAME$" style="width:47%;margin:0;padding:1px;border:1px solid black;height:20px">
<?if(($FIELDS_MASK$&3))?><input type="text" maxlength="60" name="email" size="9" class="mchat" id="mchatEmF" value="" onfocus="ffoc(this,1)" onblur="fblur(this,1)" title="$STR_EMAIL$" style="width:47%;margin:0;padding:1px;border:1px solid black;height:20px"><?endif?>
<?if(($FIELDS_MASK$&4))?><input type="text" maxlength="60" name="custom1" size="9" class="mchat" id="mchatC1F" value="" onfocus="ffoc(this,3)" onblur="fblur(this,3)" title="$STR_CUSTOM1$" style="width:47%;margin:0;padding:1px;border:1px solid black;height:20px"><?endif?>
<?if(($FIELDS_MASK$&8))?><input type="text" maxlength="60" name="custom2" size="9" class="mchat" id="mchatC2F" value="" onfocus="ffoc(this,4)" onblur="fblur(this,4)" title="$STR_CUSTOM2$" style="width:47%;margin:0;padding:1px;border:1px solid black;height:20px"><?endif?>
<input type="text" maxlength="$MAX_MESSAGE_LEN$" name="message" size="22" class="mchat" id="mchatMsgF" value="" onfocus="ffoc(this,2)" onblur="fblur(this,2)" title="$STR_MESSAGE$" style="width:70%;margin:0;padding:1px;border:1px solid black;height:20px">
<input type="submit" value="Пуск" class="mchat" id="mchatBtn" style="width:40px;height:20px;margin:0;border:2px solid black" onclick="return checkform(this.form);">
3. Современный интерфейс
Основные цвета ратоборческого клуба «Буян»: красный и черный, поэтому и сайт приближен к данным цветам максимально близко.
Слайдер (рис.3), находящийся под основным меню, с интервалом каждые 10 секунд меняется на другую новость, поэтому создается впечатление постоянного потока информации, а также ощущается, что данный сайт изготовил профессионал.
Рис.3 Слайдер с актуальной информацией
4. Удобная навигация. На данном сайте очень перемещаться: во-первых, присутствует простое и понятное меню(рис.4), во-вторых, присутствует строчка поиск(рис.5), в-третьих, пользователь никогда не заблудится на сайте, так как присутствует эффект «хлебной крошки» (рис.6)
Рис.4 Меню
Рис.5 Строка «Поиск по сайту»
Рис.6. Эффект «Хлебная крошка»
Смысл эффекта «хлебной крошки» таков: чтобы пользователь не заблудился и не вспоминал, где именно (в каком месте) он сейчас находится, в данном примере, мы находимся на Главной странице, поэтому сайт нам указывает только Главная, но если бы мы зашли и просматривали фотографии за 2013 годв галерее, то «эффект хлебной крошки» был бы примерно такой (Галерея -> Фото-> 2013).
5. Актуальность информации
Главном аспектом успешного сайта (а успешный сайт – это как минимум, на котором бывает несколько сотен человек в день), является актуальность информации. Если пользователь посетил сайт, а информация осталось такой же как месяц назад, то он вероятнее всего покинет сайт, поэтому отличной особенностью данного сайта будет являться актуальность информации(рис.7), будет происходить обновление 2-3 раза в неделю.
Рис.7. Актуальные новости
Из рис.7 видим, то пост поместили сегодня утром, а значит с 5 пунктом справился.
6. Интересный контент
Конечно же, ни один уважающий себя сайт, не обходится без интересной информации (рис.8)
Рис.8. Интересные новости
ЗАКЛЮЧЕНИЕ
Интернет - всемирная система компьютерных сетей, построенная на базе протокола IP и маршрутизации IP-пакетов. Интернет образует Информационное пространство, служит физической основой для Всемирной системы (World Wide Web, WWW) и множества других систем (протоколов) передачи данных.
Существует множество средств для создания web-сайтов, но лишь некоторые из них способны предоставить разработчикам инструменты для решения подавляющего большинства стоящих перед ним задач.
В данной работе был проведен анализ технического задания и возможные способы реализации поставленной задачи, вследствие чего, было выбрано создание сайта при помощи визуального редактора.
Определена необходимая аппаратная конфигурация, подходящая для реализации поставленной задачи.
Все основные задачи квалификационной работы выполнены: создан сайт и наполнен контентом, разработана программная документация на сайт.
Проведено тестирование разработанного сайта. Тестирование прошло успешно, ошибок и неполадок не обнаружено. В соответствии с такими функциональными возможностями как практичность, навигация, содержимое страницы, было выявлено, что сайт нормально функционирует.
Реализована главная цель данной выпускной квалификационной работы – разработан сайт для ратоборческого клуба «Буян», который пропагандирует здоровый образ жизни.