Разработка Web-приложений и Web-дизайна

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

Министерство образования и науки Украины

Донецкий политехнический техникум

Разработка Web-приложений и Web-дизайна

Студентка группы ПК-11-1

Мальцева Л.А.

Руководитель проекта

Ткаченок О.И.

Донецк 2014



1. Сайт, как информационная система

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

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

Рис.1



Внедрение информационных систем может способствовать:

* получению более рациональных вариантов решения управленческих задач за счет внедрения математических методов;

* освобождению работников от рутинной работы за счет ее автоматизации;

* обеспечению достоверности информации;

* совершенствованию структуры информационных потоков (включая систему документооборота);

* предоставлению потребителям уникальных услуг;

* уменьшению затрат на производство продуктов и услуг (включая информационные).

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

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

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

Исследование - это процесс познания определенной предметной области, объекта или явления с определенной целью.

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

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

Предметная область - это мысленно ограниченная область реальной действительности, подлежащая описанию или моделированию и исследованию.

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

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

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

Факты - результат наблюдения за состоянием предметной области.

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

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

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

В знаниях можно выделить три основные составные части:

* декларативные (факторальные знания), представляющие общее описание объекта, что не позволяет их использовать без предварительной структуризации в конкретной предметной области;

* понятийные (системные) знания, содержащие помимо первой части взаимосвязи между понятиями и свойства понятий;

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

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

Свойство - то, что присуще предметам, что отличает их от других предметов или делает их похожими на другие предметы. Каждый предмет обладает бесчисленным множеством свойств. Свойства проявляются в процессе взаимодействия предметов.

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

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

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

Абстракция позволяет правильно выбрать нужные компоненты для декомпозиции.

Абстракция представляет собой эффективный способ декомпозиции, осуществляемый посредством изменения списка декомпозиции.

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

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

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

Способы абстрагирования:

* абстракция через параметризацию;

* абстракция через спецификацию.

Абстракция через параметризацию - выделение формальных параметров с возможностью их замены на фактические в различных контекстах.

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

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

сайт архитектурный цвет дизайн

1.2 Моделирование предметной области

Модель данных - модель, используемая при абстрагировании.

Концептуальная модель - абстрагированное описание предметной области.

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

При анализе предметной области принято выделять три этапа:

* анализ требований и информационных потребностей;

* определение информационных объектов и связей между ними;

* конструирование концептуальной модели предметной области.

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

§ символы (symbol) -- слова или образы, представляющие концептуальный класс.

§ содержание (intension) -- определение концептуального класса.

§ расширение (extension) -- набор примеров, к которым применим концептуальный класс.

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

§ выбор из списка категорий концептуальных классов;

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

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

Для понимания контекста системы с помощью модели предметной области возможно рассмотрение в виде наиболее важных объектов «предметы», которые существуют, или события, которые происходят в рабочей среде системы. Многие из объектов предметной области, или, используя более точную терминологию, классов предметной области можно определить из документа-концепции, разработка которого предшествует моделированию предметной области. Классы предметной области можно разбить на три типовых категории:

§ бизнес-объекты (производственные объекты), которые описывают сущности, используемые в данном производственном процессе, такие как компьютерный учебник, компьютерный тренажер и практикум;

§ объекты и понятия реального мира, которые система должна отслеживать, такие как стендовые тренажеры, подключенные к автоматизированной системе обучения;

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

1.3 Структура сайта

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

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



Рис. 2

Цифрой 1 обозначена главная страница сайта. Значение главной страницы сайта понемногу уходит в прошлое, с появлением различных CMS (систем управления контентом) люди все реже и реже заходят на главные страницы. В CMS WordPress, например, главная страница - это, по сути, Ваша личная лента новостей, где показаны самые последние статьи.

Цифрами 2-10 обозначены рубрики (главы) сайта. В рубриках располагаются статьи (цифры от 11 до 30).

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

Рис.3



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

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

С внешней структурой сайта определиться легче. Выбранная Вами CMS уже предполагает какую-то структуру. Конечно, ее можно усовершенствовать и довольно серьезно, но сначала придерживайтесь ее, так Вам будет легче. И изменять ее в будущем легче, чем внутреннюю структуру. Если какое-то направление будет довольно широким -- разбейте его на поднаправления, это будут подрубрики.

1.4 Технологии обеспечения организации информации

Виды обеспечения:

1. математическое;

2. лингвистическое;

