Разработка информационного Web-узла

 

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

. ОБЩИЙ РАЗДЕЛ

.1 Актуальность темы курсового проекта

.2 Направление решения курсового проекта

. ИССЛЕДОВАТЕЛЬСКИЙ РАЗДЕЛ

.1 Краткая характеристика разрабатываемого Web-узла

.2 Перечень пакетов прикладных программ

.2.1 XAMPP

.2.2 Joomla!

. ТЕХНОЛОГИЧЕСКИЙ РАЗДЕЛ

.1 Постановка задачи и предлагаемая карта Web-узла

.2 Алгоритмические решения каждого из модулей Web-узла

.2.1 Работа функциональных модулей

.3 Комментированый исходный код решения

ЗАКЛЮЧЕНИЕ

ЛИТЕРАТУРА

ГРАФИЧЕСКАЯ ЧАСТЬ

web узел сайт программа

ВВЕДЕНИЕ

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

1. ОБЩИЙ РАЗДЕЛ

1.1 Актуальность темы курсового проекта

В настоящее время стремительно развиваются все грани информационных технологий и вполне логичным является развитие и совершенствование сетевых технологий, ведь такие понятия как Internet, локальная вычислительная сеть, корпоративная сеть стали уже привычными практически каждому пользователю ЭВМ. Компьютерные сети служат для выполнения многих задач, в том числе: - обмена информацией между членами сети (документы, программы, сообщения, информация и т.п.), организации централизованного документооборота; - возможность совместного использования оборудования (принтер, CD-RW/DVD/DVD-RW, МФУ, специальное оборудование); - совместное использование канала доступа в Internet, поиска, получения и обработки информации; - объединения компьютеров разных видов и с любыми операционными системами поддерживающими протокол TCP/IP (версии Windows, Linux); - решение задач сетевых служб (создание системы терминалов, удаленное администрирование систем), - улучшение процесса производства (из-за связи удаленных подразделений).

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

1.2 Направление решения курсового проекта

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

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

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

2. ИССЛЕДОВАТЕЛЬСКИЙ РАЗДЕЛ

2.1 Краткая характеристика разрабатываемого Web-узла

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

2.2 Перечень пакетов прикладных программ

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

2.2.1 XAMPP

XAMPP Версия 1.8.3 содержит:

Apache 2.4.10;

MySQL 5.6.21;

PHP 5.5.19;

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

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

2.2.2 Joomla!

Используемая версия Joomla! 2.5.19.! - система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другие индустриально-стандартные реляционные СУБД. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL.

3. ТЕХНОЛОГИЧЕСКИЙ РАЗДЕЛ

3.1 Постановка задачи и предлагаемая карта Web-узла

Информационный Web-сайт "Модернизация компьютерной сети" имеет следующую карту сайта (Рисунок 1):

Рисунок 1: Карта Web-сайт "Модернизация компьютерной сети"

3.2 Алгоритмические решения каждого из модулей Web-узла

Разработанный Web-узел "Модернизация компьютерной сети" имеет следующую структуру:

Главная

О нас

Контакты

Регистрация

Компьютерная сеть

Сетевая модель OSI

Среды передачи данных

Модернизация кс

Проектирование и монтаж ЛВС

Прикладной уровень

Уровень представления

Сеансовый уровень

Транспортный уровень

Сетевой уровень

Канальный уровень

Физический уровень

Страницы Главная, О нас, Компьютерная сеть, Сетевая модель OSI, Среды передачи данных, Модернизация КС, Проектирование и монтаж ЛВС, Прикладной уровень, Уровень представления, Сеансовый уровень, Транспортный уровень, Сетевой уровень, Канальный уровень, Физический уровень - это статические страницы. На них отсутствует возможность редактирования информации.

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

3.2.1 Работа функциональных модулей

На сайте разработаны следующие функциональные модули:

Авторизация

Поиск

Авторизация

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

После этого будет произведена проверка введённых пользователем данных. Если данные введены правильно, то для пользователя откроется сессия.

Поиск

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

По мере добавления информации, необходимо добавлять эту информацию в файл базы.

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

3.3 Комментированый исходный код решения

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#"justify"><html xmlns="#"justify"><head>//Предназначен для хранения других элементов, цель которых - помочь браузеру в работе с данными

