Разработка информационной системы "Городской портал"

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО РЫБОЛОВСТВУ

«Дальневосточное высшее мореходное училище» (филиал)

федерального государственного бюджетного образовательного учреждения

высшего профессионального образования

«Дальневосточный государственный технический рыбохозяйственный университет»

(«ДВМУ» (филиал) ФГБОУ ВПО «Дальрыбвтуз»)

Разработка информационной системы «Городской портал»

Курсовой проект

по ПМ.02 МДК.02.01 «Информационные технологии и платформы разработки информационных систем»

Выполнил

курсант/студент

541 гр.

Я.А.Пилипенко

Находка 2015



ВВЕДЕНИЕ

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

В основе Интернет и Интернет-технологий лежат гипертексты и сайты, размещаемые в глобальной сети Интернет либо в локальных сетях ЭВМ.

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

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

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

Цель данного курсового проекта является разработка информационной системы «Городской портал». Данная тема является актуальной в настоящее время, так как разрабатываемый сайт является помощником городским и приезжим жителям в ориентировки города и происходящих в нем событий.

Классификация сайта - информационный проект. Информация и статьи на сайте не должны содержать ни какой рекламы. Так же статьи должны постоянно обновляться и редактироваться для завлечения большей аудитории сайта.

Для создания сайта были поставлены следующие задачи:

разработать структуру сайта;

придумать дизайн сайта;

разместить на сайте всю важную информацию, касающуюся города Находка;

изучение предлагаемой предметной области;

написание сайта с помощью выбранного языка программирования;

написание сайта с минимальной интерактивностью.

изучение дополнительных аспектов языка гипертекстовой разметки HTML.

Краткое описание проектирования

Создание сайта - сложный и трудоемкий процесс, требующий знание языков программирования (HTML, JavaScript, CSS), доменов, хостингов.

План разработки сайта включает в себя:

- Выбрать тематику и основную идею будущего сайта.

- Программы для создания сайтов.

- Анализ потребностей заказчика, ситуации на рынке и в интернете;

- Построение структуры будущего сайта;

- Разработку дизайна;

- Программирование;

- Верстку и наполнение;

- Запуск сайта в интернете;

- Поддержка созданного сайта, его развитие;

- Техническую поддержку и обновление уже функционирующего сайта.

Качественное исполнение такого плана разработки сайта требует профессионального подхода.

Исследовав предметную область данной темы, было принято решение создать информационный сайт, посвящённый этому событию, так же были выведены основные параметры, которым должен соответствовать сайт, а именно иметь:

Не большой размер сайта для его быстродействия;

Краткую и в тоже время содержательную информацию;

Простое и функциональное управление;

Одинаковое отображение сайта на компьютерах, как с малым, так и с большим разрешением экрана;

Простой дизайн, который приятен для глаза и понятен для начинающих;

Иметь встроенные видео и аудио файлы.

Для разработки данного курсового проекта использовался HTML (HyperTextMarkupLanguage) языкгипертекстовой разметки. Выбор пал именно на НТМL потому, что данный язык очень прост, как в написании, так и в разборе программного кода. Так же для разработки некоторых элементов использовались и другие языки: JS (JavaScript) язык и CSS (CascadingStyleSheets).

HTML-- стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML.

JavaScript -- прототипно-ориентированный сценарный язык программирования. Является диалектом языка ECMAScript.JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

Техническое задание

Темой курсового проекта являлось создание информационного сайта города Находки. Данная тема является актуальной, так как Находка - это молодой, процветающий город.

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

Исследовав предметную область данной темы, было принято решение создать информационный сайт, посвящённый этому событию, так же были выведены основные параметры, которым должен соответствовать сайт, а именно иметь:

не большой размер сайта для его быстродействия;

краткую и в тоже время содержательную информацию;

простое и функциональное управление;

одинаковое отображение сайта на компьютерах, как с малым, так и с большим разрешением экрана;

простой дизайн, который приятен для глаза и понятен для начинающих;

основные разделы сайта должны быть доступны.

План разработки данного сайта включал в себя:

анализ потребностей заказчика;

построение структуры будущего сайта;

разработку дизайна;

программирование;

верстку и наполнение.

В дизайне сайта не должны присутствовать:

мелькающие баннеры;

много сливающегося текста;

Автоматизация сайта

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

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

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

Аппаратное обеспечение:

Материнская плата

Характеристики:

