Разработка информационной системы 'Городской портал'
ФЕДЕРАЛЬНОЕ
АГЕНТСТВО ПО РЫБОЛОВСТВУ
«Дальневосточное
высшее мореходное училище» (филиал)
федерального
государственного бюджетного образовательного учреждения
высшего
профессионального образования
«Дальневосточный
государственный технический рыбохозяйственный университет»
(«ДВМУ»
(филиал) ФГБОУ ВПО «Дальрыбвтуз»)
Разработка
информационной системы «Городской портал»
Курсовой
проект
по
ПМ.02 МДК.02.01 «Информационные технологии и платформы разработки
информационных систем»
Выполнил
курсант/студент
гр.
Я.А.Пилипенко
Находка
2015
ВВЕДЕНИЕ
Сегодня Интернет - технологии занимают важное и
особое место практически во всех областях человеческой деятельности.
Интернет-технологии - технологии создания и поддержки различных информационных
ресурсов в компьютерной сети Интернет: сайтов, блогов, форумов, чатов,
электронных библиотек и энциклопедий.
В основе Интернет и Интернет-технологий лежат
гипертексты и сайты, размещаемые в глобальной сети Интернет либо в локальных
сетях ЭВМ.
Сайты позволяют хранить, передавать, продавать
различные типы информации не отходя от экрана компьютера. А главное, сайты
позволяют подать эту информацию в ярком, красочном виде, снабдить её графикой,
звуком, анимацией, видеороликами, ссылками и при правильном спланировании
работы, продемонстрировать эту информацию тысячам других пользователей
интернета.
Выполнение данного курсового проекта позволит
систематизировать, закрепить и расширить теоретические знания по специальности,
развить практические навыки самостоятельной работы, и в дальнейшем применять
полученные знания и навыки при решении конкретных задач.
В учебных целях важно не только спроектировать
ИС, но и понять, как этот процесс осуществляется, какую информационную
значимость должна предоставлять ИС.
Цель данного курсового проекта является
разработка информационной системы «Городской портал». Данная тема является
актуальной в настоящее время, так как разрабатываемый сайт является помощником
городским и приезжим жителям в ориентировки города и происходящих в нем
событий.
Классификация сайта - информационный проект.
Информация и статьи на сайте не должны содержать ни какой рекламы. Так же
статьи должны постоянно обновляться и редактироваться для завлечения большей
аудитории сайта.
Для создания сайта были поставлены следующие задачи:
разработать структуру сайта;
придумать дизайн сайта;
разместить на сайте всю важную информацию,
касающуюся города Находка;
изучение предлагаемой предметной области;
написание сайта с помощью выбранного языка
программирования;
написание сайта с минимальной интерактивностью.
изучение дополнительных аспектов языка
гипертекстовой разметки HTML.
Краткое описание проектирования
Создание сайта - сложный и трудоемкий процесс,
требующий знание языков программирования (HTML, JavaScript, CSS), доменов,
хостингов.
План разработки сайта включает в себя:
Выбрать тематику и основную идею будущего сайта.
Программы для создания сайтов.
Анализ потребностей заказчика, ситуации на рынке
и в интернете;
Построение структуры будущего сайта;
Разработку дизайна;
Программирование;
Верстку и наполнение;
Запуск сайта в интернете;
Поддержка созданного сайта, его развитие;
Техническую поддержку и обновление уже
функционирующего сайта.
Качественное исполнение такого плана разработки
сайта требует профессионального подхода.
Исследовав предметную область данной темы, было
принято решение создать информационный сайт, посвящённый этому событию, так же
были выведены основные параметры, которым должен соответствовать сайт, а именно
иметь:
Не большой размер сайта для его быстродействия;
Краткую и в тоже время содержательную
информацию;
Простое и функциональное управление;
Одинаковое отображение сайта на компьютерах, как
с малым, так и с большим разрешением экрана;
Простой дизайн, который приятен для глаза и
понятен для начинающих;
Иметь встроенные видео и аудио файлы.
Для разработки данного курсового проекта
использовался HTML (HyperTextMarkupLanguage) языкгипертекстовой разметки. Выбор
пал именно на НТМL потому, что данный язык очень прост, как в написании, так и
в разборе программного кода. Так же для разработки некоторых элементов
использовались и другие языки: JS (JavaScript) язык и CSS
(CascadingStyleSheets).стандартный язык разметки документов во Всемирной
паутине. Большинство веб-страниц содержат описание разметки на языке HTML. Язык
HTML интерпретируется браузерами и отображается в виде документа в удобной для
человека форме.
Преимущественно используется как средство
описания, оформления внешнего вида веб-страниц, написанных с помощью языков
разметки HTML и XHTML.- прототипно-ориентированный сценарный язык
программирования. Является диалектом языка ECMAScript.JavaScript обычно
используется как встраиваемый язык для программного доступа к объектам
приложений. Наиболее широкое применение находит в браузерах как язык сценариев
для придания интерактивности веб-страницам.(англ. CascadingStyleSheets -
каскадные таблицы стилей) - формальный язык описания внешнего вида документа,
написанного с использованием языка разметки.
Техническое задание
Темой курсового проекта являлось создание информационного
сайта города Находки. Данная тема является актуальной, так как Находка - это
молодой, процветающий город.
Целью данного сайта является обеспечение
информацией пользователей города Находки.
Исследовав предметную область данной темы, было
принято решение создать информационный сайт, посвящённый этому событию, так же
были выведены основные параметры, которым должен соответствовать сайт, а именно
иметь:
не большой размер сайта для его быстродействия;
краткую и в тоже время содержательную
информацию;
простое и функциональное управление;
одинаковое отображение сайта на компьютерах, как
с малым, так и с большим разрешением экрана;
простой дизайн, который приятен для глаза и
понятен для начинающих;
основные разделы сайта должны быть доступны.
План разработки данного сайта включал в себя:
анализ потребностей заказчика;
построение структуры будущего сайта;
разработку дизайна;
программирование;
верстку и наполнение.
В дизайне сайта не должны присутствовать:
много сливающегося текста;
Автоматизация сайта
Автоматизация сайта - создание программных
решений, позволяющих владельцу сайта самостоятельно не только управлять
содержанием сайта, но и решать целый ряд задач автоматически (автоматизация).
Элементы функциональности
автоматизации сайта обычно интегрируются в единый программный комплекс системы
управления сайтом <#"877847.files/image001.gif">
Рисунок 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.
При желании дополнить какую-либо из статей на
сайте вы можете связаться с разработчиками, контактную информацию можно
получить в разделе «О нас».
Во время выполнения данного курсового проекта
была достигнута поставленная в начале проектирования цель - систематизированы,
расширены и закреплены теоретические знания по специальности, развитие
практических навыков самостоятельной работы, и в дальнейшем будут применены
полученные знания и навыки при решении конкретных задач.
В учебных целях важно не только спроектировать
ИС, но и понять, как этот процесс осуществляется, какую информационную
значимость должна предоставлять ИС.
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ
.
Вестник ХГУ. Выпуск 4. серия 1: Информатика.- Абакан: Изд. ХГУ, 2001, 251с.
.
Кейт Шенгили-Робертс. CSS каскадные таблицы стилей. Библиотека профессионала,
М.: Издательство Вильямс, 2005 г.
.
Крамер Э. “HTML:наглядный курс Web-дизайна”, Вильямс, IDG BooksWorldwide, 2001.
-304с.
.
Нидерст Д. “Web-мастеринг для профессионалов. Настольный справочник”
.
Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы Web-технологий.
Интернет-университет информационных технологий - ИНТУИТ.ру, БИНОМ. Лаборатория
знаний, 2007 г., 376 стр.
.
Храмцов П.Б.Введение в HTML и CSS. Интернет-университет информационных
технологий - ИНТУИТ.ру, БИНОМ. Лаборатория знаний, 2007 г., 160 стр.
.
http://ruseller.com/ - Учебник по JavaScript
.
www.postroika.ru - Построение сайта
.
http://www.sozdaysait.com/ - Создание сайта.
.
http://www.sitem.ru - Руководство по css.
.
Гарнаев А.Ю. MS Excel 2002: разработка приложений. СПб.: БХВ Петербург, 2003.-
768 с.:ил.
.
Ильина О.П. Информационные технологии бухгалтерского учета. Питер, 2002.
.
Лещев Д.В. Создание интерактивного WEB-сайта: учебный курс. СПб.:Питер,2003.
.
Орлов С.А. Технологии разработки программного обеспечения: Учебник для вузов.
СПб.: Питер, 2004.
.
Петров В.Н. Информационные системы.// учебник для вузов. СПб.:Питер, 2003.
.
Хомоненко А.Д., Цыганков В.М., Мальцев М.Г.. Базы данных. /Учебное пособие/
Изд. СПб "КОРОНАпринт", 2002.
.
Чекалов А.П. Базы данных: отпроектирования до разработки приложений. СПб.:
БХВ-Петербург, 2003.
.
Черемных С.В., Семенов И.О., Ручкин B.C.. Структурный анализ систем:
IDEF-технологии. М.: Финансы и статистика, 2003.