<base href="#"justify"><meta http-equiv="content-type" content="text/html; charset=utf-8" />//предназначен для передачи служебной информации браузеру

<meta name="generator" content="Joomla! - Open Source Content Management" /> //определяет список ключевых слов, используемых на данной странице

<title>Главная</title> >//Определяет заголовок документа

<link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> //подключения модуля RSS-лента

<link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />

<link href="#"justify"><script src="/media/system/js/mootools-core.js" type="text/javascript"></script>

<script src="/media/system/js/core.js" type="text/javascript"></script>

<script src="/media/system/js/caption.js" type="text/javascript"></script>

<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>

<script type="text/javascript">.addEvent('load', function() {JCaption('img.caption');

});function keepAlive() { var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });

</script>

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/template.css" type="text/css" />

<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/color1.css" type="text/css" />

<!--[if IE 6]>

<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/ie6.css" type="text/css" />

<style type="text/css">, div, a, input { behavior: url(/templates/a4joomla-contrast-free/iepngfix.htc) }

#search input.inputbox { behavior:none;}

</style>

<script src="/templates/a4joomla-contrast-free/js/iepngfix_tilebg.js" type="text/javascript"></script>

<![endif]-->

<!--[if lte IE 7]>

<link rel="stylesheet" href="/templates/a4joomla-contrast-free/css/ie67.css" type="text/css" />

<![endif]-->

<!--[if lte IE 8]>

<style type="text/css">

#search input.inputbox { behavior: url(/templates/a4joomla-contrast-free/js/PIE.php) }

</style>

<![endif]-->

<style type="text/css">

#logo {:500px;

}

#headerright {:500px;

}

#slideshow-container {:1020px;:442px;

}

#slideshow-container img {:1020px;:442px;

}

#slcontrol {:1020px;:44.343891402715%;

}#slprev {: url("/templates/a4joomla-contrast-free/images/previous-white.png") no-repeat scroll left center transparent;

}#slnext {: url("/templates/a4joomla-contrast-free/images/next-white.png") no-repeat scroll right center transparent;

}

</style>

<script src="/templates/a4joomla-contrast-free/js/verysimpleslideshow.js" type="text/javascript"></script>

<script type="text/javascript">.addEvent('domready',function() {slideshow = new VerySimpleSlideshow({: 'slideshow-container',: '#slideshow-container img',: true,: 4000,: 800 });.start();

});

</script>

</head>

<body>

<div id="allwrap">

<div id="header">

<div id="logo">

<h2><a href="#"justify"><h3> </h3>

</div>

<div id="headerright">

<div id="hsocial">

<div id="search">

<div>

<h3>Поиск</h3>

<form action="/index.php" method="post">

<div>

<label for="mod-search-searchword">Искать...</label><input name="searchword" id="mod-search-searchword" maxlength="20">

<input type="hidden" name="option" value="com_search" />

<input type="hidden" name="Itemid" value="101" />

</div>

</form>

</div>

<div>

</div>

<a>

<a>

<a>

<a>

<a>

<div>

</div>

<div>

</div>

<div>

</div>

<div id="topmenuwrap">

<div id="topmenu">

<div>

<h3>Верхнее</h3>

<ul>

<li>

</div>

<div>

</div>

<div>

</div>

<div id="wrap">

<div id="slideshow-container"><img src="/templates/a4joomla-contrast-free/images/sampledata/123.jpg" alt="123.jpg" /><img src="/templates/a4joomla-contrast-free/images/sampledata/ethernet-spark-2560x1440.jpg" alt="ethernet-spark-2560x1440.jpg" /><img src="/templates/a4joomla-contrast-free/images/sampledata/internet.jpg" alt="internet.jpg" /><div id="slcontrol"> </div></div>

<div id="pathway">

<div>

<span>

<div>

</div>

<div id="cbody">

<div id="sidebar" style="width:170px;">

<div>

<h3>Главное меню</h3>

<ul>

<li>

</div>

<div>

<h3>Авторизация</h3>

<form action="/index.php" method="post" id="login-form" >

<fieldset>

<p id="form-login-username">

<label for="modlgn-username">Логин</label>

<input id="modlgn-username" type="text" name="username">

</p>

<p id="form-login-password">

<label for="modlgn-passwd">Пароль</label>

<input id="modlgn-passwd" type="password" name="password">

</p>