Плата ASUS K52JT, Motherboard Chipset: Intel HM55 (Ibex Peak-M DH), Motherboard Slots: 1xPCI, 8xPCI Express x1, 1xPCI Express x16

Процессор: Intel Core i3-380M, CPU Brand Name: Intel(R) Core(TM) i3 CPU M 380 @ 2.53GHz;

Твердотельные конденсаторы в системе питания процессора;

Поддержка процессоров с TDP до 70 Вт;

ЧипсетAMD Radeon HD 6370M [ASUS];

Поддержка двухканальной памяти DDR3 Memory Speed: 666.7 MHz (PC3-10600) Module Manufacturer: Elpida, не буферизованная, четыре разъема DIMM, минимальное количество памяти 1.5ГБ;

1 x Intel Auburndale/Arrandale Processor - PCI Express Graphics Root Port [K0] 2.5 x16;

Совместимость Windows® 7;

Панель ввода/вывода: 1 x ASUS, 4 x USB 2.0, 2 x Powerede SATAII/USB коннекторs, 1 x RJ-45 LAN с индикаторами.

Жёсткий диск - устройство хранения информации, основанное на принципе магнитной записи.

Характеристики: Slim type DVD A DS8A5SHAsusTotal: 6 (ATA-133), Active: 5 (ATA-100);

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

При разработке информационной системы использовалось программное обеспечение Windows7, пакеты прикладных программ Microsoft Office 2007.

Архитектура ОС защищает приложения от повреждения друг другом и самой операционной системой.

Microsoft Office Word 2007 - мощный текстовой процессор, предназначенный для выполнения всех процессов обработки текста: от набора и верстки, до проверки орфографии, вставки в текст графики в стандарте *.pcx или *.bmp, распечатки текста. Он работает с многими шрифтами, как с русским, так и с любым из двадцати одного языка мира.

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

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

Microsoft Office SharePoint Designer -- редактор и программа для веб-дизайна от компании Microsoft, замена для Microsoft Office FrontPage и часть семейства SharePoint. Является одним из компонентов пакета Microsoft Office 2007, однако не включен ни в один из комплектов офиса (устанавливается отдельно). Переход в названии от FrontPage к SharePoint Designer связан с его назначением: созданием и дизайном веб-сайтовMicrosoft SharePoint. SharePoint Designer имеет один и тот же движок отрисовки HTML, что и Microsoft.

Для реализации графического интерфейса были задействованы такие программы как: AddobePhotoshop, ArtRage 2.11, онлайн сервис по обработки графических изображений http://editor.0lik.ru и онлайн генерация надписей красивым шрифтом OnLine-Letters.RU

AdobePhotoshop (ЭдомубиФотошомп) -- многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems.

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

Художественное рисование ArtRage 2.11 - неординарный графический редактор, который имитирует рисование на обычной бумаге привычными инструментами. Во всем дизайне чувствуется реализм. Лист, на котором рисуешь, легко поворачивается, приближается и удаляется. Из инструментов можно выбрать карандаш, кисть, фломастер, пастель и много других. Присутствует регулировка давления, прилагаемое при рисовании каким-либо инструментом, например, кистью или карандашом. При рисовании панели автоматически убираются, не мешая закончить линию.

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



Моделирование информационной структуры

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

Ниже приведен рисунок структуры дизайна (рисунок 1).

Рисунок 1- Структура дизайна сайта

Верхний фрейм
Левый фрейм	Основной фрейм

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

Разработка структуры данных

Главный файл Index.htm содержит основу всего сайта, данная страница является главной. К странице Index привязаны все остальные разделы, структура сайта представлена ниже (рисунок 2).



Рисунок 2 - Структура данных

Структура главной страницы Index.htm:

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

В верхний фрейм загружается шапка сайта. Название файла: шапка.htm (рисунок 3).

Рисунок 3 - «Шапка» сайта

В левый фрейм загружается блок меню. Название файла: Левая.htm(рисунок 4).



Рисунок 4-Меню сайта

В центральный фрейм загружается информация на сайте. Название файла: Поле.htm (рисунок 5.)

Рисунок 5- центральный фрейм

сайт информационный портал

Новое в городе. Содержит информацию об акциях, об открытии кафе или изменениях в городе (рисунок6).



Рисунок 6 - Страница «Новое в городе»

Парк. Переходящая ссылка от «Новое в городе» (рисунок7).

Рисунок 7 - Страница «Парк»

