|
Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология Образование Политология Производство Психология Стандартизация Технологии |
|
|
Архитектура Аудит Военная наука Иностранные языки Медицина Металлургия Метрология Образование Политология Производство Психология Стандартизация Технологии |
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА. «Информационные системы и технологии»Стр 1 из 6Следующая ⇒
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
«Информационные системы и технологии» направление подготовки/специальность «Информационные системы и технологии» направленность (профиль/специализация) Разработка сайта для магазина автозапчастей наименование темы Допустить к защите: Декан факультета __________________________ ( Бабарушкин В.А. ) подпись, дата, расшифровка Заведующий кафедрой ___________________ ( Горбунов В.А. ) подпись, дата, расшифровка Руководитель ВКР __________________ ( Наимов А.Н. ) подпись, дата, расшифровка Консультант по БЖД ____________________( ) подпись, дата, расшифровка Консультант по экономической части _________________( ) подпись, дата, расшифровка Консультант по экологической части _________________(____________________) подпись, дата, расшифровка Нормоконтролёр ___________________ ( Сазонова Г.А. ) подпись, дата, расшифровка Обучающийся ___________ ( Шимина А.В. ) подпись, дата, расшифровка
Вологда 2016 г. СОДЕРЖАНИЕ ВВЕДЕНИЕ 6 1 ПОСТАНОВКА ЗАДАЧИ 8 2 СТАНДАРТИЗАЦИЯ И СИСТЕМАТИЗАЦИЯ 9 3 ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ВЕБ-ПРОГРАММИРОВАНИЯ 11 3.1 Web-дизайн и браузеры 11 3.2 Обеспечение доступности Web-страницы 13 4 СРЕДСТВА РАЗРАБОТКИ САЙТА 15 4.1 Язык разметки гипертекстовых страниц HTML 17 4.1.1 Теги HTML 17 4.2 PHP 21 4.3 MySQL 25 5 МЕТОДИКА РАЗРАБОТКИ ПРОГРАММЫ 27 5.1.Алгоритмизация задачи 27 5.1.1. Описание алгоритма 27 5.2.Программирование 29 5.3.Тестирование и отладка 29 6 АНАЛИЗ РЕЗУЛЬТАТОВ РЕШЕНИЯ 32 7 ИНСТРУКЦИЯ ПОЛЬЗОВАТЕЛЮ 33 ЗАКЛЮЧЕНИЕ 35 СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 36 ПРИЛОЖЕНИЕ А 37
ВВЕДЕНИЕ В настоящее время информационные технологии развиваются очень стремительно, появились электронные носители информации и единая среда для хранения и использования информации - Интернет. В связи с увеличением числа пользователей сети Ethernet, увеличивается и количество ресурсов, предоставляющих различную информацию, в том числе и рекламного характера. Изначально реклама предназначалась для узкого круга лиц, профессионально задействованных в работе с этой средой: веб-мастеров, программистов, системных администраторов, но когда сеть Интернет стала общедоступной, то интерес к рекламе в сети Интернет вырос. Организации создают свои сайты и размещают их в сети Ethernet для рекламы, на сайте размещают описание предоставляемых услуг и товаров. Сайты ведут борьбу за количество пользователей, потенциальных клиентов. Чтобы заинтересовать пользователей в сети – необходимо создать свой сайт. И не просто сайт, а сайт, который будет предоставлять информацию на глубоком уровне, при этом будет простым и красивым. После создания сайта необходимо выгрузить его на сервер, а также проводить различные PR-кампании. Различные мероприятия в комплексе помогут продвинуть сайт в сети Ethernet и обеспечат большое количество посещений, соответственно и увеличение прибыли фирмы. На данный момент в сети существуют различные платёжные системы, интернет-магазины, сайты-визитки. В данный момент почти все предприятия, которые занимаются продажей какого-либо товара, стараются иметь свой личный сайт. Любой сайт – это своего рода визитная карточка.Интернет является отличным помощником в развитии продаж, он открывает новые возможности для рекламы. Конечно, для осуществления электронной коммерции, необходимо современное программное обеспечение. На данный момент есть большое количество технологий, например: PHP, JSP, ASP, ASP.NET, которыепозволяют создавать надёжные, простые и эффективно работающиеweb-приложения, которые отвечают самым современным требованиям. В первой главе произведена постановка задачи, описаны все требования к содержанию и функциям сайта. Во второй главе рассматриваются все этапы создания сайта и систематизируются полученные данные. В третьейглаве приведены теоретические знания о браузерах, в которых непосредственно функционирует сайт. В четвёртой главе приведены теоретические знания оязыках HTML, PHPи СУБД MySQL. В пятой главе рассматривается методика разработки программы. В седьмой главе представлена инструкция пользователю сайта магазина автозапчастей. Также в приложении А есть листинг сайта.
ПОСТАНОВКА ЗАДАЧИ Цель данной выпускной работы - разработка сайта для магазина автозапчастей. Создание сайта послужит дополнительным способом распространения информации о магазине. Конечно, чем большее количество потенциальных покупателей узнает о магазине, тем большее количество покупок будет совершено в магазине и тем больше будет прибыль данного магазина. По требованиям заказчика, сайт должен удовлетворять следующие потребности: 1) на данном сайте необходимо представить достаточно полную информацию о магазине и партнёрах данной фирмы; 2) информациюнеобходимо распределить по разделам. Также информация должна быть подкреплена визуально: фото, иллюстрации; 3) сайт должен быть максимально простым. Даже пользователь с начальным уровнем познания сети Ethernet должен понимать, как получить нужную ему информацию; 4) дизайн интерфейса должен быть понятным. Простым, но запоминающимся.
Web-дизайн и браузеры Рассмотрим несколько браузеров и их основные особенности. Самым популярным браузером является GoogleChrome. GoogleChrome— браузер, разрабатываемый компанией Google на основе свободного браузера Chromium и движка Blink. По данным StatCounter, Chrome используют около 300 миллионов интернет-пользователей, что делает его самым популярным браузером в мире — его рыночная доля в декабре 2015 года составила 54, 04 %. По данным LiveInternet, в декабре 2015 года с долей 41, 8 % Chrome занимает первое место и в Рунете.GoogleChrome использует высокопроизводительный движок обработки JavaScript V8. Также для ускорения загрузки страниц GoogleChrome может использовать упреждающее чтение DNS. MozillaFirefox. MozillaFirefox — свободный браузер на движке Gecko, разработкой и распространением которого занимается MozillaCorporation. Третий по популярности браузер в мире и первый среди свободного ПО — в июле 2014 года его рыночная доля составила 17, 52 %.Браузеримеетособенныйуспехвнекоторыхстранах, вчастности, вГерманииэтосамыйпопулярныйбраузер с долей 43, 07 % на июль 2014 года. В России Firefox занимает второе место по популярности среди браузеров для ПК с долей 12, 41 % пользователейнадекабрь 2015 года. Вместо того, чтобы предоставить все возможности в стандартной поставке, Firefox предоставляет механизм расширений, позволяющий пользователям модифицировать браузер в соответствии с их требованиями. Почти с начала своего существования Firefox является достаточно гибким браузером с широкими возможностями настройки: пользователь может устанавливать дополнительные темы, изменяющие внешний вид программы, плагины и расширения, добавляющие новую функциональность. Эта расширяемость достигается, в основном, за счёт использования в интерфейсе разработанного исключительно для Gecko языка разметки XUL и используемых в Web, JavaScript и CSS. Это иногда приводит к более медленной работе интерфейса и повышенным требованиям к оперативной памяти, чем у браузеров, больше полагающихся на функции оконной среды. Для тех, кому нужны функции движка Gecko, а не расширяемый интерфейс, существуют сторонние браузеры, в которых интерфейс реализован по-другому; например, Camino, Epiphany и Kazehakase. Opera. Opera— веб-браузер и пакет прикладных программ для работы в Интернете, выпускаемый компанией OperaSoftware. Разработан в 1994 году группой исследователей из норвежской компании Telenor. С 1995 года — продукт компании OperaSoftware, образованной авторами первой версии браузера. Суммарная рыночная доля Opera и OperaMobile в декабре 2015 года составила 2, 05 % — пятое место в мире. В России процент пользователей браузера в два раза выше среднемирового. В декабре 2015 года по данным LiveInternet доля браузера Opera в Рунете составила 4, 7 %. Яндекс. Браузер. Яндекс.Браузер — браузер, созданный компанией «Яндекс» на основе движка Blink, используемого в открытом браузере Chromium. Впервые был представлен в 2012 году на технологической конференции YetanotherConference. Обозреватель от Яндекса занимает второе место на рынке настольных компьютеров в рунете. По состоянию на июнь 2016 года, доля обозревателя составляет в рунете 9, 4%. В октябре 2014 года его ежемесячная аудитория достигала 24 млн пользователей (19 млн пользовались настольной версией и 5 млн — мобильной). Safari. Safari— браузер, разработанный корпорацией Apple и входящий в состав OS X и iOS. Стабильно занимает четвёртое место по числу пользователей (рыночная доля в июне 2014 года — 9, 17 %). В России браузер не столь популярен: по состоянию на май 2013 он занимал шестую позицию c 4, 1 % пользователей. СРЕДСТВА РАЗРАБОТКИ САЙТА В современном цивилизованном обществе этапа информатизации все его члены, независимо от их общественного положения, используют информацию и знания в своей деятельности, решая непрерывно возникающие перед ними задачи. При этом постоянно увеличивающиеся запасы знаний, опыта, весь интеллектуальный потенциал общества, который сосредоточен в книгах, патентах, журналах, отчетах, идеях, активно, на современном техническом уровне участвует в повседневной производственной, научной, образовательной и других видах деятельности людей. Ценность информации и удельный вес информационных услуг в жизни современного общества резко возросли. Это дает основание говорить о том, что главную роль в процессе информатизации играет собственно информация, которая сама по себе не производит материальных ценностей. Под информацией (с общих позиций) будем понимать сведения о фактических данных и совокупность знаний о зависимостях между ними, то есть средство, с помощью которого общество может осознавать себя и функционировать как единое целое. Естественно предположить, что информация должна быть научно – достоверной, доступной в смысле возможности ее получения, понимания и усвоения; данные, из которых информация извлекается, должны быть существенными, соответствующими современному научному уровню. Как было уже сказано, общество этапа информатизации характеризует процесс активного использования информации в качестве общественного продукта, в связи, с чем происходит формирование высокоорганизованной информационной среды, оказывающей влияние на все стороны жизнедеятельности членов этого общества. Информационная среда включает множество информационных объектов и связей между ними, средства и технологии сбора, накопления, передачи, обработки, продуцирования и распространения информации, собственно знания, а также организационные и юридические структуры, поддерживающие информационные процессы. Общество, создавая информационную среду, функционирует в ней, изменяет, совершенствует ее. Современные научные исследования убеждают в том, что совершенствование информационной среды общества инициирует формирование прогрессивных тенденций развития производительных сил, процессы интеллектуализации деятельности членов общества во всех его сферах, включая и сферу образования, изменение структуры общественных взаимоотношений и взаимосвязей. В частных случаях, для создания web-проекта, необходимо собрать как можно больше информации о данной области исследования. Это необходимо для более полного отображения информации, предоставляемой определенной группе пользователей. Для привлечения людей к данномуweb-сайту необходимо как можно больше рассказать о возможностях и о достоинствах представляемого предприятия. Объём предоставленной информации напрямую зависит от заказчика. Чем больше будет предоставлено информации о компании, тем выше будет качество изготовляемого сайта. Затраты при изготовлении сайта могут быть как минимальные, так и большими. В частых случаях, при создании web-проекта затрачивается время на сбор материала, уточнения конкретных целей с заказчиком, поставленных перед разработкой, а также обсуждение объема и наличия информации в контенте сайта. На сегодняшний день создать сайт можно различными средствами и на разных платформах. Рассмотрим подробнее основные технологии: - язык разметки гипертекстовых страниц HTML - PHP Теги HTML Документ HTML содержит текст (содержимое страницы) и встроенные теги – инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок – head и тело – body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера). Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег < BODY BGCOLOR=white> будет работать так же, как < bodybgcolor=white>. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL. Большинство тегов являются контейнерами. Это означает, что у них имеется начальный (открывающий или стартовый) и конечный (закрывающий) теги. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции. Например: The weather is < I> gorgeous< /I> today. Результат: The weather is gorgeous today. Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Его можно рассматривать как " выключатель" тега. Конечный тег никогда не содержит атрибутов. В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Чаще всего опускают конечный тег < р> (абзац). Браузеры раньше поддерживали этот тег без соответствующего завершения, поэтому многие авторы Web привыкли использовать краткую форму. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие. Поэтому, если есть сомнения, необходимо включить в текст закрывающий тег. Это особенно важно, когда в документе используются каскадные таблицы стилей. Некоторые теги не имеет завершающих тегов, потому что они используются для размещения отдельных (автономных) элементов на странице. Одним из них является тег изображения < img>, он просто помещает графику в поток страницы. Другие автономные теги – это разрыв строки (< br> ), горизонтальная линия (< hr> ) и теги, содержащие информацию о документе и не влияющие на содержимое, выводимое на экран, такие как < meta> и < base>. Атрибуты добавляются втег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие: – если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.> или дефис< -> ), то можно поместить его после знака равенства без кавычек; – если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы ": //". Также кавычки необходимы при задании значений цветов с использованием формата " #rrggbb". В теги HTML могут помещаться другие HTML-теги для осуществления воздействия нескольких тегов на один элемент. Это называется вложением, и, что бы правильно его осуществить, начальный и конечный теги вложенного тега должны обязательно находиться между начальным наконечным тегами внешнего тега, например: The Weather is < B> < I> gorgeous< /I> < /B> today. Результат: The weather is gorgeous today. Часто встречающейся ошибкой является перекрытие тегов. Хотя часть браузеров отображают содержимое, отмеченное таким образом, многие не разрешают нарушать правило, поэтому важно размешать теги правильно. Следующий пример показывает неверное вложение тегов (заметьте, что тег< В> закрывается перед закрытием < I> ): Theweatheris< B> < I> gorgeous< /B> < /I> today – данная информация, игнорируется браузерами. Некоторая информация будет игнорироваться при просмотре браузерами. В ее состав входят: – разрывы строк. Символы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не встретится тег < р> или < br>. Разрывы строк выводятся, если текст обозначен как текст с заданным форматом (< рrе> ); – символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных символов пробела, он выводит только один пробел. Таким образом, если документ содержит: " far, faraway", браузер выведет " far, faraway". Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp; ). Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах < рrе> ); – множественные < р> -теги. Последовательность тегов < р>, не прерываемых текстом, всеми браузерами интерпретируется как избыточная. Содержимое будет выводиться так, как если бы был только один тег < р>. Большинство браузеров выведет несколько тегов < Br> в виде нескольких переходов на новую строку; – нераспознаваемые теги. Если браузер не понимает тег или тот был неверно задан, то браузер его просто игнорирует. В зависимости от тега и браузера это может привести к различным результатам. Либо браузер ничего не выведет, или он может отобразить содержимое тега как обычный текст; – текст в комментариях. Браузеры не выводят текст между специальными элементами <! и ->, которые используются для обозначения комментариев. После символов начала комментария и перед символами окончания обязательно должен находиться пробел. В сам комментарий можно помещать практически все. Комментарии нельзя вкладывать. В MicrosoftInternetExplorer имеется фирменный тег, обозначающий комментарии < com-ment>...< /comment>. Однако, он не поддерживается другими браузерами. PHP РНР изобретенРасмусомЛердорфом в конце 1994 года. Первая версия выпущена в 1995 году под именем «Инструментарий Персональных Домашних Страниц», затем она была переработана и названа PHP/FI Version 2 (FI — модуль обработки данных для форм). Также была добавлена поддержка баз данных mSQL. С этого момента в разработке стали принимать участие добровольцы. Статистика используемости РНР приблизительна, но, согласно ис-следованию, проведенному Netcraft, в начале 2001 года РНР использовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в это время число IIS серверов было примерно таким же (5 млн). Разработка интерпретатора РНР приняла форму организованного командного процесса, ядро интерпретатора разрабатывает компания Zend.com. При этом РНР распространяется свободно: его последнюю версию можно загрузить с сайта PHP.net. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux. Изначально аббревиатура РНР означала PreprocessorofHomePages — препроцессор домашних страниц. Это язык внедряемых в HTML-страницы сценариев, исполняемых на сервере. По большей части его синтаксис заимствован из таких языков, как С, Perl, Java, и при этом добавлена масса возможностей, которых этим языкам недостает. Проще говоря, синтаксис РНР — это разумная альтернатива и строгости С, и «беспредельности» Perl. РНР наделен практически полным набором функциональности, о ко-торой (до появления РНР) мог только мечтать web-программист. Его цель — позволить максимально быстро создавать динамически генерируемыеweb-страницы. С полным основанием можно заявить, что изучение и использование РНР будет выгодно как начинающим, так и профессиональным программистам. ОсновнымиконкурентамиРНРявляютсятехнологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages. Рассмотрим те недостатки, которые присущи указанным технологиям. JSP — достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (VisualBasic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl — язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из не-скольких файлов. CF — коммерческий продукт, что является его основным недостатком. Основные достоинства РНР: 1. бесплатен; 2. постоянно совершенствуется; 3. работает на UNIX и Windows платформах; 4. внедряется прямо в HTML-код, поэтому программисту не приходится писать программу с множеством команд для простого вывода HTML. Код HTML и РНР можно чередовать по мере необходимости. РНР позволяет написать фрагмент следующего вида: < title> < ? print " Hello world! "; ? > < /title> < /html> Сообщение " Helloworld! " выводится в заголовке web-страницы. Интересно то, что команда print внутри конструкции, которая обычно называется экранирующими последовательностями РНР (< ?...? > ), представляет собой законченную программу. Ни длинного кода инициализации, ни включения библиотек — программа состоит лишь из того кода, который непосредственно решает поставленную задачу! 5. допускает работу с большинством СУБД; 6. имеет широкий набор функций (более 3 тыс.); 7. допускает объектно-ориентированное программирование; 8. способен использовать протоколы HTTP, FTP, ШАР, SNMP, NNTP, РОРЗ, netsockets и другие; 9. позволяет выполнять все операции, что и перечисленные его конкуренты, и даже работать с файлами графики. Можно также запускать РНР-скрипты как интерпретируемые файлы и компилировать исполняемые приложения (в том числе с поддержкой графического интерфейса GTK). Если вы обнаружите, что РНР не способен на что-то (или работает не так, как вам хотелось бы), никто не будет препятствовать вам вносить в исходный код РНР (написанный на С) желаемые изменения. РНР является программным продуктом с открытым исходным кодом, и внесение в него улучшений и дополнений путем создания собственных модулей расширения всегда приветствуется. Основные недостатки РНР: 1. Несогласованный синтаксис функций и неортогональность PHP предоставляет разработчикам большое количество самых разнообразных функций, которые попали в язык из расширений, создаваемых разными группами программистов. В результате синтаксис языка не согласован, например, часть функций для работы с массивами начинается с префикса array, другая часть этим префиксом не обладает. Названия части строковых функций начинается с префикса str, другие функции таким префиксом не обладают. В тех же строковых функциях обрабатываемая строка может передаваться как в качестве первого, так и в качестве последнего аргумента, что требует постоянного обращения к документации. Многие задачи, например разбиение строки на массив или подстроки, решаются неимоверным количеством разнообразных наборов функций. Все это связано с сильным влиянием Perl, в котором неортогональность является частью концепции. Однако PHP задумывался как промышленный и ортогональный язык, и альтернативные наборы функций для решения одних и тех же задач сильно мешают создавать код в едином стиле. К сожалению, проблема скорее всего не будет решена из соображений обратной совместимости. 2. Отсутствие обратной совместимости между версиями языка Код, созданный для более ранних версий языка, зачастую не работает или работает некорректно с более поздними версиями языка. В более поздних версиях исключаются конструкции, методики, функции, применявшиеся ранее. В результате, приложения, созданные несколько лет назад, практически теряют работоспособность для современных версий языка и требуют значительной модификации. Такие изменения обусловлены двумя факторами: устранение несогласованного синтаксиса и устранение конструкций, поощряющих создание небезопасного кода. Справедливости ради, следует отметить, что отсутствие обратной совместимости вообще характерно для современных интерпретируемых языков. 3. Отсутствие поддержки Unicode в ядре языка Поддержка Unicode-строк реализуется через расширение mbstring. При этом вместо стандартных функций работы со строками используются аналогичные функции, но с префиксом mb_. Сами строки не хранят информацию о своей кодировке, и её необходимо указывать вручную при вызове функций расширения mbstring. Проблема, скорее всего, будет решена в PHP 6. 4. Отсутствие многопоточности В языке не предусмотрена возможность создания многопоточных приложений. Есть различные обходные решения с использованием curl и сокетов. Для POSIX-совместимых систем можно использовать функции с префиксом pcntl_. Справедливости ради, следует отметить, что PHP распространен главным образом в области Web-разработки, где зачастую проблему многопоточности берет на себя веб-сервер. 5. Отсутствие прямого обращения к возвращаемому массиву В языке PHP массив, возвращаемый функцией или методом, необходимо предварительно занести в переменную, чтобы применить оператор […]. Пример: function odds($N) { return range(0, $N, 2); } print odds(10)[2]; //ошибка $tmp = odds(10); print $tmp[2]; // работает Эта проблема, скорее всего, не будет решена, так как PHP, в отличие от других языков программирования, позволяет работать не только с индексными массивами, но и с ассоциативными. Однако PHP поддерживает конструкцию list(), предлагающую концептуально иной способ работы с массивами, предоставляя разработчику возможность поместить элементы массива сразу в переменные. MySQL MySQL (МФА: [maɪ ˌ ɛ skjuː ˈ ɛ l])[4] — свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённойSunMicrosystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU GeneralPublicLicense, так и под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей. Именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации. MySQL является решением для малых и средних приложений. Входит в состав серверов WAMP, AppServ, LAMP и в портативные сборки серверов Денвер, XAMPP, VertrigoServ. Обычно MySQL используется в качестве сервера, к которому обращаются локальные или удалённые клиенты, однако в дистрибутив входит библиотека внутреннего сервера, позволяющая включать MySQL в автономные программы. Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц. Алгоритмизация задачи Алгоритм решения поставленной задачи - циклический процесс. Готовый с технической точки зрения сайт может устраивать исполнителя по всем параметрам, но для заказчика также важен и дизайн. Также заказчика может не устроить наполнение сайта. Чтобы избежать разногласий с заказчиком, необходимо пройти все ступени разработки проекта. Описание алгоритма Необходимо изучить требования заказчика. Постараться понять какой продукт он хочет видеть в итоге. Если возникают некоторые моменты в которых мнение заказчика может быть некомпетентным необходимо на самых ранних стадиях устранить все недопонимания. Алгоритм создания проекта представлен на рисунке 5.1. Рисунок 5.1 - Алгоритм создания проекта В дальнейшем необходимо собрать всю необходимую информацию для наполнения сайта. Необходимо ознакомиться и с наполнением сайтов конкурентов особенно работающих с данной целевой аудиторией. Систематизация информации. На данном этапе определяется способ группирования информации для достижения необходимого эффекта и характеристик проекта. При разработке интерфейса сайта, мы должны учесть пожелания заказчика по доступности данных, сложности программирования и возможность дальнейшей лёгкой модификации. После предварительного тестирования проект отправляется на оценку к заказчику. Если у него есть замечания или дополнения, алгоритм действий повторяется с начала. 5.1.2. Структурасайта. Структурная схема сайта представлена на рисунке 5.2.
Рисунок 5.2 – Структурная схема На рисунке изображена схема взаимозависимости размещаемых данных. Далее, на основе доступной информации формируется расположение кнопок навигации по сайту и расположение значимой информации. Затем, после того, как был выбран дизайн сайта, начинается этап программирования и отладки. Программирование Для реализации всех необходимых функций и методов был разработан специальный программный способ, который позволяет реализовать все необходимые функции. Методика построения веб-сайта такая: страницы сайта имеют идентичную структуру и код. Их отличие заключается в текстовой информации, отраженной на страницах. Значит, нам не нужноподробно расписывать о возможностях каждой страницы отдельно. По этой причине подробно будет описана только 1страница. В приложении А содержится полный листинг веб-страниц. Тестирование и отладка Тестирование программного обеспечения — процесс выявления ошибок в программном обеспечении (ПО). Существующие сейчас методы тестирования ПО не могут полностью установить правильность работы анализируемого проекта. Поэтому все существующие методы тестирования действуют в рамках формального процесса проверки исследуемого ПО. С точки зрения ISO 9126, качество (программных средств) можно определить как совокупную характеристику исследуемого ПО, с учётом следующих составляющих: - надёжность; - сопровождаемость; - практичность; - эффективность; - мобильность; - функциональность. Уровни тестирования: 1. модульное тестирование (юнит-тестирование) — тестируется минимально допустимый для тестирования элемент, например, отдельный класс или функция; 2. интеграционное тестирование — может проверить, есть ли какие-то недочеты в интерфейсе и взаимодействии между соприкасающимися компонентами — например, не передается информация, передаётся некорректная информация. 3. системное тестирование — тестируется интегрированная система на её соответствие начальным требованиям 4. альфа-тестирование — имитация реальной работы с системой штатными разработчиками, или реальная работа с системой предполагаемыми пользователями/заказчиком на стороне разработчика. Довольно часто альфа-тестирование применяется для законченного продукта. Иногда альфа-тестирование выполняется под отладчиком или с использованием окружения, которое помогает быстро выявлять найденные ошибки. Обнаруженные ошибки могут быть переданы тестерам для дополнительного исследования в окружении, подобном тому, в котором будет использоваться ПО. 5. бета-тестирование — в некоторых случаях выполняется распространение версии с ограничениями (по функциональности или времени работы) для некоторой группы лиц, с тем чтобы убедиться, что продукт содержит достаточно мало ошибок. Иногда бета-тестирование выполняется для того, чтобы получить обратную связь о продукте от его будущих пользователей. Тестирование «белого ящика» и «чёрного ящика» В терминологии профессионалов тестирования (программного и некоторого аппаратного обеспечения), фразы «тестирование белого ящика» и «тестирование черного ящика» относятся к тому, имеет ли разработчик тестов доступ к исходному коду тестируемого ПО, или же тестирование выполняется через пользовательский интерфейс либо прикладной программный интерфейс, предоставленный тестируемым модулем. Отладка — этап разработки компьютерной программы, на котором обнаруживают, локализуют и устраняют ошибки. Есть различные подходы и средства отладки; в качестве основного средства используются отладчики, которые включают в себя пользовательский интерфейс для пошагового выполнения программы: оператор за оператором, функция за функцией, с остановками на некоторых строках исходного кода или при достижении определённого условия. Тестирование программного продукта производилось на локальном компьютере. В результате тестирования были выявлены несколько ошибок, которые были устранены в ходе разработки. Особенностью методики разработки этого проекта была отдельная отладка и тестирование отдельных программных элементов и блоков в персональном порядке. Устранялись тольконебольшие«косметические» ошибки: расположение текста на странице, подбор цвета оформления, ошибки орфографии. В остальном, при разработке данного проекта отладка не требовалась. Разработанный проект нуждался лишь в окончательном тестировании, для того, чтобы удостовериться в корректности работы кода и в текстовой информации. Тестирование проводилось путем запуска проекта на локальной машине.
АНАЛИЗ РЕЗУЛЬТАТОВ РЕШЕНИЯ Повторное тестирование работы сайта было сделано после завершения работы над ним. Все ошибки, которые были обнаруженывпоследствии были успешно устранены. В результате мы получили готовый программный продукт (веб-сайт), готовый к внедрению и дальнейшей эксплуатации. Сайт отвечает всем поставленным целям, дизайн сайта отвечает всем запросам клиента. Дополнительные доработки не требуются. Проект не требует от заказчика больших «вливаний» денежных средств.Благодаря этому, можно сказать, что разработка данного проекта оправдала себя. В процессе эксплуатации отлаженный и откалиброванный Интернет-сайт не создает каких-либо проблем пользователям.
ИНСТРУКЦИЯ ПОЛЬЗОВАТЕЛЮ После загрузки веб-сайта на экранеплявляется главная страница. Главная страница представлена на рисунке 7.1.
Рисунок 7.1 – Главная страница С неё можно перейти на другие страницы при помощи кнопок. Кнопки представлены на рисунке 7.2.
Рисунок 7.2 - Кнопки На главной странице есть информация о фирме, актуальные новости и адрес. Имеется возможность вернутся на главную страницу при нажатии на логотип фирмы.
ЗАКЛЮЧЕНИЕ В данной выпускной квалификационной работе был разработан информационный ресурс в виде веб-сайта для магазина автозапчастей. Это сайт- визитка. Он несёт в себе информационно-рекламный характер, целью его существования является привлечение клиентов и реклама магазина. На сайте представлена довольно полная информация о магазине и его партнёрах.Затраты на разработку, содержание и обслуживание сайта минимизированы. Внедрение и эксплуатация данного сайта, будут способствовать притоку новых клиентов, соответственно увеличат количество продаж и прибыль фирмы. Также сайт может снизить нагрузку на сотрудников предприятия, поскольку на сайте присутствует вся необходимая информация о товаре и ряд дополнительных сведений (технические характеристики, производитель, цена). Использование данного программного продукта экономически выгодно, срок окупаемости составит 2, 2 месяца.
ПРИЛОЖЕНИЕ А В приложении приведена главная страница интернет-сайта: < html> < head> < title> ЗАПЧАСТИ TOYOTA И ДРУГИХ МАРОКtitle> < metaname=" description" content=" запчасти, автозапчасти, для иномарок, на авто" > < metaname=" Keywords" content=" автомобильный видеорегистратор, бампер, фаркоп, ксенон, сигнализация, фары" > < meta http-equiv=" Content-Type" content=text/html; charset=Windows-1251> < script language=" JavaScript" src=" onmouse.js" > < /script> < link rel=" stylesheet" type=" text/css" href=" styles.css" > < /head> < body bgcolor=" #8BAAFC" text=" #FFFFFF" onLoad=MM_preloadImages('bullets/about_btn_hint.gif', 'bullets/product_btn_hint.gif', 'bullets/price_btn_hint.gif', 'bullets/ne_btn_hint.gif', 'bullets/support_btn_hint.gif', 'bullets/contact_btn_hint.gif') leftmargin=0 topmargin=0 marginmarginheight=0> <! -- all page --> < table border=" 0" cellspacing=" 0" cellpadding=" 0" bgcolor=" #FFFFFF" > < tr> < td> < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td rowspan=3 > < tr> < td colspan=" 6" > < imgsrc=" bullets/no_hint.gif" height=" 21" border=" 0" name=" hint" > < /td> < /tr> < /td> < a href=" default.php.htm" > < imgsrc=" bullets/logo.jpg" height=" 150" border=" 0" > < /a> < /tr> < tr> < td align=" left" < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td align=" center" > < a href=" partners.php.htm" onMouseOut=" button.src='bullets/part1.jpg'; " onMouseOver=" button.src='bullets/part2.jpg'; " > < IMG BORDER=" 0" NAME=" button" SRC=" bullets/part1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" product.php.htm" onMouseOut=" button1.src='bullets/prod1.jpg'; " onMouseOver=" button1.src='bullets/prod2.jpg'; " > < IMG BORDER=" 0" NAME=" button1" SRC=" bullets/prod1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" price.php.htm" onMouseOut=" button2.src='bullets/prices1.jpg'; " onMouseOver=" button2.src='bullets/prices2.jpg'; " > < IMG BORDER=" 0" NAME=" button2" SRC=" bullets/price1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" ne.php.htm" onMouseOut=" button3.src='bullets/ne1.jpg'; " onMouseOver=" button3.src='bullets/ne2.jpg'; " > < IMG BORDER=" 0" NAME=" button3" SRC=" bullets/ne1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" what.php.htm" onMouseOut=" button4.src='bullets/what1.jpg'; " onMouseOver=" button4.src='bullets/what.jpg'; " > < IMG BORDER=" 0" NAME=" button4" SRC=" bullets/what1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" contact.php.htm" onMouseOut=" button5.src='bullets/conten1.jpg'; " onMouseOver=" button5.src='bullets/conten2.jpg'; " > < IMG BORDER=" 0" NAME=" button5" SRC=" bullets/conten1.jpg" height=" 38" > < /a> < /td> < td align=" center" > < a href=" forum/index.php" onMouseOut=" button6.src='bullets/forum1.jpg'; " onMouseOver=" button6.src='bullets/forum2.jpg'; " > < IMG BORDER=0 NAME=" button6" SRC=" bullets/forum1.jpg" height=" 38" > < /a> < /td> < /tr> < tr> < td colspan=" 6" > < imgsrc=" bullets/no_hint.gif" height=" 21" border=" 0" name=" hint" > < /td> < /tr> < /table> < /td> < /tr> < /table> <! -- in main part --> < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td height=" 1" border=" 0" > < /td> < td <! -- left part of table --> < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td colspan=" 3" class=" title" height=" 17" > & nbsp; ОФИРМЕ< /td> < /tr> < tr> < td background=" bullets/vert_dot_backgr_on_back.gif" rowspan=" 2" > < imgsrc=" bullets/space.gif" height=" 1" border=" 0" > < /td> < td> <! -- left part of table --> < table border=" 0" cellspacing=" 1" cellpadding=" 3" > < tr> < tdclass=" textW" > Фирма < b> & quot; Наш магазин был & quot; < /b> был основан в 2007 году. Мы занимаемся< b> продажей запчастей для Ваших автомобилей< /b> (видеорегистраторы, блоки памяти, квадраторы). Запчасти есть в наличии и на заказ, вы всегда можете позвонить нам или придти и выбрать или заказать то, что вам необходимо! < div align=" right" > < a href=" about.php.htm" > подробнееонас...< /a> < /div> < /td> < /tr> < /table> <! -- left part of table --> < table border=" 0" cellspacing=" 1" cellpadding=" 3" > < tr> < td class=" textW" > < imgsrc=" bullets/new.gif" height=" 20" border=" 0" > < br> < b> Новоепоступление: < imgsrc=" bullets/space.gif" height=" 1" border=" 0" > < /b> < /td> < /tr> < /table>
<! -- left part of table --> < table border=" 0" cellspacing=" 1" cellpadding=" 3" < tr> < div align=" left" >
<! --< td> < a href=" product/rf03-gsm.php" target=" _blank" > Внимание! Снижение цен на весь ассортимент нашего магазина! Уважаемые клиенты! Цены на весь ассортимент снижены на 2-5 %< br> < /a> < /td> <! -- < td> < ahref=" product/rf.php" target=" _blank" > Двухканальные видеорегистраторы< br> на Flash-носителе ASV-RF01(02) с USB-портом.< br> С 14.12.07 новая прошивка: добавлена поддержка xDcardtypeM объемом до 2GB.< /a> < /td> < td class=" textW" > < i> Серийныйвыпуск< /i> < /td> < /tr> -->
< /table> < /td> < td background=" bullets/vert_dot_backgr_on_back.gif" rowspan=" 2" height=" 1" border=" 0" > < /td> < /tr> < tr> <! -- left part of table --> < td> < imgsrc=" bullets/hor_dot_line_on_back_389.gif" height=" 1" border=" 0" > < /td> < /tr> < tr> < td colspan=" 3" > < imgsrc=" bullets/spacesgif" height=" 20" border=" 0" > < /td> < /tr> < /table> <! -- left part of table --> < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td colspan=" 3" class=" title" height=" 17" > < a class=" title" href=" partners.php.htm" target=" _blank" > & nbsp; НАШИПАРТНЁ РЫ< /a> < /td> < /tr> < tr> < td background=" bullets/vert_dot_backgr_on_back.gif" rowspan=" 2" > < imgsrc=" bullets/spaces.gif" height=" 1" border=" 0" > < /td> < td> <! -- left part of table --> < table border=" 0" cellspacing=" 1" cellpadding=" 3" > < tr> < tdclass=" textW" > Мыработаемсогромнымколичествомпоставщиков< ahref=" mailto: [email protected]? subject=" > < table border=" 0" cellspacing=" 0" cellpadding=" 0" > < tr> < td class=" textB" > < a href=" partners.php.htm" target=" _blank" > МОСКВА< /a> < br> < a href=" partners.php.htm" target=" _blank" > С.-ПЕТЕРБУРГ...< /a> < br> < a href=" partners.php.htm" target=" _blank" > EXIST< /a> < br> < a href=" partners.php.htm" target=" _blank" > AUTODOC< /a> < br> < a href=" partners.php.htm" target=" _blank" > ВАЗ< /a> < br> < a href=" partners.php.htm" target=" _blank" > TOYOTA< /a> < br> < a href=" partners.php.htm" target=" _blank" > LAND ROVER< /a> < br> < a href=" partners.php.htm" target=" _blank" > FORD< /a> < br> < a href=" partners.php.htm" target=" _blank" > CHEVROLET< /a> < br> < /td> < td class=" textB" > < a href=" partners.php.htm" target=" _blank" > FIAT< /a> < br> < a href=" partners.php.htm" target=" _blank" > GEELY< /a> < br> < a href=" partners.php.htm" target=" _blank" > БАРНАУЛ< /a> < br> ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
«Информационные системы и технологии» направление подготовки/специальность «Информационные системы и технологии» направленность (профиль/специализация) |
Последнее изменение этой страницы: 2019-06-08; Просмотров: 39; Нарушение авторского права страницы