3. техническое;

4. информационное;

5. программное;

6. методическое;

7. организационное.

1.5 Информационное обеспечение

1) информация, необходимая для управления экономическими процессами, содержащаяся в базах данных информационных систем;

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

Информационное обеспечение сайта -- цели и задачи.

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

Информационное обеспечение сайта -- неотъемлемая составляющая поддержки сайта.

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

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

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

Информационное обеспечение:

1) обеспечение фактическими данными управленческих структур;

2) использование информационных данных для автоматизированных систем управления;

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

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

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

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

Информационное программное обеспечение.

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

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

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

Прикладное ПО непосредственно нацелено на решение профессиональных задач пользователя.

Организация информационного обеспечения

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

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

Цели и задачи информационного обеспечения управленческой деятельности можно определить следующим образом:

- удовлетворение информационных потребностей органов управления, предоставление им информации в виде документов;

- формирование, размещение, наполнение, поддержка, актуализация и использование информационных ресурсов организации;

- развитие системы информационного обеспечения.

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

Она включает в себя:

- законодательные акты РФ;

- указы и распоряжения Президента РФ, постановления и распоряжения Правительства РФ, регламентирующие вопросы работы с документами;

- правовые акты федеральных органов исполнительной власти;

- правовые акты органов представительной и исполнительной власти субъектов РФ, регламентирующие вопросы организации работы с документами;

- методические материалы по работе с документами;

- государственные стандарты на документацию;

- унифицированные системы документации.

Любая организация существует в некоторой внешней среде, образуемой государством, другими организациями, людьми, общественными объединениями и отношениями между ними. Эта же организация порождает свою внутреннюю среду.

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

Информация внутренней средыточная, полная, отражает финансово-хозяйственное состояние.

В качестве внешних источников информации могут выступать:

- законодательные и регулирующие органы;

- клиенты и партнеры предприятия;

- информационные агентства;

- конкуренты;

- органы статистического учета.

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

Удовлетворение информационных потребностей осуществляется на основе обработки и анализа информации. Эти действия совершаются как в плановом порядке, так и в рамках информационных запросов.

Последние бывают следующих видов:

- простые и сложные запросы;

- формализованные и неформализованные запросы.

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

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

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

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

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

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

Программное обеспечение информационных технологий

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

Операционные системы: Windows, IOS

Сервисные средства и утилиты: антивирусные программы, архиваторы файлов (WinZip, WinRAR, WinARJ), утилиты для тестирования компьютеров, сетей, операционных систем, обслуживания файлов, дисков (SiSoft Sandra for Windows, Norton Utilities).

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

Офисные программы:

- СУБД для организации и управления БД;

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

- процессор электронных таблиц для выполнения расчетов;

- пакет презентационной графики;

- Интернет-обозреватель для работы с информационными ресурсами глобаль-ной сети и другие.

1.6 Лингвистическое обеспечение

Лингвистическое обеспечение образуется следующими языками:

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

управления;

проектирования.

Языки программирования необходимы для создания программного обеспечения при разработке САПР. К таким языкам относятся, например, Фортран, Си, Паскаль, AutoLISP, язык программирования СУБД FoxPro и др.

Языки управления служат для управления ЭВМ, периферийными устройствами.



Рис.4. Преобразование информации в САПР

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

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

1.7 Технологии разработки программного обеспечения

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

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

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

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

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

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

Технология разработки программного обеспечения представляет собой инженерный подход к разработке программных средств ЭВМ, охватывающий методологию программирования, проблемы обеспечения надежности программ, оценки рабочих характеристик и качества проектов.

Технология разработки программного обеспечения рассматривает вопросы управления проектированием систем программного обеспечения, а также средства и стандарты разработки программ.

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

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

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

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

2. Вести постоянный контроль и обеспечение качества программ.

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

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

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

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

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

8. Работа пользователя должна обеспечиваться развитой информационно-справочной системой.

9. Средства автоматизации технологии должны охватывать все этапы работы коллектива программистов.

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

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

Технология разработки программного обеспечения (ТРПО) -- система инженерных принципов для создания экономичного ПО, которое надежно и эффективно работает в реальных компьютерах.

Различают методы, средства и процедуры ТРПО. Методы обеспечивают решение следующих задач:

? планирование и оценка проекта;

? анализ системных и программных требований;

? проектирование алгоритмов, структур данных и программных структур;

? кодирование;

