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

Студент	//
Факультет	ПМиК	Группа	ПБТ-59
Руководитель		//

Содержание

Введение        3

1.  Постановка задачи        5

2  Используемые языки программирования и программное обеспечение        6

2.1 Язык гипертекстовой разметки документов HTML        6

2.2 Каскадные таблицы стилей CSS        7

2.3        8

2.4 MVC Framework, Razor 2.0, Ninject        9

2.5 JavaScript, JQuery, Ajax, Bootstrap        11

2.6 Система управления базами данных Microsoft SQLServer 2008        15

2.7 Entity Framework        15

2.8 Internet Information Services        16

3. Описание разработанного приложения        17

3.1 Описание таблиц баз данных        17

3.2 Модуль авторизации на сайте        21

3.3 Описание интерфейса незарегистрированного пользователя        25

3.4 Описание интерфейса зарегистрированного пользователя        29

3.5 Описание интерфейса менеджера        31

3.6 Описание интерфейса курьера        34

3.7 Описание интерфейса администратора        35

4. Тестирование разработанного приложения в различных браузерах        40

Заключение        42

Список использованных источников        43

Приложение «Листинг программы»        44

Введение

Компьютеры являются элементом современной жизни. Рынок компьютерной техники в РФ настоящее время считается более сформированным розничным направлением и конкурентоспособным. Сорок процентов объема розничных продаж товаров в настоящее время приходится на информационно-коммуникационные технологии. В Российской Федерации количество компьютерной техники, покупаемой в индивидуальное использование, на 100 человек приходится порядка 30 компьютеров, это значительно меньше, нежели в иных цивилизованных государствах. Таким образом, на Западе у 80 % семей есть один и более компьютеров, в то время, как только 20 % российских семей имеют тот или иной вид компьютерной техники.

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

Основными поставщиками на российский рынок компьютерной техники являются: Acer, ASUS, HP, Samsung, Lenovo. В Российскую Федерацию компьютерную технику поставляют производители Китая, США, Чехии, Германии, Тайваня, Таиланда, Венгрии, Японии, Ирландии, Мексики и других стран.

Первую строчку в списке лидеров российского рынка персональных компьютеров (ПК) по итогам 2013 г. занимает Lenovo (18 % от всех ПК, поставленных за год), за которой следуют Acer (14,8 %), Asus (13,5 %) и HP (13,2 %), DNS (8,10 %).

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

По данным Ассоциации компаний интернет-торговли (АКИТ), объем интернет-торговли составил 544 млрд. рублей (17,1 млрд. долларов). Из этой суммы 181 млрд рублей ($5,7 млрд) пришлось на нематериальные товары (авиа и ж/д билеты, цифровой контент, билеты на концерты и в кинотеатры и т. д.). А 363 млрд рублей ($11,4 млрд) пришлось на материальные товары. Рост рынка онлайн-торговли России по сравнению с 2012 годом составил 34,3% в российских рублях и 31,5% в долларах США.

В структуре интернет-торговли преобладают операции с потребительской электроникой и техникой (42%), одеждой и обувью (13%) и автозапчастями (10%). При этом продажи одежды и обуви растут очень быстро – по мере того, как потребители привыкают к возможности без проблем вернуть не подошедшие по размеру или фасону вещи. Данные соотношения продемонстрированы на рисунке 1.

Рисунок 1 - Товарная структура интернет-торговли в России

1  Постановка задачи

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

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

2  Используемые языки программирования и программное обеспечение

2.1 Язык гипертекстовой разметки документов HTML [1]

Язык HTML был разработан в 1986-1991 годах. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). Текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью. Текстовые документы, содержащие код на языке HTML, обрабатываются браузерами, которые отображают документ в его форматированном виде. Интернет-обозревателя предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Opera, Google Chrome и Safari.

Язык HTML позволяет размечать текст. В том числе можно:

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

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br />). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font).

2.1.1 HTML5 [9]

HTML5 — это инструмент для упорядочивания Web-контента. HTML5 реализует подход к проектированию Web-сайтов - разделение и маркирование информации для упрощения ее использования и понимания.

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

HTML5 предоставляет следующие возможности:

Теги с описательными названиями, которые точно указывают, для содержания какого контента предназначены эти теги. Усовершенствованные сетевые коммуникации. Существенно улучшенное хранение данных Средства Web Worker для исполнения фоновых процессов. Интерфейс WebSocket для установки постоянного соединения между резидентным приложением и сервером. Улучшенное извлечение хранящихся данных. Повышенная скорость сохранения и загрузки страниц Поддержка CSS3 при управлении пользовательским интерфейсом, что обеспечивает контентную ориентированность HTML5. Улучшенная обработка форм в браузере. API-интерфейс баз данных на основе SQL, позволяющий применять локальное хранилище на стороне клиента. Теги canvas и video, позволяющие добавлять графические и видеоматериалы без установки сторонних подключаемых модулей. Спецификация API-интерфейса Geolocation, использующая геолокационные возможности смартфонов в интересах задействования облачных сервисов и приложений для мобильных устройств. Усовершенствованные формы, ослабляющие потребность в загрузке кода JavaScript, что обеспечивает более эффективную связь между мобильными устройствами и серверами cloud-среды.

2.2 Каскадные таблицы стилей CSS

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) – формальный язык описания и оформления внешнего вида документа, появившийся вследствие развития HTML. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы.

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