<p id="form-login-remember">

<label for="modlgn-remember">Запомнить меня</label>

<input id="modlgn-remember" type="checkbox" name="remember">

</p>

<input type="submit" name="Submit">

<input type="hidden" name="option" value="com_users" />

<input type="hidden" name="task" value="user.login" />

<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />

<input type="hidden" name="0dfb30e5664490fba857206c5f00c4e7" value="1" /> </fieldset>

<ul>

<li>

<a href="/index.php/component/users/?view=reset">

Забыли пароль?</a>

</li>

<li>

<a href="/index.php/component/users/?view=remind">

Забыли логин?</a>

</li>

<li>

<a href="/index.php/component/users/?view=registration">

Регистрация</a>

</li>

</ul>

</form>

</div>

</div>

<div id="content60" style="width:600px;">

<div id="content">

<div id="system-message-container">

</div>

<div style="height: 4px; overflow: hidden;position:absolute;"><span style="line-height:20px;">Уроки по Joomla можно найти здесь: <a href="#"justify"><h1>

Главная </h1>

<div>

<div>

<h2>

<a href="/index.php/proektirovanie-i-montazh-lvs">

Проектирование и монтаж ЛВС</a>

</h2>

<ul>

<li>

<a href="/index.php/proektirovanie-i-montazh-lvs?tmpl=component&amp;print=1&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>

<li>

<a href="/index.php/component/mailto/?tmpl=component&amp;template=a4joomla-contrast-free&amp;link=ea62a1885a212c59b0b9ffce4a7e6bc769ca7fba" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>

</ul>

<dl>

<dt>

<dd>

Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>

<dd>

Опубликовано 05.11.2014 15:55 </dd>

<dd>

Автор: Super User </dd>

<dd>

Просмотров: 22 </dd>

</dl>

<p><span style="font-size: medium; color: #333333;">Проектирование и монтаж ЛВС - это основные и наиболее сложные этапы построения локальной сети.</span><br /><br /><span style="font-size: medium; color: #333333;">Создание любой сети начинается с разработки проекта. Проект локальной сети необходимо создавать обдуманно. Стоит учесть максимальную экономичность сети, а также возможность масштабирования и добавления новых элементов, сервисов и приложений. Для объемной локальной сети нужно учесть возможность независимого управления и мониторинга.</span></p>

<p>

<a href="/index.php/proektirovanie-i-montazh-lvs">

Подробнее: Проектирование и монтаж ЛВС</a>

</p>

<div>

</div>

</div>

<div>

<div>

<h2>

<a href="/index.php/kompyuternaya-set">

Компьютерная сеть</a>

</h2>

<ul>

<li>

<a href="/index.php/kompyuternaya-set?tmpl=component&amp;print=1&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>

<li>

<a href="/index.php/component/mailto/?tmpl=component&amp;template=a4joomla-contrast-free&amp;link=73873266aeb986f9d72080c871b3e52e4e107c13" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>

</ul>

<dl>

<dt>

<dd>

Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>

<dd>

Опубликовано 03.11.2014 09:37 </dd>

<dd>

Автор: Super User </dd>

<dd>

Просмотров: 62 </dd>

</dl>

<p><span style="color: #333333; font-size: medium;"><strong>Компьютерная сеть</strong> (<strong>вычислительная сеть</strong>, <strong>сеть передачи данных</strong>) - система связи компьютеров или вычислительного оборудования (серверы,маршрутизаторы и другое оборудование). Для передачи данных могут быть использованы различные физические явления, как правило - различные видыэлектрических сигналов, световых сигналов или электромагнитного излучения.</span></p>

<p>

<a href="/index.php/kompyuternaya-set">

Подробнее: Компьютерная сеть</a>

</p>

<div>

</div>

<div>

<h2>

<a href="/index.php/sredy-peredachi-dannykh">

Среды передачи данных</a>

</h2>

<ul>

<li>

<a href="/index.php/sredy-peredachi-dannykh?tmpl=component&amp;print=1&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>

<li>

<a href="/index.php/component/mailto/?tmpl=component&amp;template=a4joomla-contrast-free&amp;link=ad7620d2ceb6fa9d37b0f67a67717f26ef16faa8" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>

</ul>

<dl>

<dt>

<dd>

Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>

<dd>

Опубликовано 03.11.2014 09:22 </dd>

