Разработка internet-приложения на примере создания сайта для СОШ №12

Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.

Рубрика Программирование, компьютеры и кибернетика
Вид дипломная работа
Язык русский
Дата добавления 13.01.2015
Размер файла 2,4 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

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

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

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

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

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

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

При проектировании БД необходимо решить вопрос о наиболее эффективной структуре данных.

Для хранения информации необходимой для работы сайта была создана база данных "school12" в состав которой входят 5 таблиц: "settings", "nov", "prepod", "photo", "user".

Таблица "settings", структура которой состоит из шести столбцов, является основной и хранит в себе основной контент сайта.

Таблица "news", структура которой состоит из восьми столбцов. Предназначена для хранения категорий новостей, в ней хранятся их названия и описания.

Таблица "prepod", структура которой состоит из восьми столбцов. Предназначена для хранения категорий Педагоги, в ней хранятся их имена и описания.

Таблица "photo", структура которой состоит из трех столбцов. Предназначена для хранения категории фотографии, в ней хранятся фотографии и их описания.

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

Столбцы используемые в этих таблицах:

· столбец id, генерируется автоматически при добавление записи в таблицу.

· столбец title хранит в себе заголовок новости, и одновременно с этим подставляется между тегами <titlte> при выводе новости пользователю.

· столбец meta_d, показывает краткое описание новости, используемое для поисковых роботов.

· столбец meta_k, показывает ключевые слова новости, используемые для поисковых роботов.

· столбец date, показывает дату добавления новости.

· столбец spec, показывает предметы преподаваемые преподавателем.

· столбец img, показывает путь картинки.

· столбец description, показывает краткое описание новости.

· столбец text, показывает полный текст новости.

· столбец author, показывает автора новости.

· столбец login, содержит логин для ввода его в форму.

· столбец password содержит пароль в зашифрованном виде для ввода его в форму.

В качестве наглядного примера на рисунках 3 и 4 показана структура и обзор таблицы "prepod"

Рисунок 3. Структура таблицы "prepod"

Рисунок 4. Обзор таблицы "prepod"

Как видно на Рисунок 5. страница index.php является главной страницей сайта. Она содержащей ссылки на другие разделы. Все остальные страницы сделаны по подобию главной. Навигация сайта содержит 9 пунктов такие как : "Главная", "О школе", "Педагоги", "Новости", "Фотоальбом", "Доска почета", "Учебный процесс", "Обратная связь", "Гостевая".

Рисунок 5. Внешний вид главной страницы

Как видно из Рисунка 5 строение главной страницы сайта имеет табличную структуру.

<table align="center" width="974" class="main_border"> <!--описание структуры таблицы

<tr>

<td width="974" height="222" colspan="2" background="img/head.jpg"></td>

</tr>

<tr>

<td width="220" height="0" rowspan="2" valign="top" class="left"><table width="93%">

<tr>

<td height="48" class="title">&nbsp;<img src="img/str/nav.gif"></td>

</tr>

</table>

<table width="200">

<tr>

<td><a href="index.php" title="Главная"><img src="img/str/1n.gif"></a></td>

</tr>

<tr>

<td><a href="history.php" title="О школе"><img src="img/str/2n.gif"></a></td>

</tr>

<tr>

<td><a href="uchitel.php" title="Педагоги"><img src="img/str/3n.gif"></a></td>

</tr>

<tr>

<td><a href="nov.php" title="Новости"><img src="img/str/4n.gif"></a></td>

</tr>

<tr>

<td><a href="photo.php" title="Фотоальбом"><img src="img/str/5n.gif"></a></td>

</tr>

<tr>

<td><a href="doska.php" title="Доска почета"><img src="img/str/6n.gif"></a></td>

</tr>

<tr>

<td><a href="process.php" title="Учебный процесс"><img src="img/str/7n.gif"></a></td>

</tr>

<tr>

<td><a href="svyaz.php" title="Обратная связь"><img src="img/str/8n.gif"></a></td>

</tr>

<tr>

<td><a href="gb.php" title="Гостевая книга"><img src="img/str/9n.gif"></a></td>

</tr>

</table><br><br><br>

