Диплом на тему «Разработка web – приложения «Аренда строительно. Разработка web приложения Аренда строительного оборудования
 Скачать 3.38 Mb.
|
Тема: «Разработка web – приложения «Аренда строительного оборудования». АННОТАЦИЯ Выпускная квалификационная работа содержит 45 страниц, 24 рисунка, 23 источника. ВКР написана на тему «Разработка web – приложения «Аренда строительного оборудования». Цель выпускной квалификационной работы: разработка программного средства для представления в сети Интернет предприятия по аредне строительного оборудования. ВКР содержит введение, пять глав и заключение. Во введении излагаются основные понятия связанные с арендой инструментов и принципами представления информации в сети интернет. В первой главе ВКР проведен анализ области автоматизации ИП Фаридов З.С. Во второй главе ВКР проведен анализ аналогов и прототипов сайтов предприятий аналогичной направленности (ПРОКАТМСК и АСТРАХАНСКИЙ ПРОКАТ). Обоснована необходимость разработки представляемого программного средства. В третьей главе ВКР представлено техническое задание на разработку. В четвертой главе ВКР описан процесс проектирования программного средства. Приведено описание потоков информации и действий в системе согласно стандарту IDEF0. Проведено описание структуры базы данных в стандарте IDEFX1. В пятой главе ВКР приведена инструкция для системного администратора. В заключении сделаны выводы по рассматриваемой теме и даны предложения по размещению и использованию разработанного программного средства. СОДЕРЖАНИЕ Введение ............................................................................................................... 4 ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ ............................................ 6 ГЛАВА 2. АНАЛИЗ АНАЛОГОВ И ПРОТОТИПОВ ..................................... 8 ГЛАВА 3. ТЕХНИЧЕСКОЕ ЗАДАНИЕ .......................................................... 12 ГЛАВА 4. ПРОЕКТИРОВАНИЕ САЙТА ....................................................... 16 4.1 Проектирование процессов с использованием CASE-средств ........... 16 4.3. Обоснование выбора среды разработки .............................................. 22 4.4. Разработка WEB- приложения .............................................................. 27 4.5 Тестирование разработки ....................................................................... 32 ГЛАВА 5. ИНСТРУКЦИя АДМИНИСТРАТОРА САЙТА ............................ 37 Заключение ........................................................................................................ 39 Список литературы ........................................................................................... 41 4 ВВЕДЕНИЕ Аренда профессионального инструмента – востребованная услуга. Она развивается под давлением растущего рынка строительно-монтажных услуг. Крупные застройщики, как правило, имеют в своём распоряжении бригады строителей, полностью укомплектованные рабочими принадлежностями, но и они берут в аренду крупногабаритную строительную технику и силовые агрегаты – генераторы, компрессоры, насосы. Также арендуют специфический инструмент для разовых работ. Для однократных работ затраты на приобретение дорогого инструмента не имеют смысла. Покупка более дешёвых аналогов не оправдывает ожиданий, так как такой инструмент часто не в состоянии выполнить работу на требуемом уровне. Из такой ситуации есть простой и несложный выход – взять инструмент в аренду на прокат. Аренда строительного инструмента — наиболее целесообразное решение, которое не требует больших затрат. Оплачивается только за то время, в течение которого инструмент используется. При этом можно быть увереным, что используется действительно высококлассный инструмент, который получал необходимое обслуживание и находится в хорошем состоянии. В ходе развития информационных технологий успешное ведение бизнеса стало зависеть от многих факторов. На современную экономику и бизнес большое влияние стали оказывать новейшие технологии, в связи с чем возникла необходимость в активном развитии деятельности каждого предприятия и организации в Интернете. Ведь Интернет, как известно, играет огромную роль с жизни современных людей. Интернет для людей стал не только источником информации для «расширения кругозора», но и полем для ведения активной деловой жизни. Сегодня на просторах интернета можно найти различные сайты- 5 визитки, представительские сайты компаний и фирм, а также Интернет- магазины. Благодаря Интернету делается реклама, которая является более доступной и заметной. Для деловых людей Интернет является очень удобным способом ведения дел. Именно с помощью Интернета стало возможным быстро связываться с поставщиками, потребителями, партнерами. Благодаря Всемирной сети можно найти важную информацию для своей деятельности. Все это возможно, если компания имеет свой собственный сайт, благодаря ему клиент может легко ознакомиться с предоставляемыми услугами, деловыми предложениями и продукцией данной фирмы. Если у предприятия нет бизнес сайта, то 70% возможных предложений и потенциальных заказов пройдут мимо нее. Чтобы продвигать прокатный сервис на рынке необходимо использовать интернет ресурсы. Поэтому создание WEB-сайта для фирмы проката строительных инструментов является актуальным. Представленная выпускная квалификационная работа направлена на разработку web – приложения «Аренда строительного оборудования». Для реализации поставленной цели необходимо решить следующие задачи: 1. Исследовать область автоматизации, т.е. выяснить основные принципы организации учета в фермерском хозяйстве; 2. Провести сравнительный анализ существующих ресурсов аналогичной направленности; 3. Определить программные средства разработки программного средства; 4. Разработать модель базы данных; 5. Разработать программное средство. ГЛАВА 1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ Основная специализация предприятия ИП Фаридов З.С. — прокат качественного, современного и высокофункционального строительного оборудования от ведущих мировых производителей. Предприятие предлагает клиентам большой ассортимент инструментов на выгодных условиях, активно сотрудничает с частными лицами, со многими строительными организациями и предприятиями. Основная задача — создание комфортных и выгодных условий для клиентов. Предприниматель регулярно исследует потребности потребителей и основные тенденции строительного рынка, дополняя каталог новыми моделями. В ИП небольшой штат сотрудников, организационная структура приведена на рисунке 1. Рисунок 1— Организационная структура Механик проводит осмотр и устраняет любые дефекты, помогает в выборе оборудования. Клиентам всегда предоставляется исправная техника в чистом виде. Бухгалтер ведет экономические расчеты, принимает оплату от клиентов, заключает договора на аренду оборудования, а также выполняет другие работы связанные с денежным обращением. Бухгалтер — ведет всю документацию по расходам и доходам также занимаются оплатой счетов и 7 распределением финансов, то есть покрытием расходов доходами также рассчитывают зарплату. Оператор ведет учет выдачи и возврата техники. Основной офис предприятия находится в сельской местности, поэтому клиентам неудобно лично знакомиться с наличием необходимого оборудования. Разработка WEB-приложения и внедрение его на предприятии позволит клиентам знакомиться с имеющимся оборудованием онлайн, делать заказ на аренду конкретного инструмента. При дальнейшей модификации приложения возможна автоматизация ведения базы данных заказов. ГЛАВА 2. АНАЛИЗ АНАЛОГОВ И ПРОТОТИПОВ Приступая к разработке программного средства, следует провести анализ уже созданных продуктов, чтобы выяснить их положительные и отрицательные стороны и использовать успешные решения для достижения цели. Для проведения сравнительного анализа прототипов создаваемого информационного продукта использован метод SWOT-анализа, который является одним из наиболее актуальных эффективных инструментов маркетинга и менеджмента. Данный инструмент дает четкое представление о слабых и сильных сторонах объекта исследования (товара, фирмы или отдельного бизнес-процесса), позволяет выявить возможности минимизации рисков и угроз при помощи его сильных сторон, а также указывает верные направления дальнейшего развития объекта. Этот вид исследований применяется и в множествах сфер. Так, SWOT- анализ является основой для дальнейшей разработки маркетинговой стратегии развития и продвижения системы, а также базой при построении гипотез проверок. Анализ заключается в обработке и анализе всей доступной маркетинговой информации, при помощи которой выявляются причины эффективного или неэффективного функционирования ресурса, определяются приоритетные направления развития. Классический SWOT-анализ ставит перед собой 4 ключевых цели: выявить сильные стороны ресурса и конкурентов; слабые стороны; потенциальные внешние угрозы и благоприятные возможности для развития проекта (с учетом исследования конкурентов). SWOT-анализ — метод стратегического планирования, заключающийся в выявлении факторов внутренней и внешней среды организации и разделении их на четыре категории: Strengths (сильные стороны); Weaknesses (слабые стороны); 9 Opportunities (возможности); Threats (угрозы). Для анализа выбраны сайты предприятия ПРОКАТМСК и АСТРАХАНСКИЙ ПРОКАТ. Рисунок 2— Главная страница сайта предприятия ПРОКАТМСК Основная специализация компании — аренда и продажа качественного, современного и высокофункционального оборудования от ведущих мировых производителей. Предлагаемт клиентам большой ассортимент инструментов на выгодных условиях. На протяжении многих лет активно сотрудничает с частными лицами, со многими строительными организациями и предприятиями. За это время накоплен большой опыт, и создана отличная база. Адрес сайта: http://prokat.msk.ru/arenda-oborudovaniya Таблица 1 — SWOT анализ для сайта ПРОКАТМСК 10 S-Достоинства W-Недостатки Удобная навигация; Техническая поддержка; Наличие шапки (фирменый логотип , адрес , номер телефона) Наличие фирменного логотипа; отсутсвие отзывов; отсутствие использования маркетинга в социальных сетях; отсутствие реклама для привлечения посетителей; O-Возможности: T-Угрозы: Возможность оформление заказов и аренды продукта; Способность не потерять выбранного материала ( корзина) Возможность оформления заказа и доставки оборудования. Нестабильность количества посетителей сайта. Компания АСТРАХАНСКИЙ ПРОКАТ специализируется на предоставлении строительного инструмента, который можно арендовать на выгодных условиях. Прокат позволяет повысить качество выполняемых работ без больших затрат на покупку новых приспособлений в собственность, а также позволяет сэкономить без ущерба качеству. При правильном планировании взять напрокат нужные приспособления и устройства можно на минимальное время, не закладывая в смету расходы на приобретение. Рисунок 3— Главная страница сайта компании Астраханский Прокат Адрес сайта: https://as30.ru/blacklist.html 11 Таблица 2—SWOT анализ сайта компании «Астраханский прокат» S-Достоинства: W-Недостатки Подтвержденная гарантия качества; Большой выбор представленной информации; Привлекательная главная страница; Есть возможность заказать звонок; Простой интерфейс сайта. Отсутствие элементы поиска; Мало технологии; Отсутствие реклама для привлечения посетителей. O-Возможности T-Угрозы: Возможность оформления заказа и доставки оборудования; Возможность автоматического расчёта количества и стоимости материала. Отсутсвие обновления инофрмации; Низкая посещаемость. Рассмотренные Web-сайты имеют схожий функционал, предоставляют краткую информацию о фирме; информацию по ценам на товары; каталоги структурированы по категориям товаров. К недостаткам можно отнести отсутствие поиска по каталогу. Чтобы обеспечить конкурентоспособность разрабатываемого программного продукта, необходимо учесть положительные стороны анализа и дополнить функционал сайта отсутствующими возможностями. Web-сайт для ИП Фаридов З.С. должен содержать: информацию о фирме и местоположении, каталог продукции, включающий фото товаров, описание свойств, цены; информацию о скидках; информация сайта должна быть структурированной; шрифт должен быть читабельным; интуитивно понятный интерфейс. ГЛАВА 3. ТЕХНИЧЕСКОЕ ЗАДАНИЕ Техническое задание определяет требования и порядок разработки Web-приложения для ИП Фаридов З.С., занимающегося сдачей в аренду строительных инструментов. Основанием для разработки сайта является результат обследования области автоматизации компании. Приложение должено представлять предприятие ИП Фаридов З.С. в сети ИНТЕРНЕТ, поддерживать положительный и современный имидж, знакомить посетителей с услугами компании. Цель сайта – представить посетителям, информацию о ценах на аренду различных инструментов и предоставить возможность сделать заявку на аренду инструментов онлайн. В целевой аудитории Web-сайта можно выделить следующие группы: 1. Партнеры; 2. Клиенты. Разработанное web-приложение должено представлять собой информационную структуру, доступную в сети Интернет под доменным именем, удовлетворяющим следующим требованиям: Быть удобным для поиска и восприятия; быть достаточно коротким; должно отражать суть компании. Приложение реализуется в виде сайта, который должен состоять из взаимосвязанных разделов с четко разделенными функциями. Разрабатываемое приложение должно обладать следующими функциями: Работать под управлением ОС Windows 7 и выше. Использовать для соединения и обмена данными протокол TCP/IP. Использовать свой протокол, как надстройку над TCP/IP для передачи данных и команд. 13 Иметь доступный и простой интерфейс пользователя. Приложение должно предоставить администратору возможность: Редактирования и обновления приложения управлять структурой приложения; управлять отображением представленной информации. Приложение должно предоставить посетителю возможность просматривать опубликованную информацию. Для поддержания сайта и эксплуатации веб-интерфейса системы управления сайтом от персонала не должно требоваться специальных технических навыков, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и веб- браузером. Информация, размещаемая на сайте, является общедоступной. Доступ к административной части должен осуществляться с использованием уникального логина и пароля. Логин выдается администратором. Сайт должен состоять из следующих разделов: 1) Главная страница 2) Услуги (подчиненная страница) 3) Каталог товаров (подчиненная страница) 4) Контакты Рисунок 4—Макет главной страницы Пользовательский интерфейс страниц сайта должен обеспечивать наглядное, интуитивно понятное представление структуры, размещенной на 14 нем информации, быстрый и логичный переход к разделам и страницам. Навигационные элементы должны обеспечивать однозначное понимание пользователем их смысла: ссылки на страницы должны быть снабжены заголовками, условные обозначения соответствовать общепринятым. Графические элементы навигации должны быть снабжены альтернативной подписью. Система должна обеспечивать навигацию по всем доступным пользователю ресурсами отображать соответствующую информацию. Для навигации должна использоваться система контент-меню. Меню должно представлять собой текстовый блок (список гиперссылок) в левой колонке или в верхней части страницы. Требования к средствам разработки: Для реализации статических страниц и шаблонов должны использоваться языки XHTML 1.0 и CSS; Исходный код должен быть разработан в соответствии со стандартами HTML 4.0; Для реализации интерактивных элементов клиентской части использовать языки JavaScript и DHTML; Для реализации элементов с СУБД использовать скриптовый язык PHP; Веб-сервер Apache Требования к программному обеспечению клиентской части: Веб-браузер: Internet Explorer 7.0 и выше, или Firefox 3.5 и выше, или Opera 9.5 и выше, или Safari 3.2.1 и выше, или Chrome 2 и выше; Включенная поддержка javascript, Flash и cookies. Требования к аппаратному обеспечению серверной части: Не менее 500 МБ свободного места на диске. Аппаратное обеспечение клиентской части должно обеспечивать поддержку программного обеспечения клиентской части. Надежность системы в целом зависит от надежности используемой 15 операционной системы. Условия эксплуатации предполагают наличие одного оператора системы и одного администратора. Оператор системы не должен обладать профессиональными навыками в области разработки и использовании web - приложения. Администратор платформ должен обладать знаниями по разработке и администрировании web — приложения. Web-интерфейс обеспечивает гибкость, открытость и масштабируемость, поскольку: пользователям системы нет необходимости устанавливать дополнительное ПО для работы с системой - любой интернет-пользователь на сегодняшний день располагает броузером; любые пользователи получают возможность работы с системой вне зависимости от их территориального расположения и проблем с брандмауэрами; Для нормальной работы Web-приложения необходимо: Компьютер с процессором Intel Pentium или 100%- совместимым с частотой не менее 1.8 Мгц; Оперативная память не менее 2 Gb; Жесткий диск объемом не менее 1 Gb; Наличие адаптера подключения к сети (сетевой карты, модема и т.п.); Установленная ОС Windows 7 и выше; Настроенный протокол TCP/IP. Требования к информационной и программной совместимости - Приложение должно работать под управлением ОС Windows 7 и выше, поэтому требуется совместимость исполняемого модуля и библиотек динамического подключения стандартам, используемым этими ОС на платформе IBM PC. Модель должна использовать свой протокол передачи данных высокого уровня как надстройку над TCP/IP. ГЛАВА 4. ПРОЕКТИРОВАНИЕ САЙТА Разработка любого программного средства начинается с создания модели, которая описывает возможности, средства, ограничения. Основной целью разработчика программного обеспечения при проектировании WEB-сайта является максимальное упрощение структуры путем разделения задач на функциональные области. CASE-технология представляет собой методологию проектирования программных средств, а также набор инструментальных средств, позволяющих в наглядной форме моделировать предметную область, анализировать эту модель на всех этапах разработки и сопровождения. Большинство существующих CASE-средств основано на методологиях структурного (в основном) или объектно-ориентированного анализа и проектирования, использующих спецификации в виде диаграмм или текстов для описания внешних требований, связей между моделями системы, динамики поведения системы и архитектуры программных средств. 4.1 Проектирование процессов с использованием CASE-средств BPwin (AllFusion Process Modeler) — программный продукт в области реализации средств CASE-технологий, разработанный фирмой Computer Associates Technologies. Позволяет проводить описание, анализ и моделирование бизнес-процессов. Занимает одно из лидирующих мест в своём сегменте рынка. Включает три стандартные методологии: IDEF0 (функциональное моделирование), DFD (моделирование потоков данных) и IDEF3 (моделирование потоков работ). Совокупность этих методологий даёт полную картину предметной области клиента. BPwin автоматизирует решение многих вспомогательных задач, которые обычно связаны с построением модели процесса, и обеспечивает 17 логическую строгость, необходимую для достижения корректных и согласованных результатов. BPwin отслеживает связи в диаграммах, сохраняя их целостность при внесении изменений в модель. С помощью функционального моделирования (нотация IDEF0), можно провести систематический анализ бизнеса, сосредоточившись на регулярно решаемых задачах (функциях), свидетельствующих об их правильном выполнении показателях, необходимых для этого ресурсах, результатах и исходных материалах (сырье). Моделирование потоков данных (DFD), часто используемое при разработке программного обеспечения, сосредоточено вокруг потоков данных, передающихся между различными операциями, включая их хранение, для достижения максимальной доступности и минимального времени ответа. Моделирование потоков работ (нотация IDEF3) позволяет рассмотреть конкретный процесс, проанализировать операции, из которых он состоит, а также точки принятия решений, влияющих на его ход. Интуитивно-понятный графический интерфейс позволяет сосредоточиться на анализе самой предметной области. Интерактивное выделение объектов обеспечивает постоянную визуальную обратную связь при построении модели. BРwin поддерживает ссылочную целостность, не допуская определения некорректных связей и гарантируя непротиворечивость отношений между объектами при моделировании. Контекстные диаграммы используются для описания границ системы, области действия, назначения объектов. Иерархическая структура диаграмм, облегчает последовательное уточнение элементов модели. В результате проведения моделирования в среде BPwin получены диаграммы, представляющие принцип работы разрабатываемого сайта и его структуры. Диаграммы приведены на рисунках 5 - 8. 18 Рисунок 5—Контекстная диаграмма Контекстная диаграмма определяет внешние информационные потоки (входные и выходные), управление и механизмы. Рисунок 6—Диаграмма 1-го уровня Диаграмма 1-го уровня показывает основные процессы информационной системы и внутренние информационные процессы. 19 Рисунок 7—Диаграмма 2-го уровня для процесса «Ввод информации» Рисунок 8—Диаграмма 2-го уровня для процесса «Обработка запроса» Диаграммы второго уровня уточняют действия выполняемые в указанном процессе. 20 На диаграммах можно увидеть входные и выходные потоки информации, определить функции программного ресурса доступные различным пользователям. 4.2 Разработка базы данных Для полноценного функционирования WEB-сайта, необходимо использование базы данных, содержащей информацию о проектах предприятия. База данных (БД) – это набор структурированной информации. Отдельные элементы данных связаны между собой логически. Структурированность означает, что данные имеют некоторую логическую структуру, некоторую схему, модель, которая связывает между собой отдельные данные. Система управления базами данными (СУБД) позволяет создавать БД, модифицировать в них данные, разрабатывать пользовательские приложения без учета физического представления данных. Ядром любой БД является модель данных (МД), которая представляет собой множество структур данных, ограничений целостности и операции манипулирования данными. С помощью МД могут быть представлены объекты предметной области и взаимосвязи между ними. По способу установления связей между данными СУБД основывается на использовании трех основных видов модели: иерархическая модель данных; сетевая модель данных; реляционная модель данных Для разработки наиболее подходит реляционная модель данных. ERWIN представляет собой набор средств концептуального моделирования данных, ориентированных на стандарт IDEF1X. 21 ERWIN реализует проектирование схем БД, генерацию ее описания на языке целевой СУБД и реверсный инжиниринг существующих БД. Процесс построения информационной модели состоит из следующих шагов: определение сущностей; определение зависимостей между сущностями; задание первичных и альтернативных ключей; определение атрибутов сущностей; приведение модели к требуемому уровню нормальной формы; переход к физическому описанию модели: назначение соответствий имя сущности – имя таблицы, атрибут сущности – атрибут таблицы; задание триггеров, процедур и ограничений; генерация базы данных. В процессе анализа предметной области выделены следующие сущности для отображения в базе данных: клиент, оборудование, заказ. Сущность Клиент имеет следующие атрибуты: ФИО, ажрес, телефон. Сущность Оборудование имеет атрибуты: Название, цена. Сущность Заказ имеет атрибуты: Дата заказа, количество дней, стоимость, оплата. Один Клиент может иметь некоторое количество Заказов. В результате анализа и нормализации данных получены следующие отношения, составляющие базу данных. Структура данных отношений приведена в таблицах 3 – 5. Таблица 3 — Отношение Клиент Описание Тип Размерность Примечание Код клиента Текстовый 20 Первичный ключ ФИО Текстовый 30 Адрес расположения Текстовый 50 - Телефон Текстовый 12 22 Таблица 4 — Отношение Заказ Описание Тип Размерность Примечание Код заказа Текстовый 20 Первичный ключ Код клиента Текстовый 20 Внешний ключ Код оборудования Текстовый 20 Внешний ключ Дата заказа Дата Количество дней Числовой Короткий целый Стоимость Денежный Оплата Логический Таблица 5 — Отношение Оборудование Описание Тип Размерность Примечание Код оборудования Текстовый 20 Первичный ключ Название Текстовый 20 Цена Денежный Схема БД разработана в CASE-средстве Erwin (см.рисунок 11) Рисунок 9—Логическая схема базы данных Приведенная схема базы данных отображает структуру данных, хранимых на сервере. 4.3. Обоснование выбора среды разработки Программисты, создавая механизм взаимодействия пользователей с компьютерной программой, формируют наборы различных окон, форм, меню, активных кнопок, пиктограмм, и различных справочных систем. 23 Большинство задач обработки данных, решаемых пользователем, предполагает использование средств управления процессом (интерфейсов). Интерфейс — совокупность технических, программных и методических (протоколов, правил, соглашений) средств сопряжения в вычислительной системе пользователей с устройствами и программами, а также устройств с другими устройствами и программами. Интерфейс — в широком смысле слова, это способ (стандарт) взаимодействия между объектами. Интерфейс в техническом смысле слова задаёт параметры, процедуры и характеристики взаимодействия объектов. Различают: Интерфейс пользователя — набор методов взаимодействия компьютерной программы и пользователя этой программы. Программный интерфейс — набор методов для взаимодействия между программами. Физический интерфейс — способ взаимодействия физических устройств. Чаще всего речь идёт о компьютерных портах. Пользовательский интерфейс — это совокупность программных и аппаратных средств, обеспечивающих взаимодействие пользователя с компьютером базой данных. Основу такого взаимодействия составляют диалоги. Под диалогом в данном случае понимают регламентированный обмен информацией между человеком и компьютером, осуществляемый в реальном масштабе времени и направленный на совместное решение конкретной задачи. Каждый диалог состоит из отдельных процессов ввода/вывода, которые физически обеспечивают связь пользователя и базы данных. Обмен информацией осуществляется передачей сообщения. Для реализации программного продукта предполагается использовать технологию PHP, среду разработки PHPStorm В которой используются следующие языки программирования: PHP, HTML, JavaScript. PHP: Hypertext Preprocessor (Препроцессор Гипертекста) — это серверный язык программирования, созданный специально для Web- 24 разработки. PHP — один из самых популярных языков программирования, используемых при разработке программного средства и Web-приложений. Его преимуществом перед другими языками является возможность внедрения PHP-кода непосредственно в HTML. Изначально PHP задумывался именно для внедрения в HTML, чтобы в статичный код гипертекста можно было вставить PHP-скрипт (сценарий), который что-то проверял, обрабатывал, отправлял или принимал какие-то данные, ну и, конечно же, уйти от рутинного использования статичных HTML-страниц, тем самым делая страницы динамическими, что естественно упрощает работу с программным средством. HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство Web-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык HTML до 5-й версии определялся как приложение SGML (стандартного обобщённого языка разметки по стандарту ISO8879). Спецификации HTML5 формулируются в терминах DOM (объектной модели документа). Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста. Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования. JavaScriptбыл создан программистом Brendan Eich из Netscape и представлен в декабре 1995 года под названием LiveScript. Довольно быстро он был переименован в JavaScript, хотя официальным названием JavaScript 25 является ECMAScript. ECMAScript разрабатывается и поддерживается Международной организацией ECMA (Европейская ассоциация производителей компьютеров). JavaScript является объектно-ориентированным языком, но используемое в языке прототипирование обуславливает отличия в работе с объектами по сравнению с традиционными класс-ориентированными языками. Кроме того, JavaScript имеет ряд свойств, присущих функциональным языкам — функции как объекты первого класса, объекты как списки, карринг, анонимные функции, замыкания — что придаёт языку дополнительную гибкость. Несмотря на схожий с Си синтаксис, JavaScript по сравнению с языком Си имеет коренные отличия: объекты с возможностью интроспекции; функции как объекты первого класса; автоматическое приведение типов; автоматическая сборка мусора; анонимные функции. В языке отсутствуют такие полезные вещи, как: стандартная библиотека: в частности, отсутствует интерфейс программирования приложений по работе с файловой системой, управлению потоками ввода-вывода, базовых типов для бинарных данных; стандартные интерфейсы к Web-серверам и базам данных; система управления пакетами, которая бы отслеживала зависимости и автоматически устанавливала их. JavaScript — это язык программирования, используемый при разработке программных средств. Программы на JavaScript называют сценариями. Сценарии JavaScript встраиваются в HTML-код страницы и выполняются браузером. При помощи сценариев JavaScript странице можно придать динамические эффекты, такие как меняющиеся рисунки, бегающий текст и многое другое. 26 В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических программных средств. CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. CSS используется создателями Web-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих Web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры Web-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой Web-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода. SSI (Server Side Include) — технология, позволяющая собирать Web- страницу из нескольких скриптов или файлов в единое, функциональное целое. SSI позволяет включить в Web-страницу информацию на сервере, недоступную средствами HTML. По сути SSI — это своеобразный аналог инклудов в PHP. Позволяет внедрять в код программного средства общие для каждой, или группы страниц элементы, позволяющих осуществлять редактирование каждой страницы через один только файл. SSI директивы поддерживаются .shtml, .htm и .html и прописываются в файле .htaccess. 27 4.4. Разработка WEB- приложения Административная часть сайта представлена в виде системы управления содержимым. Система управления содержимым (англ. Content management system, CMS) — компьютерная программа, используемая для управления содержимым чего-либо. Это содержимое рассматривается как неструктурированные данные предметной задачи в противоположность структурированным данным, находящимися под управлением СУБД. Такие системы используются для хранения и публикации большого количества документов, изображений, музыки или видео. Частным случаем такого рода систем являются системы управления сайтами. Подобные CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю удобные инструменты хранения и публикации информации. Система управления контентом (административная часть сайта) должна предоставлять возможность добавления, редактирования и удаления содержимого статических и динамических страниц. Также предусмотрена возможность добавления информации без отображения на сайте. Система управления контентом имеет стандартный для Windows интерфейс, отвечающий следующим требованиям: реализация в графическом оконном режиме; единый стиль оформления; интуитивно понятное назначение элементов интерфейса; отображение на экране только тех возможностей, которые доступны конкретному пользователю; отображение на экране только необходимой для решения текущей прикладной задачи информации; диалог с пользователем оптимизирован для выполнения типовых и часто используемых операций. Система управления содержимым генерирует страницы по запросу. 28 Разработка типовой статической страницы Титульная страница (главная) любого сайта должна максимально информативно и в сжатом объёме отображать необходимую пользователю информацию о сайте. На главной странице необходимо поместить логотип организации, основное меню сайта (для навигации по его структуре). В верхней части типовой статической страницы располагается шапка и навигационное меню сайта; в середине страницы – иллюстрации. Схема статической страницы приведена на рисунке 9. Рисунок 9 — Структура статической страницы Функциональные возможности разделов На главной странице представлена следующая информация: Логотип компании Иллюстрации предлагаемого оборудования Ссылки на страницы «Прайс-лист», «Контакты», «Условия» Реализация физической модели Для разработки web-сайта был использован язык JavaScript, CSS и языкразметки HTML. На рисунке 10 представлена часть когда для структуры сайта . Логотип Главная Прайс-лист Контакты Условия Иллюстрации 29 Для вставки картинок в сайт был использован тег img. Фрагмент кода представлен на рисунке 11. Рисунок 11—Фрагмент кода вставки картинки Для добавления карты, был использован js и индивидуальная ссылка на карту Google. Фрагмент кода представлен рисунке 12. Для добавления таблицы на сайт используется теги Фрагмент кода показан на рисунке 13. Рисунок 10—-Фрагмент кода html страницы Рисунок 12—Фрагмент кода для добавления карты 30 Рисунок 13—Фрагмент кода для добавления таблицы Результат созданной таблицы показан на рисунке 14. Фрагмент кода для создания формы обратной связи показан на рисунке 15. Рисунок 14—Созданная таблица 31 В результате добавление вышеперечисленных кодов была создана главная страница сайта. Готовый результат представлен на рисунке 16. Рисунок 16 —Главная страница сайта Рисунок 15—Фрагмент кода формы обратной связи 32 4.5 Тестирование разработки Тестирование - процесс исследования и испытания WEB-сайта, имеет две основные цели: Продемонстрировать заказчикам соответствие программного продукта требованиям, изложенным в техническом задании; Выявить ситуации, в которых поведение программного продукта является неправильным, нежелательным или не соответствующим спецификации. Загружаем файлы в виде архива .zip, распаковываем. Рисунок 17―Содержание архива Для активации запускаем файл INDEX.HTML на экране появляется главная страница сайта (Рисунок 18). 33 Рисунок 18—Главная страница Проверим правильность выполнения переходов между страницами. На главной странице представлена следующая информация: Кликабельные изображения инструментов, предлагаемые в аренду; Ссылки на страницы (Прайс-лист, Контакты, Условия). Изображения инструментов на главной странице кликабельны. Рисунок 19—Выбор инструмента Нажатие на интересующий инструмент, например «Перфоратор», приводит к открытию страницы с отображением разновидностей инструментов данного типа, краткими характеристиками и ценами. 34 Рисунок 20—Страница с характеристиками оборудования На странице «Прайс-лист» расположена информация об оборудовании стоимости аренды и залоговой стоимости. Рисунок 21 — Страница Прайс-лист На странице «Контакты» расположена контактная информация фирмы, карта с указанием места расположения и организаван интерфейс обратной связи с клиентом. 35 Рисунок 22— Страница «Контакты» На этой странице клиент может оставить свои контактные данные и сделать заказ на интересующее его оборудование. Рисунок 23— Заказ клиента В разделе «Условия» предоставлена текстовая информация об условиях аренды и необходимых документах для заключения договора (Рисунок 21). 36 Рисунок 24 — Страница «Условия» В результате контрольных испытаний было установлено, что WEB- сайт функционирует правильно, связь между страницами выполняется верно, извлечение информации из базы данных осуществляется корректно. 37 ГЛАВА 5. ИНСТРУКЦИЯ АДМИНИСТРАТОРА САЙТА 5.1 Общие сведения 5.1.1 Назначение WEB- сайт WEB-сайт строительной компании Строительный магазин ИП Светлов предназначен для информирования клиентов об услугах предоставляемых фирмой и о выполняемых строительных проектах. 5.1.2 Минимальный состав технических средств В состав технических средств должен входить IВМ-совместимый персональный компьютер (ПЭВМ), включающий в себя: Процессор с частотой 2.0 Ггц и выше; Оперативную память объемом от 1 Гб и выше; Жесткий диск объемом от 40 Гб и выше; Операционную систему Windows 2000 Server или более новую; СУБД MySQL. 5.1.3 Минимальный состав программных средств Системные программные средства, используемые программой, должны быть представлены лицензионной локализованной версией операционной системы Windows 2000 Server (или новее), системой управления базами данных MySQL и любым браузером актуальной версии. Требования для размещения сайта следующие: 1. Наличие браузера и интернет соединения. Персональный компьютер для установки Soblime Text3 должен соответствовать следующим системным требованиям: 1. Операционная система Windows XP SP3/Vista/7/8/10 и Mac os; 2. омпьютер с процессором Intel Pentium или 100%- совместимым с частотой не менее 1.8 Мгц; 3. Оперативная память не менее 2 Gb; 4. Видеоадаптер: GeForce 6800/ ATI HD 2400 XT 256 MB, DirectX 38 9.0c 5.1.4 Требование к персоналу (Системному программисту) Системный администратор должен иметь высшее профильное образование и сертификаты компании-производителя операционной системы. В перечень задач, выполняемых системным администратором, должны входить: Задача поддержания работоспособности технических средств; Задачи установки (инсталляции) и поддержания работоспособности системных программных средств — операционной системы; Задача установки (инсталляции) программы. Задача создания резервных копий базы данных. 5.2. Структура программы 5.2.1 Сведения о структуре программы файлы В комплект WEB-сайта входят HTML -файлы, папки css и img. 5.2.2 Сведения о составных частях программного продукта HTML-файлы — файлы страниц приложения. Папка css содержит файлы для оформления страниц. Папка img содержит изображения оборудования. 5.3 Настройка программы 5.3.1 Настройка на состав технических средств WEB-сайт не требует каких-либо специфических настроек технических средств. 5.3.2 Настройка на состав программных средств Для установки достаточно скопировать архив на желаемый диск, распаковать в папку с файлами. 39 ЗАКЛЮЧЕНИЕ Результатом выпускной квалификационной работы является создание WEB - приложения «Аренда строительного оборудования». Разработанное приложение позволяет автоматизировать процессы доступа к информационным ресурсам компании через Интернет и дает возможность узнавать информацию об условиях аренды, ценах и контактные данные. В процессе исследования предметной области определены особенности деятельности компании ИП Фаридов З.С., принято решение о создании WEB-приложения способного донести необходимую информацию до многочисленной публики. Проведен сравнительный анализ с целью определения положительных и отрицательных сторон сайтов, созданных другими разработчиками. Рассмотрены сайты фирм «ПРОКАТМСК» (http://prokat.msk.ru/arenda-oborudovaniya) и «АСТРАХАНСКИЙ ПРОКАТ» (https://as30.ru/blacklist.html). SWOT помог выявить сильные и слабые стороны аналогов, которые были учтены в ходе разработки. На основании анализа области автоматизации и сравнения сайтов составлено техническое задание, в котором перечислены основные требования к создаваемому программному средству. Спроектирован дизайн и структура web-приложения. Для чего использовались CASE- средства BPwin и Erwin. Средство BPwin позволяет организовать подробное документирование аспектов бизнес-процессов, то есть необходимых действий, способов их осуществления и контроля за ними и визуализировать полученную информацию. CASE- средство Erwin позволяет спроектировать базу данных, которая необходима для успешной работы программного средства. 40 Для физической реализации проекта проанализированы возможности языков программирования HTML ,JavaScript, PHP, PERL, С++. Выполнено обоснование выбора Open Server в качестве среды разработки. Результаты проверки работоспособности приложения показали, что программный продукт полностью отвечает требованиям технического задания, имеет интуитивно понятный интерфейс, удобен в использовании. Созданное WEB-приложение обладает следующими особенностями: 1) понятной и простой структурой для работы пользователей; 2) содержит актуальную информацию; 3) имеет удобный интуитивно понятный интерфейс пользователя с рядом сервисов. Разработана инструкция администратору сайта, в которой перечислены действия администратора Созданный сайт готов к эксплуатации в сети интернет. Задачи выпускной квалификационной работы выполнены полностью. 41 СПИСОК ЛИТЕРАТУРЫ 1. ГОСТ 19.101-77 «Виды программ и программных документов» 2. ГОСТ 19.102-77 «Стадии разработки» 3. ГОСТ 19.404-79 «Пояснительная записка» 4. ГОСТ 19.106-78 «Требования к программным документам, выполненным печатным способом» 5. ГОСТ 7.1 2003«Библиографическое описание». Общие требования и правила составления 6. ГОСТ 7.9-95 (ИСО 214-76) «Система стандартов по информации, библиотечному и издательскому делу. Реферат и аннотация. Общие требования» 7. ГОСТ 2.105-95. «Межгосударственный стандарт. Единая система конструкторской документации. Общие требования к текстовым документам» 8. Осипов Д.Л., Технологии проектирования баз данных. / Осипов Д.Л. – М.:ДМК Пресс, 2019. – 498 с.: ил. 9. Access help center официального сайта компании Microsoft. Режим доступа: -https://www.microsoft.com/en-us/ 10. Михеева В.Д., Харитонова Microsoft Access 2007. – СПб.: БХВ- Петербург, 2016 11. Автоматизированные информационные технологии в экономике: Учебник / Под ред. Г.А. Титоренко.М.: ЮНИТИ, 2017. – 399 с. 12. Microsoft SQL Server [Электронный ресурс]. – 2010. – Режим доступа: http://ru.wikipedia.org/wiki/Microsoft_SQL_Server 13. Введение в системы управления базами данных. Глава 8. Элементы модели "сущность-связь" [Электронный ресурс]. – 2011 Режим доступа: http://www.csu.ac.ru/iren/courses/gl5.htm 42 14. Норт Б. М. Joomla! : пактическое руководство / Б. М. Норт ; [пер. с англ. А. Киселева]. – СПб. ; М. : Символ : Символ-Плюс, 2014. – 448 с. 15. Гольчевский Ю.В.О безопасности Интернет-сайтов под управлением системы управления контентом Joomla / Ю. В. Гольчевский, П. А. Северин // Вопр. защиты информ. – 2015. – № 3. – С. 44-49. 16. Граф Х.Создание веб-сайтов с помощью Joomla! 1.5 : [популярное учебное пособие по Joomla!, обновленное с четом последней версии системы] / Х. Граф ; [пер. с англ. Н. А. Мухина]. – М. : Вильямс, 2014 – 294 c. 17. Декстер М. Joomla!: программирование / М. Декстер, Л. Лэндри ; [пер. с англ. и ред. И. В. Берштейна]. – М. : Вильямс, 2015. – 592 c. 18. Золотухин С. А. Практикум разработки образовательного сайта на CMS Joomla! 1.5x / С. А. Золотухин. – Курск : КГУ, 2015. 19. Колисниченко Д. Н. Joomla 1.5.15/1.6.0: руководство пользователя: [оптимальные решения для начинающих и пользователей средней квалификации] / Д. Н. Колисниченко. – М. : Диалектика, 2016 – 240 c. 20. Королева Н. Л. Разработка web-сайта ООО “ИТ-МЕРИДИАН” средствами CMS JOOMLA / Н. Л. Королева, В. И. Печерица // Гаудеамус. – 2016. – Т. 2, № 20. – С. 202-204. 21. Костромин В. А. Конспект вебмастера. Выбор системы управления содержанием сайта (контентом) // Справочник вебмастера. – 2012-2015. 22. Крамер Д. Joomla! Как спланировать, создать и поддерживать ваш веб- сайт / Д. Крамер. – М. : Рид Групп, 2015. – 400 с. 23. Лобуренко Е. О. Школьный сайт: создание, наполнение и привлечение посетителей / Е. О. Лобуренко, Е. В. Якушина // Народное образование. – 2014. – № 4. – С. 171-181. |