? тестирование;

? сопровождение.

Инструментальные средства ТРПО обеспечивают автоматизированную или автоматическую поддержку методов. Инструментальные средства могут объединяться в системы автоматизированного конструирования ПО.

Такие системы принято называть CASE-системами. Аббревиатура CASE расшифровывается как Computer Aided Software Engineering (программная инженерия с компьютерной поддержкой).

1.8 Архитектурные особенности проектирования Web-приложения

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

Web-приложения представляют собой особый тип программ, построенных по архитектуре "клиент-сервер". Особенность их заключается в том, что само Web-приложение находится и выполняется на сервере - клиент при этом получает только результаты работы. Работа приложения основывается на получении запросов от пользователя (клиента), их обработке и выдачи результата. Передача запросов и результатов их обработки происходит через Интернет (рис.1.5).



Рис. 5 Архитектура Web-приложения

Отображением результатов запросов, а также приемом данных от клиента и их передачей на сервер обычно занимается специальное приложение -- браузер (Internet Explorer, Mozilla, Opera и т. д.). Как известно, одной из функций браузера являетсяотображение данных, полученных из Интернета, в виде страницы, описанной на языке HTML, следовательно, результат, передаваемый сервером клиенту, должен быть представлен на этом языке.

На стороне сервера Web-приложение выполняется специальным программным обеспечением (Web-сервером), который и принимает запросы клиентов, обрабатывает их, формирует ответ в виде страницы, описанной на языке HTML, и передает его клиенту. Одним из таких Web-серверов является Internet Information Services (IIS) компании Microsoft. Это единственный Web-сервер, который способен выполнять Web-приложения, созданные с использованием технологии ASP.NET.

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

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

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

· прием данных от пользователя и сохранение их на сервере;

· выполнение различных действий по запросу пользователя: извлечение данных из базы данных (БД), добавление, удаление, изменение данных в БД, проведение сложных вычислений;

· аутентифицирование пользователя и отображение интерфейса системы, соответствующего данному пользователю;

· отображение постоянно изменяющейся оперативной информации и т. д.



2. Характеристики функций объекта

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

В данном сайте заголовок страницы представлен в виде рисунка созданного при помощи Adobe Photoshop CS5 (Фотошоп), как показано на рис. 6

Рис.6

В меню сайта мы видим горизонтальное выпадающие меню (рис.7)

Рис.7

HTML код для меню (Листинг 1)



Листинг 1

Для меню мы создаем контейнер <ul>...</ul> с классом "menu", в нем прописываем пункты с ссылками. При помощи CSS3 для контейнера ul.menu указываем фон в виде градиента, делаем уголки скругленными. Как видно из картинки, каждый пункт содержит перегородку или границу справа в виде двух полосок - темной и светлой. Эти границы также можно указать при помощи css, не используя картинки. Сначала для пункта <li> указываем border-right: 1px solid #4f4f4f; эта граница будет светлой. А вторую - темную мы укажем для самой ссылки: border-right: 1px solid #2b2b2b; Также для ссылки мы укажем размер, цвет, семейство шрифтов, уберем подчеркивание, и укажем отступы внутри - padding;

Для выпадающего меню изначально нужно указать свойство display: none;, чтобы его спрятать. При наведении курсора на пункт меню, свойство display будет менять значение на block, и становиться видимым. Все остальное можно посмотреть в архиве .

2.1 Актуальность проблемы разработки интерактивного Web-приложения

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

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

· выполняются независимо от операционной системы клиента. При этом на него налагается требование кроссбраузерности, вытекающее из различной реализации браузерами стандартов HTML, CSS и DOM.

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

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

Актуальность исследований в области вопросов построения web-приложений обусловлена тем, что данный вид программного обеспечения:

· перспективен, как инструмент электронной коммерции;

· предоставляет широкие возможности социального взаимодействия;

· в обозримом будущем может составить реальную конкуренцию нативным приложениям мобильных операционных систем (Apple iOS, Google Android, Windows Phone). В W3C уже ведется работа по созданию открытых стандартов, дающих веб-приложениям доступ к аппаратной составляющей устройства.

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