На Рисунке 6 изображен баннер сайта МОУ СОШ №12 . Данный баннер был разработан в свободно распространяемом графическом редакторе Adobe Photoshop trial version, с использованием градиентной заливки (фон), текст, и объекты с фото предприятия, такие как карандаши, глобус, учебники.

Рисунок 6. Баннер (Шапка сайта)

На Рисунке 7 изображено меню сайта (Правый контент или как мы уже называли выше навигация). Меню сайта было создано с помощью гиперссылки Тег " <a>".

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

Рисунок 8. Основной контент

В нижней части сайта находится ссылка на создателя сайта. Рисунок 9

Рисунок 9. Подвал сайта

<p align="center"><a href="http://vkontakte.ru/heartless.devil">Дутов Антон.</a> Все права защищены. © 2013 </p>

3.5 Описание страницы "Обратная связь"

Рассмотрим страницу "Обратная связь" как видно на рисунке 9. Данная страница содержит адрес школы, и обработчик написанный на php и который проверяет заполняемость поля сообщения формируют сообщение и отправляют на указанный e-mail.

Рисунок 9. Обратная связь

Заключение

Собрав необходимый материал, а так же рассмотрев актуальные вопросы разработки для написания дипломного проекта, был создан информационный Web-сайт для МОУ СОШ № 12. При этом были решены следующие частные задачи:

· ознакомление с современными Интернет-технологиями и использовать их в своей разработке;

· изучение основных понятия и программы Dreamweaver, применяемой для разработки и создания Web-сайтов;

· ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

· ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике;

· определение структуры Web-страниц;

· предоставление пошаговой стратегии разработки web-сайта.

В процессе разработки некоммерческого проекта были использованы следующие приложения и среды: операционная система Windows 7 (Dreamspark edition), графический редактор Adobe Photoshop trial version, инструмент Adobe Dreamweaver trial version, а так же программные средства такие как: языки разметки гипертекста (HTML), текстовый редактор Блокнот (Notepad ++), скрипт языки JavaScript и VBSсript а так же язык программирования PHP.

HTML (англ. HyperTextMarkupLanguage) - это язык разметки гипертекста, специальная форма записи текстов, таблиц и картинок, которая понятна браузерам.

MySQL - свободная система управления базами данных (СУБД).

Perl - PracticalExtractionandReportLanguage - "практический язык для извлечения данных и составления отчётов" - высокоуровневый интерпретируемый динамический язык программирования общего назначения.

PHP - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений

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

В результате проведенных работ на базе выбранных технологий мною будет создан прототип современного Web-сайта.

Список литературы

1. К. Нейгел, Б. Ивьен, Д. Глинн, К. Уотсон, М. Скиннер. C# 2008 и платформа .NET 3.5 для профессионалов. Диалектика, 2010.

2. Э. Троелсен. C# и платформа.NET. Библиотека программиста. Питер, 2011

3. Герберт Шилдт. Полный справочник по C#. Вильямс 2013.

4. В.В. Лабор. Visual C# - Создание приложений для Windows. Минск, 2011.

5. Хомоненко А.Д. Основы современных компьютерных технологий: Учебное пособие/А.Д. Хомоненко- СПб.: КОРОНА, 2012.- 448 с

6. В. Олифер, Н. Олифер, Основы компьютерных сетей, Издательство Питер 2009г.

7. Дубовцев, В.А. Безопасность жизнедеятельности. / Учеб. пособие для дипломников. - Киров: изд. КирПИ, 2012 г.

8. М. Руссинович , Д. Соломон - Внутреннее устройство Microsoft Windows: Windows Server 2003, Windows XP и Windows 2000. Мастер-класс. / Пер. с англ. - 4-е изд. - М.: Издательство "Русская Редакция"; СПб.: Питер, 2010. - 992 стр.: ил.

9. Леффингуэлл, Д. Принципы работы с требованиями к программному обеспечению. Унифицированный подход/ Д.Леффингуэлл, Д.Уидриг. - М.: Издательский дом "Вильямс", 2012. 448с.

10. Сайт (понятие, классификация) http://ru.wikipedia.org/wiki/%D0%91% D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80

