Глава 1. Теоретическая часть. Глобальная сеть Интернет уже настолько прочно вошла в жизнь людей

Введение

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

Развитие Интернета расширило возможности работы с удалёнными подразделениями, общения, помощи и поддержки по различным вопросам через Интернет и многое другое.

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

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

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

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

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

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

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

Активное развитие Интернета привело к возможности создания web -сайтов для предоставления различного рода информации и услуг.

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

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

Целью выпускной квалификационной работы является разработка автоматизированной информационной системы книжный клуб«Library».

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

1. Проанализировать предметную область и сформировать контент системы.

2. Изучить дополнительные возможности VisualStudio, SQLServer,

3. Разработать автоматизированную информационную систему книжный клуб«Library».

 

 

Глава 1. Теоретическая часть.

 

Информационная система

 

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

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

В 70 - х – начале 80 - х гг. информационные системы начинают широко использоваться в качестве средства управленческого контроля, поддерживающего и ускоряющего процесс принятия решений. В это же время пoявилacь кoнцeпция cиcтeм пoддepжки пpинятия peшeний (decision support systems - DDS).

Под системой понимают любой объект, который одновременно рассматривается и как единое целое, и как объединенная в интересах достижения поставленных целей совокупность разнородных элементов. Системы значительно отличаются между собой как по составу, так и по главным целям [18, с. 23].

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

Добавление к понятию «система» слова «информационная» отражает цель ее создания и функционирования. Информационные системы обеспечивают сбор, хранение, обработку, поиск, выдачу информации, необходимой в процессе принятия решений задач из любой области. Они помогают анализировать проблемы и создавать новые продукты [18, с. 23].

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

Информационной системой (или информационно - вычислительной системой) называют совокупность взаимосвязанных аппаратно - программных средств для автоматизации накопления и обработки информации. В информационную систему данные поступают от источника информации. Эти данные отправляются на хранение либо претерпевают в системе некоторую обработку и затем передаются потребителю [18, с. 24].

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

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

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

 

JQuery

 

jQuery – это библиотека Java Script, фокусирующаяся на взаимодействии Java Script и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Сейчас разработка jQuery ведется командой jQuery во главе с Джоном Резигом.

История создания.

HTML был одной из первых вещей, которую Джон Резиг освоил, когда он только начал заниматься программированием. Резиг программировал на QBasic, когда один его знакомый показал ему, как создать веб - страницу (используя Angelfire), а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Именно тогда, когда он только начал программировать на Visual Basic, HTML и веб - дизайн очень заинтересовали его.

Но страсть к JavaScript пришла значительно позже, примерно в 2004 году. Тогда Резиг получал степень в области компьютерных наук и работал на полставки в местной фирме Brand Logic. Он занимался дизайном сайта, в котором создавался пользовательский скроллинг. Джон был разочарован и расстроен, особенно потому, что использовал код других разработчиков, после чего решил серьёзно изучить Java Script. Изучив, пришел к выводам, что JavaScript – это  простой, но изящный язык, который является невероятно мощным для решения многих задач. В течение следующей пары лет Джон создал множество различных Java Script - приложений, прежде чем закончить создание jQuery. Основной целью создания jQuery Резиг видел возможность закодировать многоразовые куски кода, которые позволят упростить JavaScript и использовать их так, чтобы не беспокоиться о кросс - браузерных вопросах. Библиотека была представлена общественности на компьютерной конференции «BarCamp» в Нью - Йорке в 2006 году.

- Движок кроссбраузерных CSS - селекторов Sizzle, выделившийся в отдельный проект;

- Переход по дереву DOM, включая поддержку XPath как плагина;

- События;

- Визуальные эффекты;

- AJAX - дополнения;

- JavaScript - плагины.

Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки управление передаётся JQuery, которая идентифицирует кнопки и затем преобразует его в обработчик события клика. Такое разделение поведения и структуры также называется принципом ненавязчивого JavaScript.

Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, бо́льшая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов. Это позволяет собрать для ресурса именно ту JavaScript - функциональность, которая на нём была бы востребована.

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