<dd>

Автор: Super User </dd>

<dd>

Просмотров: 46 </dd>

</dl>

<p align="justify"><span style="font-size: medium; color: #333333;">В зависимости от среды передачи данных линии связи разделяются на следующие :</span></p>

<ul>

<li><span style="font-size: medium; color: #333333;">проводные (воздушные);</span></li>

<li><span style="font-size: medium; color: #333333;">кабельные (медные и волоконно-оптические);</span></li>

<li><span style="font-size: medium; color: #333333;">радиоканалы наземной и спутниковой связи.</span></li>

</ul>

<p align="justify"><span style="font-size: medium; color: #333333;"> </span></p>

<p>

<a href="/index.php/sredy-peredachi-dannykh">

Подробнее: Среды передачи данных</a>

</p>

<div>

</div>

<div>

<h2>

<a href="/index.php/setevaya-model-osi">

Сетевая модель OSI</a>

</h2>

<ul>

<li>

<a href="/index.php/setevaya-model-osi?tmpl=component&amp;print=1&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/media/system/images/printButton.png" alt="Печать" /></a> </li>

<li>

<a href="/index.php/component/mailto/?tmpl=component&amp;template=a4joomla-contrast-free&amp;link=9af399f7f9a2f7c4f24bfd46dabb0cfa1877efff" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/media/system/images/emailButton.png" alt="E-mail" /></a> </li>

</ul>

<dl>

<dt>

<dd>

Категория: <a href="/index.php/8-glavnaya">Главная</a> </dd>

<dd>

Опубликовано 03.11.2014 09:10 </dd>

<dd>

Автор: Super User </dd>

<dd>

Просмотров: 54 </dd>

</dl>

<h1><span style="font-size: large; font-family: arial, helvetica, sans-serif; color: #333333;"><strong>Сетевая модель OSI</strong></span></h1>

<p><span style="font-size: medium; color: #333333;"> </span></p>

<p><span style="font-size: medium; color: #333333;">Модель взаимодействия открытых систем - <strong>OSI </strong><em>{Open Systems Interconnection), </em>созданную в международной организации по стандартизации ISO в 1984 году. Согласно этой модели передаваемая по сети информация должна пройти семь уровней.</span></p>

<p>

<a href="/index.php/setevaya-model-osi">

Подробнее: Сетевая модель OSI</a>

</p>

<div>

</div>

<span>

</div>

<div>

<p>

Страница 1 из 2 </p>

<ul><li>

</div>

</div>

</div>

<div id="sidebar-2" style="width:170px;">

<div>

<h3>Кто на сайте</h3>

<p>Сейчас один гость и ни одного зарегистрированного пользователя на сайте</p>

</div>

</div>

<div>

</div>

<!--end of wrap-->

</div>

<!--end of allwrap-->

</div>

<div id="footerwrap">

<div id="footer">

</body>

</html>

ЗАКЛЮЧЕНИЕ

В данном курсовом проекте разработан информационный web-узел "Модернизация компьютерной сети", который создан при помощи языков программирования HTML, CSS, PHP. С помощью прикладного ПО Joomla разработана структура сайта, и наполнение его содержимым.

Подключены модули: поиска и авторизации.

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

В ходе выполнения проекта были проведены работы, которые способ-ствовали улучшению навыков в области разработки web-узла.

В итоге все требования поставленные в начале курсового проекта были реализованы.

ЛИТЕРАТУРА

1.Рамел Н. "Самоучитель Joomla!" 2010г., 350 стр.

2.Линн Б., Моррисон М. "Изучаем PHP и MySQL" 2010г., 800стр.

3.Сайт "Википедия - свободная энциклопедия": #"justify">ГРАФИЧЕСКАЯ ЧАСТЬ

Графическая часть страницы "Главная" (Рисунок 2)

Рисунок 2

Графическая часть страницы "Контакты" (Рисунок 3)

Рисунок 3

Графическая часть страницы "О нас" (Рисунок 4)

Рисунок 4

СОДЕРЖАНИЕ ВВЕДЕНИЕ . ОБЩИЙ РАЗДЕЛ .1 Актуальность темы курсового проекта .2 Направление решения курсового проекта . ИССЛЕДОВАТЕЛЬСКИЙ РАЗДЕЛ

Больше работ по теме: