Введение
Целью курсового проекта является разработка и сопровождение информационной системы социальной помощи населению. Целью информационной системы ― является информационная поддержка посетителей, в частности получение необходимой информации.
При разработке информационной системы необходимо определить требования и спецификации, выработать его структуру и вид навигации по разделам.
Для достижения поставленной цели необходимо выполнить следующие задачи:
- определить понятие «информационной системы (ИС)»;
- изучить особенности и этапы построения «информационной системы»;
- спроектировать структуру и дизайн информационной системы;
- выбрать инструментарий для создания информационной системы и реализовать в нём поставленную цель;
Актуальность ИС состоит в том, что:
- в нем предполагается собрать информацию о социальной помощи населению, необходимых документов для постановки на учет и информации услуг предоставляемых организацией;
- информирование населения, и легкий доступ к информации;
- легкий доступ к информации позволит, экономить время людей и получать информацию, не выходя из дома.
Данная ИС несёт следующие функции:
- получение информации о услугах предоставляемых организацией не посещая офис организации;
- Получение необходимых документов не посещая офис организации.
1. Анализ технического задания и возможные
способы реализации поставленной задачи
.1 Постановка задачи
Целью курсовой работы является разработка и сопровождение информационной системы социальной помощи населению. Информационная система должна осуществлять информирование граждан о услугах, предоставляемых организацией и информации о организации.
Информационная система дает пользователю возможность легкого доступа к информации без посещения офиса организации.
Среди достоинств ИС следует выделить:
- Доступность информации через сети «Интернет»;
- интуитивно понятный интерфейс;
- предоставляет возможность для скачивания необходимых документов необходимых для постановки на учет.
Эффективность формы представления информации
включает в себя следующие требования: простота и удобство применения,
эргономичность.
2. Выбор программных и аппаратных средств для
реализации поставленной задачи
Проанализировав различные программные средства создания информационных систем, их характеристики, степень функциональности и доступности, было проведено исследование следующих программных средств: текстовый редакторблокнот (Notepad), HomeSite 4.5, UltraEdit-32, Macromedia Flash, Macromedia Dreamweaver.
На основании полученных сравнительных оценок, был сделан выбор в пользу программного продукта «Adobe Dreamweaver CC».
Причины выбора программы Dreamweaver:
. Dreamweaver - это программа для создания веб-сайтов. Основная функциональность программы сосредоточена на создании HTML и CSS кода, а также работе с файлами сайта. Визуальный интерфейс программы позволяет работать с этими элементами быстро и интуитивно понятно. Можно наглядно видеть результат написанного кода.
. Подсветка кода
Эта функция помогает быстро просканировать код, а также найти возможные ошибки. Каждый тип кода имеет различную подсветку, что позволит наглядно отличать HTML, CSS, PHP, Javascript и др.
Это очень удобно, когда веб-страница представляет собой сочетание html и динамических языков, таких как например PHP или ASP.
Для начинающих веб-разработчиков подсветка кода помогает лучше понять каждый элемент кода, а также помогает выявить возможные ошибки.
. Автоподстановка кода
Функция, позволяющая экономить время - это автоматическое дописывание кода. Когда начинается писание какого-нибудь html-тега, открывается список возможных вариантов на основе введенных первых букв. Разработчику остается лишь выбрать подходящий вариант. Причем это удобно не только для написания самих тегов, но и для их атрибутов.
. Режим кода и режим дизайна
Позволяет увидеть, что получается в результате написания того или иного кода, поэтому функция визуального отображения очень полезна. В Dreamweaver есть возможность быстрого переключения режима кода и режима дизайна.
Например, когда размещается блоки div, создавая каркас сайта, разработчику удобнее работать в режиме кода, а когда нужно добавить на страницы какой-то контент, то в этом случае больше подойдет режим дизайна.
. Проверка кода
В Dreamweaver есть отличный инструмент проверки кода, который не позволит ни одному веб-дизайнеру писать код, не соответствующий стандартам.
Ошибки и проблемы совместимости могут быть
быстро найдены именно во время написания кода, а не после того, как файлы с
кодом уже загружены на сервер и проверены онлайн-валидатором.
.1 Выбор технологии, языка и среды
программирования
На первом этапе создания информационной системы потребовалось выбрать модель разработки. Из трех моделей: спиральной, каскадной и итеративной, было решено использовать итеративную модель разработки, с её преимуществами.
Преимущества итеративной модели:
- снижение воздействия серьёзных рисков на ранних стадиях проекта, что ведет к минимизации затрат на их устранение;
- акцент усилий на наиболее важные и критичные направления проекта;
- непрерывное итеративное тестирование, позволяющее оценить успешность всего проекта в целом;
- раннее обнаружение конфликтов между требованиями, моделями и реализацией проекта;
- более равномерная загрузка участников проекта;
- эффективное использование накопленного опыта;
- реальная оценка текущего состояния проекта и, как следствие, большая уверенность заказчиков и непосредственных участников в его успешном завершении.
Выбор языка программирования для информационной системы осуществлялся из языков:
- HTML;
- PHP;
- WAP;
- FLASH;
- PERL.- это один из самых старых языков web-программирования, появившийся еще на заре развития Интернета, и зарекомендовавший себя как один из самых простых и надежных способов web-программирования. HTML расшифровывается как Hyper Text Markup Language - Язык Разметки Гипертекста. Сайты, созданные по технологии HTML в большинстве своем являются набором статических страниц, не требующих наличия базы данных.
Технология HTML может подойти для создания небольших, легких сайтов в несколько страничек, функционал которых не требует интерактивности и динамики.
Сегодня в среду веб-проектирования входит новый стандарт, носящий название HTML5. Данная технология очень молодая, но предоставляет большие возможности в плане создания сайтов, и позволяет реализовать новый, ранее невозможный, функционал. является серверным языком программирования и осуществляет связь сайта с сервером и его базой данных.
В сайтах на PHP часть кода, написанная на HTML, отвечает за внешний вид и вывод информации, а PHP в свою очередь за динамику и интерактивность функционала. Благодаря своей простоте, гибкости и скорости выполнения операций, язык PHP является одним из самых популярных стандартов, в веб-разработке.
В разработке преобладающей части сайтов, созданных студией HINEX.RU, была использована технология PHP, т.к. связь сайта с базой данных, по средством PHP кода является неотъемлемым условием, при создании динамичных, многофункциональных Интернет-ресурсов.(Wireless Application Protocol) - это технология позволяющая получать доступ к ресурсам Интернета прямо с мобильного устройства.
Основным отличием WAP-сайта от обычного Интернет-ресурса, является, то что WAP-сайт “заточен” под просмотр на небольших дисплеях телефонов и коммуникаторов, в связи с чем к разработке WAP-сайта предъявляется рад требований и стандартов, направленных на облегчение веса страницы WAP-портала и оптимизации содержимого сайта именно под просмотр в WAP-браузере телефона.
Сайты, написанные под WAP имеют свой язык разметки, адоптированный именно под обмен информацией с WAP-браузером. И если обычные сайт, предназначенные для просмотра с компьютера в большинстве своем написаны на языках html, php, то для создания WAP-сайтов используется стандарт WML (Wireless Markup Language). Помимо всего прочего при разработке WAP-ресурсов используется свой формат изображений - WBMP, позволяющий максимально облегчить WAP-страницу.
По сути, сама технология флеш не является языком web-программирования, но используется для визуализации элементов, написанные на языке XML.
Создание сайта по технологии flash сложный и трудоемкий процесс, но результат стоит, затраченных на него сил и средств. Flash-элементы, позволяют сделать сайт ярким и интерактивным. Живые, динамические страницы оставят неизгладимое впечатление о вашем ресурсе у посетителей, и положительный образ о вашем сайте надолго останется в умах зачарованных пользователей.
Но во всем как говориться нужно, знать меру, и создание flash-сайтов не исключение. Flash-блоки значительно тяжелее стандартных web-элементов и поэтому на их подгрузгу требуется больше времени. А пользователи сети, как правило, ждать не любят.
После анализа и исследования данных языков программирования, принято решение использования языка программирования PHP, так как он сочетает в себе все требования для создания данной информационной системы.
Для создания информационной системы выбрана среда программирования «Dreamweaver» и написание на языке PHP c элементами HTML кода.(PHP: Hypertext Preprocessor) - это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и его код может внедряться непосредственно в HTML.
Код PHP отделяется специальными начальным и конечным тегами <?php ?>, которые позволяют "переключаться" в "PHP-режим" и выходить из него.отличается от JavaScript тем, что PHP-скрипты выполняются на сервере и генерируют HTML, который посылается клиенту. Разработчик может настроить свой сервер таким образом, чтобы обычные HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.крайне прост для освоения, но вместе с тем способен удовлетворить запросы профессиональных программистов.
Хотя PHP, главным образом, предназначен для
работы в среде web-серверов, область его применения не ограничивается только
этим.
.2 Описание среды программирования
Рабочие пространства, ориентированные на программированиебыл настроен под заданный проектом стиль работы. Был изменен способ просмотра кода, по-другому настроены сочетания клавиш и импортированы и использованы библиотеки избранных тегов.
В Dreamweaver имеется несколько схем рабочего пространства для оптимизации процесса кодирования. С помощью переключателя рабочих пространств на панели «Приложение» можно переключаться между пространствами «Разработчик», «Разработчик-плюс», «Кодировщик» и «Кодировщик-плюс». Во всех этих рабочих пространствах по умолчанию отображается представление кода (либо во всем окне документа, либо в виде представлений «Код» и «Дизайн»), а панели прикреплены к левой стороне экрана. Во всех пространствах кроме пространства «Разработчик-плюс» в представлении по умолчанию отсутствует инспектор свойств.
Просмотр кода
Есть несколько способов просмотра исходного кода для текущего документа: можно отобразить его в окне «Документ», перейдя в представление кода, можно разделить область «Окно документа» так, чтобы в нем отображались как собственно страница, так и связанный с ней код. Кроме того, можно работать в инспекторе кодов, отдельном окне кодирования. Инспектор кода функционирует как окно представления кодов. Его можно рассматривать как отделяемое окно представления кода для текущего документа.
Просмотр кода в отдельном окне с помощью инспектора кода
Инспектор кода дает пользователю возможность работать в отдельном окне кодирования так же, как он работает в представлении «Код».
В меню «Окно» выберите пункт «Инспектор кода». Панель инструментов имеет следующие параметры:
- Управление файлами;
- Помещает или открывает файл;
- Просмотр/Отладка в браузере;
- Позволяет просматривать и отлаживать документ в браузере.
Обновление представления «Дизайн»
Обновляет документ в представлении «Дизайн», чтобы он отражал внесенные в код изменения. Внесенные в код изменения не отражаются автоматически в представлении «Дизайн» до выполнения пользователем определенных действий, например, до сохранения файла или нажатия на эту кнопку.
Открытие файлов в представлении кода по умолчанию
При открытии файла такого типа, который не должен содержать код HTML (например, файла JavaScript) этот файл открывается не в представлении «Дизайн», а в представлении «Код» (или в окне инспектора кода). Для изменения выбора типов файлов произведены шаги:
- В панели вкладок выбрана вкладка «Правка»;
- в появившемся меню выбрана строка «Настройки»;
- в открывшемся окне в списке категорий слева выбран пункт «Типы файлов и редакторы».
- в поле «Открыть в представлении кода» добавлены расширение имени файла для типа файлов;
Настройка сочетаний клавиш
В Dreamweaver можно использовать привычные сочетания клавиш. Для облегчения работы с определенными сочетаниями клавиш, например, использовать «Shift» + «Ввод» для добавления разрыва строки или «Ctrl» + «G» для перехода в определенное место кода, эти сочетания были добавлены в Dreamweaver с помощью редактора сочетаний клавиш.
Редактирование существующего сочетания клавиш
Для редактирования сочетания клавиш были произведены следующие действия:
- В панели вкладок выбрана вкладка «Правка»;
- в появившемся меню выбрана строка «Сочетания клавиш»;
- из всплывающего меню «Команды» выбрана требуемая категория;
- в списке «Команды» выбрана команда, а затем сочетание клавиш, которое требовалось заменить;
- в текстовом поле «Нажмите клавишу» и введено новое сочетание клавиш;
- задействована
кнопка «Заменить», для замены сочетание клавиш.
3. Описательная часть разработанного
программного продукта
.1 Проектирование интерфейса пользователя
Для пользователя интерфейс - это и есть приложение. Независимо от того, сколько времени и усилий вы потратили на запись материала и моделирование, применимость информационной системы зависит от интерфейса.
Чтобы работа с информационной системы была удобной, пользователь при взаимодействии с ней должен ощущать комфорт.
В процессе создания информационной системы были учтены рекомендации специалистов по компьютерным технологиям:
- Интерфейс должен быть интуитивно понятным. Таким, чтобы пользователю не требовалось объяснять, как им пользоваться;
- в ИС не должно быть никакой лишней информации, которая способна отвлечь пользователя от его действий. Нет лишних баннеров, рубрик, разделов;