<head>

<script src="jquery-2.1.1.min.js">

</script>

</head>

Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие Java Script библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним – jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким, можно писать его следующим образом:

jQuery (function($) {

// здесь код скрипта, где в $ будет находиться объект, предоставляющий доступ к функциям jQuery

})

Работу с jQuery можно разделить на 2 типа:

1. Получение jQuery - объекта с помощью функции $(). Например, передав в неё CSS - селектор, можно получить jQuery - объект всех элементов HTML, попадающих под критерий и далее работать с ними с помощью различных методов jQuery - объекта. В случае, если метод не должен возвращать какого - либо значения, он возвращает ссылку на jQuery объект, что позволяет вести цепочку вызовов методов согласно концепции текучего интерфейса.

2. Вызов глобальных методов у объекта $, например, удобных итераторов по массиву.

Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML - страницы. Эти элементы затем обрабатываются методами jQuery. Например, $("div.test").add("p.quote").addClass("blue").slideDown("slow"); находит все элементы div с классом test, а также все элементы p с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз. Здесь методы add, addClass и slideDown возвращают ссылку на исходный объект $("div.test"), поэтому возможно вести такую цепочку.

Методы, начинающиеся с $, удобно применять для обработки глобальных объектов. Например:

$.each([1,2,3], function() {

document.write(this + 1);

});

добавит на страницу 234.

$.ajax и соответствующие функции позволяют использовать методы AJAX. Например:

$.ajax({

type: "POST",

url: "some.php",

data: {name: 'John', location: 'Boston'},

success: function(msg){

alert("Data Saved: " + msg);

}

});

В этом примере идет обращение к скрипту some.php с параметрами name=John&location=Boston, и полученный результат выдается в сообщении посредством alert.

Пример добавления к элементу обработчика события click с помощью jQuery:

$("a").click(function() {

alert("Hello world!");

});

В данном случае при нажатии на элемент <A> происходит вызов alert(«Hello world!») [5, с. 43].

 

Этапы создания сайта

 

Для того, чтобы создать сайт, необходимо выполнить три этапа работ:

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

- Верстка сайта. Наполнение сайта контентом.

- Внедрение в VisualStudio.

В архиве, который был скачен, есть папка templatemo с основным файлом index.html. Он реализует странички созданного сайта с использованием языка VisualC#. VisualC# – Cи - образный язык для создания динамических веб - страниц. Главное отличие динамической страницы от статической заключается в том, что она формируется на сервере, а уже готовый результат передается пользователю.

Для создания нового веб - узел требуется выполнить команду «Файл=> Создать веб - узел», после этого вышло окно Экспресс - выпуск Microsoft Visual Web Developer 2010 «Новый веб-узел»(Рис 2.2.1)

 

 

Рис. 2.2.1 Экспресс-выпуск MicrosoftVisualWebDeveloper 2010 «Новый веб-узел»

 

В этом окне выбирается «Пустой веб-сайт ASP.NET».

Из скаченной папки переносятся все файлы на пустой веб - узел.

 

2.3 Работа с Microsoft SQL Server Management Studio

 

В обозревателе объектов (Object Explorer) в дереве создаваемого сервера выбираем пункт «Databases» и в контекстном меню выбирается пункт «Создать базу данных» (Рис.2.3.1).

 

         

     Рис. 2.3.1 «Создание базы данных»

 

В появившемся окне (Рис.2.3.2) в поле «Data base namе» вводится название БД, например, «library» и нажмите кнопку ОК (Рис. 2.3.2).

 

 

Рис. 2.3.2  «Название базы данных»

Следующим шагом необходимо создать соответствующий логин. Для этого в блоке сервера Security выбирается пункт «Создать имя входа» (Рис.2.3.3):

 

