Оглавление Введение..............................................................................................2 Глава1. Аналитическое иследование................................................4 1.1 Описание предметной области....................................................4 1.2. Обзор современных технологий создания web-сайтов............7 1.3 Концепция сайта...........................................................................13 Глава 2. Общие сведения проекта......................................................14 2.1. Анализ программный средств.....................................................14 2.2 Разработка сайта.........................................................................17 2.3 Оценка стоимости.......................................................................21 ЗАКЛЮЧЕНИЕ.................................................................................24 СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ.............................25 ВВЕДЕНИЕ Интернет-магазин - это магазин, «витрина» которого расположена в сети интернет и который дает возможность заказать товар через интернет. В интернете появились удобные и недорогие магазины, и их услугами пользуется все больше и больше людей. Интернет-магазины это торговые сайты компаний малого и среднего бизнеса. В интернетмагазине могут быть реализованы практически любые торговые схемы: торговля со склада и на заказ, торговля с частными лицами и с организациями, торговля вещественными и цифровыми товарами, услугами, информацией и т.д. Преимущества, которые даёт интернет-магазин: Интернет-магазин работает 24 часа в сутки, 365 дней в году, без перерыва на обед, без выходных и праздничных дней. Доступ к виртуальным витринам магазина может получить любой покупатель, находящийся в любой точке планеты на любом континенте. Профессионально грамотно созданный интернет-магазин может работать полностью автономно. Практически без обслуживания. Интернет-магазин не имеет ограничений на виртуальную площадь. Можно разместить сколь угодно много товаров или описать любое количество услуг. Владелец интернет-магазина может сдавать в аренду свои виртуальные торговые площади так же, как и владелец обычного магазина. Интернет-магазин позволяет общаться с потенциальными клиентами, находящимися сколь угодно далеко, в режиме реального времени. Срок и стоимость создания интернет-магазина несоизмеримо ниже, чем обычного магазина. 2 Для создания интернет-магазина не требуется получения многочисленных разрешений и лицензий. Его не проверяет пожарный инспектор, санэпидемстанция и другие хорошо знакомые вам службы. Развитие мобильных устройств для доступа в интернет (мобильный телефон, КПК и т.д.) позволяет получить доступ к интернет-магазину из любой точки мира, вне зависимости от местоположения потенциального клиента. Все, что вы можете купить в физическом мире, может продаваться в сети интернет. Интернет-магазины обладают рядом преимуществ в сравнении с обычными, как для покупателей, так и для продавцов. Крупные интернет-магазины поддерживают чрезвычайно широкий ассортимент товаров. А множество одинаково хорошо доступных интернет-магазинов вместе создают столь широкий диапазон товаров, что с ним не сравнится никакой супермаркет реального мира. Цель данной работы является разработка интернет-магазина «Красное&Белое» услуг хостинга. Для того, чтобы разработатеь интернетмагащин «Красное&Белое» необходимо достичь поставленной цели и необходимо выполнить следующие задачи: изучить требования к информационной системе; описать предметную область; разработать техническое задание; выполнить оценку стоимости. 3 ГЛАВА 1. АНАЛИТИЧЕСКОЕ ИССЛЕДОВАНИЕ 1.1 Описание предметной области Интернет-магазин «Красное&Белое» – это веб-сайт, позволяющий клиенту приобрести интересующие его товары. Веб-сайт должен предоставлять пользователю информацию о продаваемых товарах, о категориях товаров, о правилах покупки, контактную информацию Интернет-магазина. Главная задача веб-сайта – осуществление продажи товаров клиентам. Пользователь, желающий приобрести тот или иной товар, добавляет его в корзину товаров, оплачивает заказ безналичным способом с помощью электронных терминалов. После выбора всех понравившихся товаров в корзину, пользователь может перейти к оформлению заказа. Регистрация сделки производится при помощи электронной платежной системы. По окончанию оформления заказа, пользователь получает уведомление, на указанный ранее, электронный адрес. Главная страница сайта компании – это лицо сайта, обращённое ко всей сети. На главной странице чётко прописываются цели компании, при этом каждый элемент дизайна должен позволять пользователю ещё лучше разобраться в сайте и определиться с последовательностью действий для решения своих задач. Именно с главной страницы большинство пользователей начинает путешествие по сайту. При этом наш сайт должен быть сделан так, чтобы люди, пришедшие на сайт по глубокой ссылке, чувствовали себя комфортно. Сайт является продуктовым интернет-магазином. Сайт выполнен с использованием белого и малинового цвета. Простой и удобный. Заходя на сайт мы попадаем на главную страницу. Описание структуры сайта. В качестве структуры сайта была выбрана 4 древовидная структура. Древовидная структура является самым универсальным способом размещения веб-страниц. Пользователь при заходе на главную страницу оказывается перед выбором куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т.п. Слева на сайте представлен список продукции: безалкогольные напитки; алкогольные напитки; консервы; продукты быстрого приготовления; готовые закуски; чай и кофе; сигареты. При нажатии на определенную ссылку списка происходит переход на новую страницу, на которой уже представлен полный список продуктов, относящийся к определенной категории. Приобрести понравившийся продукт можно, щелкнув по пиктограмме в виде корзины. Далее потребитель попадает в саму корзину. Если он еще хочет продолжить свои покупки, то ему надо будет повторить свои действия сначала. При этом заказанные им продукты будут лежать пока в корзине, вернуться в которую можно, кликнув на пиктограмме корзины, расположенной в правом верхнем углу магазина. Также на главной странице имеются контактные номера и адрес, на случай возникновения претензий. Корзина. По умолчанию в корзину кладется продукт в количестве 1 шт., но если потребитель захочет изменить кол-во, то он может поменять его на нужное число в поле «кол-во» и нажать кнопку «Пересчитать». Также можно не приобретать какое-то, положенное в корзину вино, надо удалить его из корзины, нажав на пиктограмму в поле «удалить». 5 Если содержимое корзины устраивает, то надо нажать на кнопку «купить» и тогда попадает на страницу регистрации. Регистрация. Является ключевым фактором для получения и оформления заказа. Если пользователь не зарегистрируется и не укажет личные данные, он не сможет совершить заказ. Разработка сайта и управление им на сегодняшний день для большинства организаций становится насущной необходимостью. На сегодня сайт выступает как средство коммуникации привлечения целевой аудитории. Разработка сайта и управление им на сегодняшний день для большинства организаций становится насущной необходимостью. На сегодня сайт выступает как средство коммуникации привлечения целевой аудитории. Интернет в наши дни – это целая индустрия, быстро проникающая во все области человеческой деятельности. Огромное количество компаний во всем мире видят в Интернет большой коммерческий потенциал и возможность перевода своего бизнеса на качественно новый уровень. Благодаря постоянному совершенствованию технологий, скорость доступа растет, а цена становится всё более приемлемой. Интернет находит своё применение во многих сферах, не обходит стороной и деятельность коммерческих фирм. Электронная коммерция имеет все возможности для дальнейшего развития. Во-первых, экономия на затратах интернет-магазинов позволяет им снижать цены, и покупать в интернет-магазинах сегодня порой гораздо выгоднее, нежели в обычных магазинах. Этот факт обеспечивает и постоянный приток покупателей, и появление новых игроков на рынке. Электронный бизнес, и в частности интернет-магазин как его составляющая, становится более конкурентным, что в свою очередь положительным образом сказывается на уровне качества оказываемых услуги предлагаемых товаров. 6 Для создания Интернет-магазина необходима команда опытных программистов, которые смогут создать и заставить работать сложные системы приема заказов, системы регистрации клиентов, системы слежения за состоянием заказов, системы оплаты товаров, системы поиска по базе данных товаров, пополнять и обновлять которую можно не имея специальных знаний, обладая лишь навыками работы в сети Интернет. Не секрет, что услуги программистов стоят недешево, особенно, если программист опытен и имеет собственные уникальные программные разработки, однако затраты на создание Интернет-магазина в любом случае будут намного меньше, чем затраты на открытие обычного магазина. К тому же не надо будет нанимать целый штат сотрудников для обслуживания, достаточно будет нанять двух-трех специалистов, которые смогут периодически обновлять базу и обрабатывать поступающие заказы клиентов. А может быть надо будет лишь обучить уже имеющиеся перспективные кадры. Аудитория Интернет-магазина не ограничивается территорией близлежащего района или города, при соответствующем обслуживании размер аудитории не ограничится даже страной. В данном случае сложность состоит в налаживании доставки заказанного товара - в крупных городах действуют курьерские службы, с которыми можно заключить договор, а в маленьких городках существует, и будет существовать почта. А если учесть, что иногда в Интернет-магазине можно купить то, что зачастую не купить даже в крупном городе (например, редкий постер любимой группы), или уникальный товар, который выпускается малым тиражом. К тому же, где еще можно разрекламировать на весь мир какую-то новинку, не прилагая особых усилий. Интернет магазин имеет следующие преимущества: 7 - помогает быстро сориентироваться в ассортименте и найти нужный товар или услугу (по тематике, названию, цене и т.п.); - рассмотреть товар "со всех сторон", сравнить его характеристики, цену, внешний вид с другими товарами; - посмотреть информацию о скидках, подарков и подобного рода мероприятиях; - рассчитать точную стоимость заказа; - отобрать товар в корзину, оформить заказ on-line, оформить доставку на дом; - поддерживать контакты продавец-покупатель, например: - просматривать историю ранее сделанных заказов; - просматривать информацию по текущему заказу; - вести переписку и т.п. 1.2. Обзор современных технологий создания web-сайтов В настоящее время перед web-разработчиком ставится множество различных задач – от создания интерактивных развлекательных сайтов до серьезных бизнес проектов, требующих повышенной надежности И безопасности от несанкционированного доступа. Для их реализации требуются правильно программирования, подобранные фреймфорки или, инструменты – языки становящиеся все более актуальными, системы управления контентом (сms — content management system ). Web-страница представляет собой файл в определённом формате. Данный формат, в частности, определяет внешний вид документа, взаимное расположение текстовой, графической и мультимедийной информации. Экранное представление Web-страницы формируется с помощью специальных команд специальных языков интерпретируемых броузером. Основным достоинством электронного документа является 8 способность содержать перекрёстные ссылки друг на друга. Данное свойство делает Web единой информационной структурой. Под созданием Web-страницы понимается: - перевод текста в гипертекстовое представление; - подбор или создание графических элементов, фотографий; - помещение графики и других иллюстративных материалов на страницу; - создание гиперссылок на страницы, которые целесообразны для связи; На подбор баннеров для размещения их на странице. данный момент существует множество языков программирования. Превосходство каждого из них может проявляться только В контексте какой-либо задачи. Выбор языка или фреймворка определяется тем, какими знаниями обладают программисты, готовые реализовать данный проект. Следует разграничивать такие понятия, как язык программирования и фреймворк. Язык программирования – это некоторый базовый синтаксис (возможно со стандартными библиотеками), с помощью которого можно создавать приложения. Фреймворк же предоставляет программисту различные библиотеки, значительно упрощающие создание программ и сайтов. Некоторые языки и фреймворки представляют собой неразрывное целое (например, ASP.NET и JSP). Другие языки могут использоваться без фреймворка (PHP и Perl). Все языки web-программирования можно классифицировать на клиентские и серверные. Как следует из названия, клиентские языки используются для написания программ, выполняемых на стороне клиента (web-браузер), а серверные – для программ, выполняемых на сервере. 9 Web-технологий и языков программирования более подробно: - SGML - HTML - XML - Java - JavaScript - VBScript - Perl - Flash SGML. Отчёт языков гипертекстовых разметок принято вести с языка SGML (Standard Generalized Markup Language - стандартный обобщенный язык разметки). SGML - это не просто язык разметки текста, он определяет ещё и расширяемое семейство языков. В основе языка SGML лежит идея отделения структуры (structure) информации от содержания (content) на основе формальных грамматик (декларативного языка). Язык HTML -- это язык разметки гипертекста. Разметка заключается в том, что в обычный текст добавляются специальные команды HTML, описывающие то, как он должен выглядеть. Гипертекст -- это расширенный текст, содержащий дополнительные элементы. Главный из них -- это гипертекстовая ссылка (гиперссылка), щелчок на которой позволяет перейти к другому документу или к другому фрагменту того же самого документа. XML (eXtensible Markup Language) - это расширяемый язык разметки текста. Это язык, который в полной мере определяет логическую структуру документа. Задача XML заключается в том, чтобы данные10 тексты, изображения или другие части Web-документа могли быть определены и структурированы независимо от воспроизводящей платформы, поставщика и его программного обеспечения, например Webброузеров. Java. Он был создан для упрощения разработки приложений на основе Си ++ путем исключения из него всех низко-уровневых возможностей. Главная особенность этого языка - компиляция не в машинный код, а в платформенно - независимый байт-код (каждая команда занимает один байт). Этот байт-код может выполняться с помощью интерпретатора - виртуальной Java-машины JVM (Java Virtual Machine), версии которой сегодня созданы для любых платформ. JavaScript. Программирование процедуры просмотра гипертекстовой базы данных. Практически все локальные гипертекстовые системы в той или иной степени имеют программные средства манипулирования гипертекстовыми объектами. В ряде случаев вся гипертекстовая база данных может быть представлена как одна большая программа, в которой гипертекстовые узлы - это программные модули, а связи между ними - это передача управления от одного модуля другому. Функциональные возможности сценариев, написанных на VBScript, ничем не отличаются от возможностей сценариев JavaScript: динамическое создание документа или его частей, перехват и обработка событий и так далее. VBScript используется для написания сценариев клиента (в этом случае броузер должен иметь встроенный интерпретатор этого языка), а также для написания сценариев на сервере (в этом случае сервер должен поддерживать язык VBScript). Структура Perl очень напоминает структуру языка программирования С и на первый взгляд выглядит так же, как программа С. Все операторы С представлены в и в данном языке, а управляющие структуры, такие как if или for, имеются в несколько измененном виде. 11 Одним из недостатков этого языка можно считать то, что в нём нет указателей, структур и типов, определяемых пользователем. Но том не менее Perl предоставляет разработчику широкий спектр возможностей для создания кратких и эффективных программ. Macromedia Flash - современная мощная среда для разработки мультимедийных проектов различного уровня сложности. Появившись достаточно недавно, эта технология сразу возвела Интернет на новый, качественно отличающийся от прежнего уровень интерактивности и мультимедийности. При этом является простым средством для создания анимированных проектов на основе векторной графики с встроенной поддержкой интерактивности. Возможности Flash позволяют работать как с растровыми объектами, так и с векторными. Среди клиентских языков web-программирования надо выделить JavaScript, который, также как и HTML, лежит в основе многих webтехнологий (например, в основе популярной в последнее время технологии AJAX) и умение программировать на нем относится к базовым знаниям web-разработчика. Другие популярные клиентские языки, а точнее фреймворки – это Adobe Flash (язык ActionScript) и SilverLight (любые .NET языки). Основное применение технологии Adobe Flash – интерактивные сайты и сервисы, онлайновые игры, мультимедийный контент и реклама. SilverLight – это новая технология, разработанная компанией Microsoft и позиционируемая как замена Adobe Flash. Не смотря на то, что с помощью Adobe Flash или SilverLight можно построить полностью весь сайт, такой подход редко используется из-за того, что поисковые системы пока не умеют индексировать ни Adobe Flash, ни SilverLight. Серверные языки web-программирования могут быть условно разделены по операционной системе, под управлением которой они работают: Windows и Unix-подобными системами (*nix). Если говорить 12 про ОС Windows, то тут монопольную позицию занимает технология ASP.NET, разработанная компанией Microsoft. С помощью ASP.NET можно создавать сайты любого уровня сложности – от самых простых, состоящих их нескольких страниц, до очень сложных, обрабатывающих миллионы запросов в день (сайты Microsoft, написанные на ASP.NET, являются одними из самых посещаемых в Интернет). Благодаря технологии .NET, разработка возможна на большом количестве языков программирования (C++, Java, Python и.т.д). Технология ASP.NET привлекательна для тех, кто неплохо разбирается в ОС Windows, но незнаком с Unix-подобными системами. Основной недостаток – меньшее, по сравнению с *nix, количество дешевых хостингов или необходимость покупки серверной лицензии, в случае с выделенным хостингом. Однако, по сравнению со стоимостью разработки сложных сайтов, а, также, стоимостью трафика, разница расходов на Windows и *nix хостинг может быть пренебрежимо мала. Самым безусловно, популярным PHP – языком скриптовый web-программирования язык является, программирования общего назначения, интенсивно применяемый для разработки web-приложений. Его основными преимуществами являются: бесплатность, простой синтаксис, высокое быстродействие и большое сообщество разработчиков. В настоящее время поддерживается подавляющим большинством хостингпровайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических webсайтов. Проект распространяется под собственной лицензией, несовместимой с GNU GPL. Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl. JSP (Java Server Pages) – это часть технологии J2EE, предназначенная для создания сайтов с помощью языка Java. JSP имеет 13 очень много общего с ASP.NET и выбор между этими двумя технологиями чаще всего основывается на субъективных предпочтениях, а не на какихлибо преумуществах или недостатках этих платформ. В последнее время высокую популярность приобрел язык Ruby и, в частности, фреймворк Ruby on Rails. С его помощью можно очень быстро создать сайт с требуемой функциональностью. Одним из существенных недостатков Ruby является низкое быстродействие. Его самыми сильными положительными сторонами являются низкий порог вхождения и активное интернет-сообщество . 1.3 КАЛЕНДАРНЫЙ ПЛАН ПРОЕКТА В этой программе есть несколько параметров, на базе которых и стоится разработка планов, анализ прогресса и эффективности, расчет критического пути. Задача. Любая работа имеет конечную цель. Для успешного планирования нужно составить список задач и подзадач, которые требует решения. Ресурс. Ресурсом может быть и материал, и оборудование. Назначение. Расчет затрачиваемых ресурсов для выполнения конкретной задачи. Назначение помогает ориентироваться во времени реализации проекта. Microsoft project поможет: пошагово разработать и детализировать проект; рассчитать время и трудозатраты; оптимизировать план; сделать анализ текущего состояния проекта и прогресса. создание проекта. 14 Сразу при открытии Microsoft Project предлагает создать проект. Сделать это можно с нуля или загрузить из Excel (изображена на рисунке 1.1). Рисунок. 1.1. Интерфейс программы. При создании проекта достаточно сформировать список задач и добавить их на временную шкалу (изображенная на рисунке 1.2). Рисунок. 1.2. Создание проекта. Чтобы разбить работу на отдельные задачи, нужно внести каждый из предусмотренных шагов в общий план. Для добавления задачи достаточно дважды щелкнуть по ячейке в таблице. В результате откроется диалоговое окно, в котором можно установить следующие параметры: название; способ управления (ручной или автоматический); даты начала и окончания; процент завершения; 15 длительность; приоритет. Есть дополнительные поля для заметок и назначения ресурсов (на рисунке 1.3). Рисунок. 1.3. Дополнительные поля и назначения Управление задачами осуществляется с помощью верхней панели свойств и инструментов. При наведении на отдельные элементы всплывают интерактивные подсказки, которые помогут быстро освоить функционал (на рисунке 1.4). Рисунок. 1.4. Панель свойств и инструментов. Задачам можно присваивать приоритет и создавать связи между ними. Для этого нужно двойным щелчком открыть контекстное меню. На вкладке общих настроек есть поле «Приоритет». В ней присваивается значение, показывающее уровень значимости. С помощью вкладки «Предшественники» можно указать связи между задачами, записав их в порядке очередности. По мере реализации всего проекта это поможет оптимизировать использование выделенных ресурсов. 16 В проекте могут быть последовательности, от которых зависят сроки завершения проекта. Это критический путь — цепочка задач, от своевременного завершения которых зависит своевременное и успешное окончания проекта. Другими словами, это значит, что если какой-то этап критического пути выполнен не вовремя, то намеченную дату окончания придется переносить. Чтобы в диаграмме проекта в MS Project увидеть последовательность задач, которые влияют на сроки, откройте меню «Вид» и перейдите в раздел «Диаграмма Ганта». В нем нажмите кнопку «Формат» и установите галочку в пункте «Критические задачи». Вид → Диаграмма Ганта → Формат → Критические задачи (изображена на рисунке 1.5). Рисунок. 1.5. Готовый календарный график проекта. В результате мы получили календарный график проекта, в соответствии с которым будет выполнятся работа по созданию сайта. Среди задач, которые должны были выполнены для реализации плана, есть те, сроки решения которых влияют на дату окончания всего проекта. Если дата выполнения одной задачи критического пути 17 сдвинется, изменится и срок завершения всего плана. Поэтому за ходом реализации таких этапов нужно следить ежедневно. ГЛАВА 2. ОБЩИЕ СВЕДЕНИЯ ПРОЕКТА 2.1. Анализ программный средств. Notepad ++ — бесплатный текстовый редактор с открытым исходным кодом, а Sublime стоит от 100 долларов. Notepad ++ довольно прост. Sublime предлагает несколько премиальных функций. Он может обрабатывать 4500 пакетов, что намного больше 450, предлагаемых Notepad ++. Каждый текстовый редактор может предложить что-то, что немного отличается от следующего. Это различие может повлиять на опыт, и принятие решения о том, что использовать, больше всего зависит от того, как вы думаете. Некоторые текстовые редакторы ориентированы на быстрое редактирование более крупных проектов, в то время как другие делают упор на простоту, которую часто ищут новички. Новые программисты должны понимать, что существуют также разные типы текстовых редакторов. Существуют простые редакторы, которые позволяют кодировщикам просто писать и редактировать строки кода, а также есть интегрированные среды разработки (IDE). Notepad ++ и Sublime являются IDE, что означает, что они не только позволяют кодировщикам писать и редактировать код, но также могут использовать плагины и иметь доступ к инструментам автоматической отладки. Когда дело доходит до битвы Sublime text и Notepad ++, вы можете подумать о своих навыках и ресурсах (таких как мощность компьютера и бюджет), чтобы принять решение. Возможно, самая большая разница между Sublime и Notepad ++ — это цена. Notepad ++ — это редактор с открытым исходным кодом, который предлагает всё бесплатно. Напротив, Sublime стоит почти 100 18 долларов за лицензию на программное обеспечение. Хотя Sublime действительно даёт своим пользователям возможность использовать бесплатную версию своего текстового редактора, он постоянно будет просить вас купить лицензию по головокружительной цене, особенно с учётом того, что другие текстовые редакторы либо бесплатны, либо почти бесплатны. Принимая во внимание не только свои финансы, обратите внимание на компьютер, который есть в вашем распоряжении. Notepad ++ — это лёгкая программа, разработанная только для Windows. Это отличная стартовая программа для тех, кто пользуется старыми компьютерами Windows, которые, возможно, только начинают свою карьеру в программировании и ещё не нуждаются в более сложном устройстве, чтобы провести их через свой путь программирования. Между тем, Sublime — это многоплатформенный инструмент, способный работать в Windows, Linux и Mac. Это означает, что Sublime не ограничивается интерфейсом Windows, но может работать даже на Macbook. Несмотря на то, что он немного «тяжелее», чем Notepad ++, Sublime по-прежнему считается лёгкой программой, которая вряд ли вызовет нагрузку на ваш компьютер. Тип проекта будет самым большим определяющим фактором того, насколько полезен один текстовый редактор над другим. Notepad ++ — небольшая программа, предназначенная для небольших проектов. Это отличный текстовый редактор для начинающих программистов, который может изучить основы, поддерживает только 600 пакетов (папок) с минимальными дополнительными функциями. Notepad ++ позволяет пользователям учиться программировать, не отвлекаясь от всех других возможностей, которые может предложить кодирование. Однако, устраняя такое количество подключаемых модулей и функций, он ограничивает размер проекта, который кто-то может эффективно создать в Notepad ++. 19 Поэтому, если вы работаете над более крупной задачей, вы найдёте Sublime гораздо более надёжным вариантом. Программирование язык будет диктовать конечный результат проекта. Поэтому важно убедиться, что, во-первых, вы используете правильный язык для ожидаемого результата, а во-вторых, ваш текстовый редактор поддерживает этот язык. И Notepad ++, и Sublime совместимы с большинством основных языков, таких как HTML, Java, Python и C ++. Notepad ++ поддерживает почти 80 языков и может компилировать C ++. Хотя для такой маленькой программы это впечатляет, Sublime предлагает ещё больше услуг для программистов. Sublime может работать с более чем 80 компьютерными языками и компилировать как C ++, так и Python . Плагины, которые предлагает Sublime, позволяют кодерам работать с ещё большим количеством языков для компиляции и запуска своего кода. Notepad ++ — один из старейших редакторов с открытым исходным кодом, который был включён в список лучших текстовых редакторов для операционной системы Windows. Это простая и понятная среда IDE для начинающих программистов, которая не будет перегружать своих потребителей длинными списками ярлыков или сложных плагинов. Однако это очень упрощённая программа, которая затрудняет выполнение крупных проектов. Между тем, согласно таким источникам, как Kinsta , Tech Radar и Tech Times , Sublime постоянно входит в десятку лучших текстовых редакторов. Sublime гладкий, высокопроизводительный и наполнен функциональными элементами. Однако IDE также довольно дорога, так как полная лицензия стоит 80 долларов. Однако тот факт, что Sublime является кроссплатформенным и может работать практически в любой операционной системе, в отличие от Notepad ++, который работает только в Windows, может компенсировать стоимость. 20 Выбор между этими текстовыми редакторами действительно зависит от кодировщика. Вы новичок или продвигаетесь вперёд в программировании? Какой компьютер и программное обеспечение вы используете? Какие языки вы знаете и знаете, какова ваша конечная цель? Всё это будет определяющим фактором при выборе между Notepad ++ или Sublime. Независимо от вашего выбора, настойчивость в обучении и желание развивать свои навыки проложат путь к вашей карьере. Текстовый редактор может быть важным инструментом, но ваш ум попрежнему остаётся лучшим инструментом, которым вы располагаете. 2.2 Разработка сайта Верстка была выполнена на языке гипертекстовой разметки HTML, с использованием таблиц каскадных стилей CSS. Для обеспечения кроссбраузерности веб-сайта, была подключена таблица каскадных стилей Normalize, сбрасывающая настройки браузеров, установленные разработчиками значениями по умолчанию. Для разработки и реализации сайта были выбраны следующие программные средства: - Denwer; - Notepad++; - программное средство open server; - язык разметки гипертекста html и css; - язык программирования php; - phpmyadmin; - adobe photoshop CS6; - JavaScript. Denwer - набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов на локальном ПК (без необходимости подключения к сети Интернет). Возможности Denwer: Сразу после 21 установки доступен полностью работающий web-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. При запуске создается виртуальный диск (по умолчанию Z:), где хранятся все файлы проектов. Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры - это портативная серверная платформа и программная среда, созданная специально для web-разработчиков с учётом их рекомендаций и пожеланий. PHPMyAdmin - это программа написанная на PHP и предназначенная для управления сервером MySQL через всемирную сеть. PHPMyAdmin поддерживает широкий набор операций над MySQL. Наиболее часто используемые операции поддерживаются с помощью пользовательского интерфейса (управление базами данных, таблицами, полями, связями, индексами, пользователями, правами, и т.д.), одновременно вы можете напрямую выполнить любой SQL запрос. AdobePhotoshop - многофункциональный графический редактор, разработанный и распространяемый фирмой AdobeSystems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Программа позволяет всестороннюю обработку графики и цифровых фотографий - здесь можно делать маски, вырезание, добавление элементов или изменить пропорции объектов - от зданий до персонажей. Количество слоев и масок здесь практически ничем не 22 ограничено, а к этому добавляются сотни эффектов, фильтров и других аксессуаров. CSS используется создателями web - страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры webстраницы от описания внешнего вида этой web-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях. PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools - «Инструменты для создания персональных web - страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web - приложений. В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web - сайтов. Для создания адаптивной верстки был применен фраймеворк Twitter Bootstrap 2.3. Для поддержки решений, написанных на языке JavaScript, была подключена библиотека jQuery 1.8.1. В данной работе применяется блоковая, резиновая верстка. Twitter Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения. 23 jQuery 1.8.1 jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Разработка слайдера. Слайдер, располагающийся на некоторых страницах сайта реализован с помощью языка программирования JavaScript. Слайдер выводит поочередно элементы слайдера на веб-страницу. Это действие достигается путем изменения параметра у элемента со значения «none» свойства display на значение «block». Отображение блоков происходит поочередно, через определенный промежуток времени, или после нажатия на кнопки «влево» или «вправо», находящиеся по бокам слайдера. Анимация перехода на слайдере создана путем изменения положения элементов на странице. Это достигается при помощи изменения параметра left. 2.3 Оценка стоимости Стоимость проекта определяются ресурсами, которые необходимо затратить для того, чтобы реализовать проект. В части могут требоваться следующие ресурсы: если проект связан с производством новой продукции, модернизацией или увеличением производственной мощности – это стоимость оборудования; если проект связан с процессом обслуживания или оказания услуг, то это стоимость оборудования необходимого для обеспечения процесса; 24 трудовые ресурсы, необходимые для выполнения запланированных действий по проекту; необходимые внеоборотные активы: здания, сооружения; материальные затраты, необходимые для реализации проекта; транспортные расходы. А также ряд других ресурсов, вид которых обусловлен потребностью для обеспечения выполнения действий по проекту. Оценка стоимости проекта, по сути, является оценкой всех затрат, необходимых для успешной и полной реализации проекта. Все затраты можно разбить на три группы: 1. При заказе выполнения, какой либо услуги или товара до момента наступления процесса их использования, возникает обязательство. 2. Затраты, которые планируется по ходу выполнения работ называется бюджетные затраты. 3. Затраты, которые возникают по ходу выполнения работ по проекту называются фактические затраты. Рассмотрим каждый вид стоимости проекта. На первой этапе цель оценки стоимости проекта заключается в выявлении его жизнеспособности. Иными словами необходимо определить возможность с финансовой точки зрения его реализовать. Данный вид стоимости проекта характеризуется низким уровнем достоверности (вероятность погрешности составляет от 20% до 40%) На втором этапе цель оценки стоимости проекта заключается в процессе сопоставления затрат которые планируется понести чтобы реализовать проект и установленными бюджетными лимита. Данный вид стоимости проекта характеризуется низким уровнем достоверности (вероятность погрешности составляет от 20% до 30%) На третьем этапе цель оценки стоимости проекта заключается: 25 В обосновании принятия управленческого решения относительности будет проект принят или нет; Утверждение объема финансирования проекта; Определение источников финансирования проекта; Формирование детализированного и согласованного бюджета проекта. Данный вид стоимости проекта характеризуется среднем уровнем достоверности (вероятность погрешности составляет от 15% до 20%) На четвертом этапе цель оценки стоимости проекта заключается формировании окончательной варианта сметной документации. Которая служит основой в дальнейшим процесса управления стоимостью проекта. Данный вид стоимости проекта характеризуется высоким уровнем достоверности (вероятность погрешности составляет от 3% до 5%) На пятом этапе цель фактической оценки стоимости проекта заключается в определении фактически понесенных затрат в процессе реализации проекта. Цель прогнозной оценки стоимости проекта на данном этапе заключается в прогнозировании объема затрат, которые будут понесены в процессе реализации проекта. Для прогнозной оценки стоимости проекта на пятом этапе характерно высокий уровень достоверности (вероятность погрешности составляет от 3% до 5%). На шестом этапе цель фактической оценки стоимости проекта заключается в определении фактически понесенных затрат в процессе сдачи в эксплуатацию проекта. Цель прогнозной оценки стоимости проекта на данном этапе заключается в прогнозировании объема затрат, которые будут понесены в процессе сдачи проекта. Для прогнозной оценки стоимости проекта на пятом этапе характерно высокий уровень достоверности (вероятность погрешности составляет от 3% до 5%) . На седьмом этапе цель фактической оценки стоимости проекта заключается в определении фактически понесенных затрат в процессе 26 эксплуатации проекта. Цель прогнозной оценки стоимости проекта на данном этапе заключается в прогнозировании объема затрат, которые будут понесены в процессе эксплуатации. На восьмом этапе цель фактической оценки стоимости проекта заключается в определении полных фактически понесенных затрат по проекту. Примерная стоимость интернет магазина «Красное&Белое»— от 8000 до 10000 в час. 27 ЗАКЛЮЧЕНИЕ В результате проделанной работы был создан веб-сайт «Красное&Белое». При создании сайта были использованы самые популярные технологии, такие как HTML, CSS, JavaScript. Полученный сайт является адаптивным и имеет четкую логическую структуру, что без особого труда позволит привязать данный веб-сайт к какой-либо системе управления сайтами, использовать и развивать сайт в дальнейшем. Разработанный веб-сайт имеет понятный и простой пользовательский интерфейс, что обеспечит одобрение сайта со стороны клиентов Интернет-магазина. Реализованный сайт позволяет отображать информацию о товарах, о категориях товаров, позволяет клиентам добавлять товары в корзину, оформлять заказ. Данный веб-сайт создан для русскоговорящей аудитории. Сайт можно использовать для продаж товаров Интернет-магазина на территории стран СНГ. Постоянно увеличивается число пользователей Интернета, и лиц осуществляющих покупки посредством него. Данный проект является удобной WEB - системой, которая дает возможность пользователям заказать любую продукцию, не выходя из дома или офиса. Интернетмагазин удобен для людей, которым не хватает времени для походов по магазинам. 28 СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 1. Дронов, Владимир Macromedia Dreamweaver 4: разработка Web-сайтов; M.: БХВ - Москва, 2019. - 608 c. 2. Колисниченко Д.Н. Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke: учебное пособие / Колисниченко Д.Н. — СПб.: БХВПетербург, 2020. - 357 c. 3. Кузнецов М., Симдянов И. PHP. Практика создания Web-сайтов; БХВПетербург - Москва, 2019. - 347 c. 4. Макфарланд Д. Большая книга CSS3: учебное пособие / Макфарланд Д. — СПб.: Питер, 2021. — 608 с 5. Марк Д. Joomla. Программирование: учебное пособие / Марк Д., Луис Л. — М.: Вильямс, 2019. - 592 с. 6. Хуторской А. В., Орешко А. П. Технология создания сайтов. 10-11 классы; Дрофа - Москва, 2020. - 256 c. 7. Бенкен Е., PHP, MySQL, XML. Программирование для Интернета Елена Бенкен - СПб: БХВ-Петербург, 2021. - 304 с. 29