11. Создание сайтов http://www.art-line.su/service/webdev/milestones

12. Классификация сайтов http://deaction.com/poleznaya_informaciya/veb-dizajn_sozdanie_sajtov/klassifikaciya_sajtov

Приложение

Код страницы "Новости" (nov.php)

<html>

<head>

<meta name="description" content="Новости ">

<meta name="keywords" content="Новости ">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Новости</title>

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

<style type="text/css"></style>

</head>

<body>

<table width="1200" align="center">

<tr>

<td width="150"><img src="img/logo1.gif" width="150" height="150"></td>

<td width="900"><span style="color: #339966"><marquee style=" font-size: 30pt; font-weight: bold"><i><b><img src="img/logo3.gif" width="900" height="150"></b></I></marquee></span>

</td>

<td width="150"><img src="img/logo2.gif" width="150" height="150"></td>

</tr>

</table>

<table align="center" width="974" class="main_border">

<tr>

<td width="974" height="222" colspan="2" background="img/head.jpg"></td> </tr>

<tr>

<td width="220" rowspan="2" valign="top" class="left"><table width="93%">

<tr>

<td height="48" class="title">&nbsp;<img src="img/str/nav.gif"></td>

</tr>

</table>

<table width="200">

<tr>

<td><a href="index.php" title="Главная"><img src="img/str/1n.gif"></a></td>

</tr>

<tr>

<td><a href="history.php" title="О школе"><img src="img/str/2n.gif"></a></td>

</tr>

<tr>

<td><a href="uchitel.php" title="Педагоги"><img src="img/str/3n.gif"></a></td>

</tr>

<tr>

<td><a href="nov.php" title="Новости"><img src="img/str/4n.gif"></a></td>

</tr>

<tr>

<td><a href="photo.php" title="Фотоальбом"><img src="img/str/5n.gif"></a></td>

</tr>

<tr>

<td><a href="doska.php" title="Доска почета"><img src="img/str/6n.gif"></a></td>

</tr>

<tr>

<td><a href="process.php" title="Учебный процесс"><img src="img/str/7n.gif"></a></td>

</tr>

<tr>

<td><a href="svyaz.php" title="Обратная связь"><img src="img/str/8n.gif"></a></td>

</tr>

<tr>

<td><a href="gb.php" title="Гостевая книга"><img src="img/str/9n.gif"></a></td>

</tr>

</table><br><br><br>

<table width="93%">

<tr>

<td height="48" class="title">&nbsp;<img src="img/str/search.gif"><br>

<form action="search.php" method="POST" onsubmit="javascript: if ((keyword.value=='')||(keyword.value=='Поиск...')) { return false; } else { return true; }"><br>

<p>Поисковый запрос должен быть не менее 4х символов. </p>

<p><input name="keyword" type="text" size="20" maxlength="40"></p>

<p><input name="submit" type="submit" value="Искать"></p>

</form>

</td>

</tr>

</table><br>

<p>&nbsp;</p>

<p>&nbsp;</p>

<table width="180" class="time" >

<tr>

<td height="182" align="center"><p class="time_title">Время:</p>

<blockquote>

Tuesday 04-Jun,2013 23:45</blockquote></td></tr>

</table>

<p>&nbsp;</p>

<p>&nbsp;</p></td>

</tr>

<tr>

<td height="12" valign="top" class="rigth" align="center"><img src="img/str/8.gif" width="754" height="100" align="center"><br><blockquote>

<h3 align="centr">На этой странице Вы найдете интересные новости жизни школы и ее учащихся. Ниже вы сможете ознакомится с последними новостями...</h3></blockquote><br><br><table align='center' class='nov'>

<tr>

<td class='nov_title'>

<p class='nov_name'><a class='href' href='view_nov.php?id=3'>Школьная газета</a></p>

<p class='nov_adds'>Автор: Школьная редакция.</p>

<p class='nov_adds'>Дата: 2013-05-22</p></td>

</tr>

<tr>

<td><p>Последние школьные новости</p></td>

</tr>

</table><br><br><table align='center' class='nov'>

<tr>

<td class='nov_title'>