· горизонтальная модель организации проектной группы возникает в результате осмысления недостатков традиционной иерархической структуры. Проектная группа должна представлять из себя небольшую многопрофильную команду, члены которой распределяют между собой ответственность и дополняют области компетенций друг друга, объединены единым видением проекта. Выставляются высокие требованиями к качеству работы, и поощряется желание самосовершенствоваться. Данный подход нашел применение в Microsoft Solution Framework и продиктован здравым смыслом. Антонимичным примером является выбор экстенсивной модели роста за счет увеличения прибыли, путем повышения набора низкооплачиваемых специалистов и, как следствие, постоянной текучки кадров.

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

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

· жизненный цикл разработки web-приложения, сходно методологии Rational Unified Process, состоит из четырех фаз, каждая из которых включает одну или более итераций (рисунок 1). В фазе "Начало" формируются видение и границы проекта, определяются основные требования, ограничения и ключевая функциональность продукта, оцениваются риски. В фазе "Уточнение" производится анализ предметной области и построение архитектуры приложения, разработка интерфейсов и дизайна. В фазе "Конструирование" происходит реализация большей части функциональности. В фазе «Внедрение» - определение качества web-приложения, его оптимизация.

· критичный подход к выбору и использованию готовых решений. Использование существующих программных решений для повышения скорости разработки не возбраняется. Но только в том случае, если это не повлияет негативным образом на безопасность, архитектуру приложения. Так же должно присутствовать полное понимание логики работы решения и возможность его последующей модификации. Именно поэтому, в первую очередь из соображения безопасности, нежелательно использование существующих популярных систем управления веб-содержимым (WordPress, Joomla, OpenCart) для реализации серьезных проектов.

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

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

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

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

Рис.8

2.2 Постановка целей и задач

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

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

Творчество -- это:

· деятельность, порождающая нечто качественно новое, никогда ранее не существовавшее;

· создание чего-то нового, ценного не только для данного человека, но и для других;

· процесс создания субъективных ценностей.

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

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

По поводу цели творчества правильно сказал Б. Пастернак

Быть знаменитым некрасиво.

Не это подымает ввысь.

Не надо заводить архива.

Над рукописями трястись.

Цель творчества - самоотдача,

А не шумиха, не успех.

Позорно, ни чего не знача,

Быть притчей на устах у всех.

Но надо жить без самозванства,

Так жить, чтобы в конце концов

Привлечь к себе любовь пространства,

Услышать будущего зов.

И надо оставлять пробелы

В судьбе, а не среди бумаг,

Места и главы жизни целой

Отчёркивая на полях.

И окунаться в неизвестность,

И прятать в ней свои шаги,

Как прячется в тумане местность,

Когда в ней не видать ни зги.

Другие по живому следу

Пройдут твой путь за пядью пядь,

Но пораженья от победы,

Ты сам не должен отличать.

И должен ни единой долькой

Не отступаться от лица,

Но быть живым, живым и только,

Живым и только - до конца.

2.3 Психологические особенности использования цвета в дизайне сайта

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

Зеленый цвет символизирует энтузиазм, чувство открытости и дружелюбие. Это цвет радости, счастья, дружбы. Этим цветом хорошо выделять значимые объекты.



Рис.9

Красный цвет символизирует страсть, силу, кровь, огонь, динамику, помогает стимулировать энергию и жизненную силу.

Рис.10

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

Рис.11

Сочетание зеленого и красного цвета.

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

Рис.12



2.4 Обоснование проектных решений по информационному обеспечению

Понятие информационного обеспечения возникло с созданием автоматизированных систем управления (АСУ).

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

Одно из важных требований к информационному обеспечению - это достоверность данных информационной базы.

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

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

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

В состав технологических операций входят:

- загрузка программы;

- ввод данных;

- контроль информации и возможность корректировки;

- справочно-информационное обслуживание;

- формирование информационных массивов;

- вывод информации.

Существует несколько способов регистрации первичной информации:

- документальный;

- документальный с регистрацией на машинном носителе;

- автоматический.

Рис.13

2.5 Решения по лингвистическому обеспечению

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

Но даже в этом случае не стоит забывать о CSS, поскольку принято считать, что он является неразрывным спутником HTML. На CSS лежат весьма ощутимые функции, он позволяет сделать код страницы более оптимизированным и коротким.

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

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

Но самым значимым и серьезным языком для создания сайта на сегодняшний момент является PHP. Это уже серверный язык, с помощью которого пользователи могут реализовывать различные задачи.

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

2.6 Решения по программному обеспечению

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

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

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

· Наличие скриптов, таких как JavaScript.

· Поддержка мультимедиа, включая встроенные видео и аудио.