Лавка у Петровича. Переходящая ссылка от «Новое в городе». (рисунок8).

Рисунок 8 - Страница «Петровичс»

Компании города. Содержит список компаний в городе Находка (рисунок9).



Рисунок 9 - Страница «Компании города»

Расписание автобусов. Содержит расписание автобусов по городу и межгороду (рисунок10).

Рисунок 10 - Страница «Расписание автобусов»

О нас. Содержит информацию о компании (рисунок 11).

Рисунок 11 - Страница «О нас»

Описание информационной системы

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

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

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

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

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

Инструкция пользователя

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

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

Ссылка: index.htm

При переходе по данной ссылке вы попадаете на главную страницу сайта.

При нажатии на ссылку «Главная» происходит переход на стартовую страницу сайта.

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

При нажатии на надпись «Разделы», ниже раскроется список разделов, а именно «Компании города», «Расписание автобусов», «Расписание кинотеатра», «Фотогалерея», «Погода».

При нажатии на ссылку «Компании города» в основную часть сайта загрузятся все компании города, имеющиеся на сайте.

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

При нажатии на ссылку «О нас» в основную часть сайта открывается информация о компании.

При нажатии на крестик в браузеры, произойдет закрытие всех окон.



ЗАКЛЮЧЕНИЕ

В наше время технологии занимают важное и особое место практически во всех областях человеческой деятельности.

В последнее время все больше и больше говорят о внедрении и использовании Интернет в образовательном процессе.

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

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

закреплены и расширены теоретические знания, полученные в процессе изучения курсов "Информационные технологии и платформы разработки информационных систем";;

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

разработан информационный сайт;

изучен язык гипертекстовой разметки html, javascript, css;

написан сайт с помощью выбранных языков программирования.

Для корректного отображения сайта рекомендуется использование интернет браузер Chrome.

Был выбран именно этот интернет браузер так, как он прост в использовании, и скорость передачи данных, в разы выше, чем у стандартных приложениях ПК. Но так же возможно и применение других браузеров, таких как Internet Explorer, Google Chrome, Firefox, Opera.

При желании дополнить какую-либо из статей на сайте вы можете связаться с разработчиками, контактную информацию можно получить в разделе «О нас».

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

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



СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ

1. Вестник ХГУ. Выпуск 4. серия 1: Информатика.- Абакан: Изд. ХГУ, 2001, 251с.

2. Кейт Шенгили-Робертс. CSS каскадные таблицы стилей. Библиотека профессионала, М.: Издательство Вильямс, 2005 г.

3. Крамер Э. “HTML:наглядный курс Web-дизайна”, Вильямс, IDG BooksWorldwide, 2001. -304с.

4. Нидерст Д. “Web-мастеринг для профессионалов. Настольный справочник”

5. Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы Web-технологий. Интернет-университет информационных технологий - ИНТУИТ.ру, БИНОМ. Лаборатория знаний, 2007 г., 376 стр.

6. Храмцов П.Б.Введение в HTML и CSS. Интернет-университет информационных технологий - ИНТУИТ.ру, БИНОМ. Лаборатория знаний, 2007 г., 160 стр.

7. http://ruseller.com/ - Учебник по JavaScript

8. www.postroika.ru - Построение сайта

9. http://www.sozdaysait.com/ - Создание сайта.

10. http://www.sitem.ru - Руководство по css.

10. Гарнаев А.Ю. MS Excel 2002: разработка приложений. СПб.: БХВ Петербург, 2003.- 768 с.:ил.

11. Ильина О.П. Информационные технологии бухгалтерского учета. Питер, 2002.

12. Лещев Д.В. Создание интерактивного WEB-сайта: учебный курс. СПб.:Питер,2003.

13. Орлов С.А. Технологии разработки программного обеспечения: Учебник для вузов. СПб.: Питер, 2004.

14. Петров В.Н. Информационные системы.// учебник для вузов. СПб.:Питер, 2003.

15. Хомоненко А.Д., Цыганков В.М., Мальцев М.Г.. Базы данных. /Учебное пособие/ Изд. СПб "КОРОНАпринт", 2002.

16. Чекалов А.П. Базы данных: отпроектирования до разработки приложений. СПб.: БХВ-Петербург, 2003.

17. Черемных С.В., Семенов И.О., Ручкин B.C.. Структурный анализ систем: IDEF-технологии. М.: Финансы и статистика, 2003.

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