<p class='nov_name'><a class='href' href='view_nov.php?id=2'>Отчет В ПЕРИОД ЗИМНИХ КАНИКУЛ</a></p>

<p class='nov_adds'>Автор: Зам. директора по ВР: О.Л. Павлова</p>

<p class='nov_adds'>Дата: 2013-01-16</p></td>

</tr>

<tr>

<td><p>ОТЧЕТ ОПРОДЕЛАННОЙ&nbsp; РАБОТЕ МОУ СОШ №12 <br>

В ПЕРИОД ЗИМНИХ КАНИКУЛ<br>

(С &shy;&shy;&shy;&shy;&shy;28.12.2012г. ПО 15.01.2013г.)</p></td>

</tr>

</table><br><br><table align='center' class='nov'>

<tr>

<td class='nov_title'>

<p class='nov_name'><a class='href' href='view_nov.php?id=1'>Мечты сбываются</a></p>

<p class='nov_adds'>Автор: Ибраимова Лилия, 10 "А"</p>

<p class='nov_adds'>Дата: 2013-05-01</p></td>

</tr>

<tr>

<td> <p>&rdquo;Мечты сбываются&rdquo; &ndash; гласит рекламный слоган известной кампании. Нам стало интересно, так ли это на самом деле, и результат нас приятно порадовал.</p></td>

</tr>

</table><br><br>

</td>

</tr>

</table>

<p align="center"><a href="http://vkontakte.ru/heartless.devil">Дутов Антон.</a> Все права защищены. © 2013 </p>

</body>

</html>

Размещено на Allbest.ru


Подобные документы

  • Основы Web-программирования. Сервер баз данных MySQL. Язык сценариев PHP. Язык гипертекстовой разметки HTML. Назначение и цели разработки сайта. Форма входа и регистрации, обратная связь интернет–магазина. Требования к структуре сайта, описание контента.

    курсовая работа [754,5 K], добавлен 02.06.2014

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

  • Назначение информационно-новостного сайта. Структура пользовательской и административной частей. Эмулятор Web–сервера Denwer 3. Типы данных, используемые в PHP. MySQL база данных. Каскадная таблица стилей CSS. Язык гипертекстовой разметки документов HTML.

    дипломная работа [2,0 M], добавлен 05.02.2013

  • Методы и технологии создания виртуальных магазинов. Программные средства для создания сайта. Разработка php-модуля. Технические возможности СУБД MySQL. Приложения для создания графики и дизайна. Логическая структура сайта. Разработка базы данных.

    курсовая работа [248,1 K], добавлен 24.04.2012

  • Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.

    контрольная работа [2,8 M], добавлен 02.12.2009

  • Создание индивидуального сайта с использованием языка гипертекстовой разметки HTML и языка скриптов JavaScript. Программные средства, используемые при выполнении работы. Основные средства для создания сайта. Разработка CSS-файла (таблица стилей).

    лабораторная работа [31,0 K], добавлен 28.10.2010

  • Краткие сведения о доске объявлений, структура и внутреннее содержание соответствующего сайта. Принципы и основные этапы разработки, выбор и обоснование программных средств: язык HTML, каскадные таблицы стилей, JavaScript, Web-сервер Apache, PHP.

    дипломная работа [1,6 M], добавлен 22.10.2014

  • Преимущества и недостатки электронной коммерции. Описание локального сервера Denwer. Структура файлов и папок. Особенности PHP, MySQL, CSS, HTML. Разработка структуры сайта интернет-магазина по продажи гитар и комплектующих, его программная реализация.

    курсовая работа [5,0 M], добавлен 25.10.2014

  • Ознакомление с современными Интернет-технологиями и использование их в своей разработке. Изучение основных программ, применяемых для разработки и создания Web-сайта. Инструментальные средства. Информационная структура, дизайн и шаблон web-сайта.

    контрольная работа [1,0 M], добавлен 15.02.2017

  • Сайт как средство предоставления и передачи информации, их классификация. Разработка информационного web-сайта для МОУ СОШ №12. Подготовка проектной документации, выбор средств разработки HTML-страниц. Функциональная часть, контент; структура навигации.

    дипломная работа [2,6 M], добавлен 08.01.2015

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.