Рис. 2.3.3 Среда Microsoft SQL Server Management Studio «База данных»

 

В появившемся окне в поле «Имя входа» вводится имя пользователя БД, например, «lib», указывается нужные параметры как указано на рисунке ниже (Рис.2.3.4).

 

Рис. 2.3.4 СредаMicrosoft SQL Server Management Studio«Создание имени входа»

 

Затем необходимо создать пользователя для БД, для чего в блоке БД «Безопасность» необходимо выбрать пункт «Создать пользователя»: (Рис. 2.3.5).

 

Рис. 2.3.5 СредаMicrosoft SQL Server Management Studio пункт «Создать пользователя»

В появившемся окне в поле Login name выбирается ранее созданный логин. Имя пользователя можно сделать таким же. В списке «Database role membership» указывается роль - db_owner. Далее следует нажать кнопку ОК. (Рис. 2.3.6)

 

 

Рис. 2.3.6 Среда Microsoft SQL Server Management Studio

«Пользователь базы данных – Создать»

 

База данных готова.

В итоге данного этапа должны быть следующие данные:

- Название сервера - DATASERVER

- Название БД – Library

- Имя и пароль пользователя БД (с правами owner) - lib–qwerty

 

Системы «Library»

 

Автоматизированная информационная система книжный клуб «Library» была создана с помощью  SQL Server 2008 и Visual Studio 2010 в виде стандартногоASP.Net сайта, поддерживающего авторизацию, основанную на формах (authentication mode= «Forms»).

Для этого были использованы встроенные инструменты.Net Framework и Visual Studio.

1. В начале создается база данных (БД), создается пользователь с правами на чтение и запись.

2. Затем необходимо создать таблицы для хранения пользователей сайта. Для этого следует воспользоваться специальной утилитой, поставляемой вместе с.Net Framework.

В директории: C:\Windows\Microsoft.NET\Framework\v4.0.30319 (или похожая версия), расположена утилита aspnet_regsql.exe. Она сгенерирует необходимую структуру БД. После того как запустится, программа попросит ввести данные, созданные на предыдущем шаге (имя сервера, пользователя и т.п.).

Как только программа завершит свою работу, можно заглянуть в базу данных через SQL Server 2008 и увидеть, какие таблицы были созданы: (Рис. 2.4.1).

 

Рис. 2.4.1 СредаMicrosoft SQL Server Management Studio «База-данных»

 

3. ВVisualStudio 2010 веб - сайт создается на основе технологии ASP.Net (ASP.NETWebSite): (Рис. 2.4.2).

 

 

Рис. 2.4.2 Среда Microsoft SQL Server Management Studio «Новый веб - узел»

 

Автоматически будут сгенерированы страницы для работы с пользователями и включен режим аутентификации по формам: (Рис. 2.4.3)

 

 

Рис. 2.4.3 Экспресс - выпуск Microsoft Visual Web Developer 2010

«Обозреватель решений»

4. Добавляется подключение к созданной базе в файл web.config: (Рис. 2.4.4)

 

 

Рис. 2.4.4 Файл web.config

5. После запуска сайта и необходимо ввести любой логин - пароль, чтобы проверить подключение к БД: (Рис. 2.4.5)

Рис. 2.4.5 Регистрация «Выполнить вход»

 

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

6. Следует создать первого пользователя и назначить ему роль администратора. Так как еще нет страниц на сайте для управления пользователями, нужно сделать это через мастер ASP.Net., для чего нажмается кнопа «ASP.Net Configuration» в блоке «Solution Explorer». (Рис. 2.4.6)

Рис. 2.4.6 Экспресс-выпуск Microsoft Visual Web Developer 2010

«Обозреватель решений»

В браузере откроется окно администрирования «Web Site Administration Tool»: (Рис. 2.4.7)

Рис. 2.4.7 ASP.net Средство администрирования веб - узла

 

Во вкладке веб-узла«Security» располагаются гиперссылки для создания и изменения как ролей так и самих пользователей. (Рис. 2.4.8)

Рис. 2.4.8 ASP.net Средство администрирования веб-узла вкладка «Security»

 

В ссылке «Enableroles» располагается ссылка «Createor Manageroles», в которой создается роль администратора: (Рис. 2.4.9)

Рис. 2.4.9 ASP.net «Createor Manageroles»

Во вкладке «Create user» создается пользователь-администратор (пароль по умолчанию не менее 7 символов): (Рис 2.4.10)

Рис 2.4.10 ASP.net «Create user»

 

Теперь сайт готов к использованию. Далее создаются дополнительно нужные роли и соответствующие страницы сайта для них.

 

Описание сайта «Library».

 

Главная страница сайта проекта – это лицо сайта, обращённое ко всей сети. На данном сайте главная страница файл «main.aspx» (рис 2.5.1.)

 

 

Рис 2.5.1 Главная страница сайта проекта

Дизайн позволяет пользователю ещё лучше разобраться на сайте и определиться с последовательностью действий для решения своих задач. Здесь используется как вертикальное, так и горизонтальное меню, созданное при помощи средств VisualStudio, элемент так и называется «Меню». На ней можно увидеть вкладки «Главная», «Авторы», «Новое», «Гостевая книга», «Контакты».

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

- логотип в левом верхнем углу проекта «Library»

- прямую ссылку на главную страницу

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

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

В разделе «Авторы» сайта пользователь легко может скачать книги формата.pdf и в архиве.zip, которые, как правило, не вызывают трудностей при загрузке. Для этого нужно нажать на ссылку, которая расположена внизу под описанием. Книги подобраны в соответствии с тематикой сайта.

Для этого в папку Web - сайта, которая расположена в Библиотеки=> Документы=>VisualStudio 2010=>WebSites=>vkr, сохраняются файлы книг, код в программе.

Пример. <a href="Brudno_Kaplan_Moskovskie_olimpiadi.rar">

Скачать книгу бесплатно</a>

На странице «Новое» размещаются новое поступление книг, их так же можно скачивать в формате pdf (Рис. 2.5.2).

 

Рис 2.5.2 Страница «Новое»

 

В разделе "Контакты" представлены: контактная информация, карта (Рис 2.5.3).

Рис 2.5.3 Контактная информация

 

Заключение

С появлением web - технологий компьютеры начинают использовать совершенно новые слои населения. Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты и т.д. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во "Всемирной Паутине".

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

В процессе выполнения выпускной квалификационной работы поставленные задачи были решены и цель была достигнута. Был создан достаточно конструктивный, хорошо работающий сайт автоматизированной информационной системы книжный клуб «Library» с удобной системой навигации, для чего были проанализирована предметная область и сформирован контент системы, изучены дополнительные возможности VisualStudio 2010, SQLServer, наиболее часто употребляемые теги языка HTML, каскадные таблицы стилей (CSS), конструктор тестов «OnlineTestPad».

Автоматизированная информационная система книжный клуб «Library» была создана с помощью SQL Server 2008 и Visual Studio 2010 в виде стандартного ASP.Net сайта, поддерживающего авторизацию, основанную на формах (authentication mode = «Forms»).

 

Введение

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

Развитие Интернета расширило возможности работы с удалёнными подразделениями, общения, помощи и поддержки по различным вопросам через Интернет и многое другое.

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

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

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

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

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

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

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

Активное развитие Интернета привело к возможности создания web -сайтов для предоставления различного рода информации и услуг.

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

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

Целью выпускной квалификационной работы является разработка автоматизированной информационной системы книжный клуб«Library».

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

1. Проанализировать предметную область и сформировать контент системы.

2. Изучить дополнительные возможности VisualStudio, SQLServer,

3. Разработать автоматизированную информационную систему книжный клуб«Library».

 

 

Глава 1. Теоретическая часть.