Курсовая работа. 41 Мне нравится ходить в магазин каждую неделю

Название	41 Мне нравится ходить в магазин каждую неделю
Дата	25.09.2022
Размер	0.68 Mb.
Формат файла
Имя файла	Курсовая работа.docx
Тип	Документы #694704

Введение

В данной курсовой работе я создам макет сайта по продаже продуктов питания. В ней будут предоставлены самые известные бренды и фавориты продаж.

Продажа продуктов питания через Интернет довольно популярна на данный момент времени. В 2018 году доставка продуктов в России составляла 34%, это на 14% больше, чем в 2017 году, и на 24% больше в 2015 году. Одним из существенных факторов, который влияет на желание совершать покупки в онлайне — банальная возможность совершать такие покупки, предоставляемая самим магазином. В 2017-ом году каждый пятый покупатель не покупал продукты в сети просто потому, что у магазина не было соответствующей опции. Среди онлайн-покупателей самым популярным вариантом является доставка на дом, однако статистика говорит о том, что все же необходимо предоставлять клиентам выбор.

Итак, 78% пользователей не совершали покупки онлайн. Но почему? Исследователи выделяют несколько ключевых причин:

41% — «Мне нравится ходить в магазин каждую неделю»;
36% — «Я не хочу платить больше»;
33% — «Мне не нравится, что кто-то другой собирает/выбирает мою пищу»;
25% — «Местный магазин не предлагает такой возможности»;
11% — «Я собирался, но не нашел времени».

В 2017-ом абсолютное большинство из тех, кто делал покупку онлайн, делал это хотя бы еще раз. И больше половины делают это хотя бы раз в месяц.

Доставка еды и продуктво в России начала активно формироваться как рынок в 1990–2000 году. В этoт период основными игроками были пиццерии и рестораны японской кухни ,и магазины, а главным каналом заказов был телефон. В Европе и Америке такие сервисы стали активно работать в 1960–х. Сейчас заказать можно что угодно, где угодно и как угодно: к этому российский рынок доставки еды шел почти 20 лет.

Один из самых быстрорастущих сегментов – доставка продуктов на дом.

К "Утконосу", Инстамарту сравнительно долгое время существующим на рынке, с 2017 года присоединяются продуктовые сети, которые активно запускают собственные онлайн–магазины. Попробовав один раз доставку из магазина, клиенты входят во вкус: не надо тратить силы на дорогу, стоять, ждать в очереди и таскать тяжелые сумки. Свои службы доставки есть у "О’кея" и "Перекрестка". Российский рынок online grocery оценивается примерно в $400 млн. По прогнозам Forrester, к 2021 году он достигнет $3,1 млрд.

Я выбрал эту тему курсовой работы потому что, считаю что Россия может и дальше развиватся в этом направление.

Цель данной работы – спроектировать макет сайта с помощью специальных программ, и своими потребностями.

Задачи курсовой работы:

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

Цели курсовой работы:

создание графического объекта;
создание программного кода Web-документа;
применение технологий продвижения Web-услуг;
разработка технической документации Web-приложений.

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

Cредства разработки.

Adobe Photoshop — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений и наиболее известной программой фирмы Adobe.

В настоящее время Photoshop доступен на платформах macOS, Windows, в мобильных системах iOS, Windows Phone и Android. Также существует версия Photoshop Express для Windows Phone 8 и 8.1. В 2014 году в США проходило бета-тестирование потоковой версии продукта для Chrome OS. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка прекращена начиная с третьей версии продукта. Для версий 8.0 и CS6 возможен запуск под Linux с помощью альтарнативы Windows API — Wine^.

Хотя изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне. Вместе с более ранними версиями Photoshop распространялась специальная программа для этих целей — Adobe ImageReady (для анимации файлов GIF), которая была исключена из поставки Photoshop CS3за счёт интеграции её функций в основной графический редактор, а также включения в линейку программных продуктов Adobe Fireworks, перешедшего в собственность Adobe после приобретения компании Macromedia.

Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и пр. творчества. Совместно с такими программами, как Adobe ImageReady (программа упразднена в версии CS3), Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и Интернета. Photoshop также прижился в кругах разработчиков компьютерных игр.

Основной формат Photoshop — PSD — может быть экспортирован и импортирован всеми перечисленными выше программными продуктами. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS3 в версии Extended поддерживает также работу с трёхмерными слоями. Из-за высокой популярности Photoshop поддержка специфического для неё формата PSD была реализована во многих графических программах, таких, какAdobe Fireworks, Photo-Paint, WinImages, GIMP, SAI, PaintShop Pro и других.

Photoshop поддерживает следующие цветовые модели или способы описания цветов изображения (в аннотации самой программы — режим изображения):

RGB
LAB
CMYK
В градациях серого
Чёрно-белые
Duotone
С 256-цветовой палитрой (Indexed)
Многоканальные (Multichannel)

Поддерживается обработка изображений с глубиной цвета 8 бит (256 градаций на один канал), 16 бит (используется 15 бит плюс один уровень, то есть 32769 уровней) и 32 бита (используются числа одинарной точности с плавающей запятой). Возможно сохранение в файле дополнительных элементов, как то: направляющих (Guide), каналов (например канала прозрачности — Alpha channel), путей обтравки (Clipping path), слоёв, содержащих векторные и текстовые объекты. Файл может включать цветовые профили (ICC), функции преобразования цвета (transfer functions). Допускаются неквадратные пиксели (Pixel Aspect Ratio).

Расширенная версия программы Adobe Photoshop Extended предназначена для более профессионального использования, а именно — при создании фильмов, видео, мультимедийных проектов, трёхмерного графического дизайна и веб-дизайна, для работы в областях производства, медицины, архитектуры, при проведении научных исследований.

В программе Adobe Photoshop Extended современных версий (начиная с CS4) можно открывать и работать с 3D-файлами, создаваемыми такими программами, как Adobe Acrobat 3D, Autodesk 3ds Max, Maya и Google Планета Земля. Photoshop поддерживает следующие форматы файлов 3D: U3D, 3DS, OBJ, KML и DAE.

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

Для имитации движения в Photoshop можно создавать кадры мультипликации, используя слои изображения. Можно создавать видеоизображения, основанные на одной из многих заданных пиксельных пропорций. После редактирования можно сохранить свою работу в виде файла GIF-анимации или PSD, который впоследствии можно проиграть во многих видеопрограммах, таких, как Adobe Premiere Pro или Adobe After Effects. Доступно открытие или импортирование видеофайлов и последовательности изображений для редактирования и ретуширования, создание видеоряда мультипликации и экспорт работ в файл формата QuickTime, GIF-анимацию или последовательность изображений. Видеокадры можно отдельно редактировать, трансформировать, клонировать, применять к ним маски, фильтры, разные способы наложения пикселей, на них можно рисовать, используя различные инструменты.

Microsoft Windows (англ. windows — окна) — семейство операционных систем корпорации Майкрософт (Microsoft), ориентированных на применение графического интерфейса при управлении. Изначально были представлены многофункциональными надстройками для MS-DOS.

Операционная система Windows обеспечивает значительные удобства для программистов и пользователей. Большинство пользователей компьютеров используют Windows в своей работе. Широчайшее распространение ОС Microsoft Windows сделало ее фактическим стандартом для компьютеров класса IBM.

В настоящее время Microsoft Windows установлена менее чем на 90 % персональных компьютеров и рабочих станций. По данным компании Net Applications, на март 2011 года рыночная доля Windows составляла 89,69 %.

В ОС Windows гораздо лучше, чем в других операционных системах :

- налажено взаимодействие между пользователем и компьютером;

- большинство повседневных задач выполняются с меньшими, чем когда-либо, затратами времени;

- решена значительная часть проблем с распределением памяти;

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

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

- поддержка в Windows стандарта «plug-and-play» упрощает модернизацию оборудования;

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

- и пр.

Большая часть всего этого доступна без ущерба для производительности ПК. А многие процессы, например печати, идут теперь гораздо быстрее благодаря 32-битному режиму и другим усовершенствованиям.

В отличие от DOS, Windows не только обеспечивает пользователям удобный и наглядный интерфейс для операций с файлами, дисками и пр., но и предоставляет новые возможности для запускаемых в «родной» среде программ.

Одними из основных целей разработчиков Windows являются:

- создание документированного интерфейса;

- резкое снижение требований к подготовке пользователя;

- упрощение работы на компьютере.

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

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

Создателем первого в мире сайта был англичанин Тим Бернерс-Ли. Сделанный им первый сайт имеет датой рождения 1990 год. Назывался он info.cern.ch. Британский ученый разместил на этом ресурсе данные по новейшей технологии передаче информации под названием World Wide Web. По русски эти слова как раз и означали всемирную паутину. Разработанная изобретателем система включала в себя внедрение таких технических средств, как протокол передачи данных HTTP, специальный язык HTML, используемом для разметки текстов, а также систему веб-адресов формы URI. Тим Бернерс-Ли расположил на этом первом в мире веб-ресурсе разработанные им принципы функционирования и установок браузеров и серверов.

Несколько позже первый сайт превратился и в первый каталог. После того, как появилось некоторое количество других сайтов, ученый разместил на своем ресурсе ссылки на них.

Проводя свои опыты и разработки, изобретатель Всемирной паутины создал такие уникальные вещи, как первый браузер WorldWideWeb. Эта разработка уже имела функции виртуального редактора и распознавания гипертекстов. Он организовал первый виртуальный сервер и открыл первые веб-страницы.

Родитель Интернета был глубоко убежден, что гипертекст может лежать в основе обмена данными для сетей. Он долго трудился, чтобы внедрить эту концепцию в повседневную жизнь. И, в конечном, итоге, ему это удалось. Считается, что именно Тим Бернерс-Ли создал основные веб-технологии: HTML, HTTP, URI/URL. Несмотря на то, что до него теоретически к этому близко подходили и другие ученые.

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

Американские ученые Даг Энгельбарт и Теодор Нельсон предлагали свою технологию гипертекста. То есть такого текста, который «ветвится», позволяя читателям использовать разные варианты чтения. Нельсон хотел внедрить связывание текстов перекрестными ссылками, обхватив этим всё, что написано человечеством.
1.3 Доставка продуктов питания за рубежом. Известные бренды и другое.

Instacart - доставка доступна из различных продуктовых магазинов в вашем районе, включая аптеки, магазины товаров для животных и, в некоторых районах, магазины спиртных напитков.Instacart доступен в 40 штатах, плюс Вашингтон, округ Колумбия. Учитывается ценовая политика каждого продавца. В то время как большинство предложений обещают «ежедневные цены магазинов», другие дают понять, что удобство Instacart заставит вас платить больше, чем в магазинах. Членство не требуется для использования услуги, но если вы предпочитаете пропускать плату за доставку каждый раз, когда оформляете, зарегистрируйтесь в Instacart Express. В обмен на плату в размере 149 долларов США в год вы получите бесплатную доставку за каждый заказ более 35 долларов США. Стоимость доставки: от $5,99 до $11,99 для не-членов. Заказы от $35 стоят дороже. Если вам нужны продукты через час, заплатите больше. Купоны Instacart предлагают специальные рекламные акции, которые вы увидите при входе в свою учетную запись. После того, как вы закажете требуемую сумму или тип продукта, скидка автоматически применяется к вашему заказу.Shipt доставляет из различных продуктовых магазинов в вашем районе. Доставка алкогольных напитков также доступна в некоторых местах. Доступен на большей части Юго-востока, в районе Чикаго и в некоторых частях Техаса. Цены немного выше, чем если бы вы отправились на шопинг самостоятельно.Членство Shipt предлагает бесплатную двухнедельную версию, прежде чем вы сможете отдать $99 в год или $14 в месяц за неограниченную бесплатную доставку.Стоимость доставки участники должны потратить не менее 35 долларов США, чтобы получить бесплатную доставку. Если ваш заказ меньше этого, вы должны заплатить комиссионный сбор в размере 7 долларов США.Купоны Shipt размещает специальные предложения в приложениях, но не позволяет использовать купоны производителя или магазина.

Peapod - товары направляются со склада Peapod прямо к вам домой. Сервис связан с продовольственными магазинами Ahold-Delhaize, включая Giant и Stop & Shop. В некоторых районах доступна автоматическая доставка в изолированном контейнере (вам необязательно даже быть дома). Peapod доступен в Новой Англии, в средней Атлантике и на Среднем Западе.

Пресс-секретарь подтвердил, что цены на доставку сопоставимы с ценами на складе, но «есть некоторые отличия, поскольку склады Peapod работают отдельно».Членство не требуется. Peapod предлагает PodPass, неограниченные поставки для заказов от 100 долларов США и более по установленной цене. Год неограниченной доставки обойдется в $119. Есть также 3-x и 6-месячные варианты подписки за $49 и $69. Если вы заплатите за PodPass, но сумма вашего заказа составит всего 60-99,99 долларов, оплатить придется доставку, превышающую 7,95 долларов. Стоимость доставки вы должны сделать заказ не менее, чем на $60, чтобы получить доставку за $7,95-9,95 — чем больше ваш заказ, тем дешевле доставка. Peapod предлагает скидки на доставку, если вы выбираете непиковое время. Вы можете запланировать доставку даже на следующий день или до двух недель.Купоны Peapod принимает купоны производителя и удваивает их до 99 центов.

Walmart - предлагает два варианта заказа продуктов. В некоторых регионах вы можете отправить свой заказ к себе домой. В других — разместить в окошке, чтобы доставку осуществили до вашей машины возле магазина.

Доставка в тот же день возможна практически везде, кроме Вайоминга, Монтаны и Новой Англии.Цены доставки такие же, как если бы вы сами покупали в магазине.Членство не требуется.Стоимость доставки Walmart пока не дает такую информацию.Купоны Walmart не принимает купоны на доставку. Если вы используете приложение Savings Catcher, оно проверит, чтобы ваша цена была наиболее выгодной, и даже вернет часть средств.

Глава 2. Практическая часть. Проектирование и разработка сайта.

Язык гипертекстовой разметки HTML и CSS.

HTML — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.Язык HTML до 5-й версии определялся как приложение SGML (стандартного обобщённого языка разметки по стандарту ISO 8879). Спецификации HTML5 формулируются в терминах DOM (объектной модели документа).Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования. Первым общедоступным описанием HTML был документ «Теги HTML», впервые упомянутый в Интернете Тимом Бернерсом-Ли в конце 1991 года,. В нём описываются 18 элементов, составляющих первоначальный, относительно простой дизайн HTML. За исключением тега гиперссылки, на них сильно повлиял SGMLguid, внутренний формат документации, основанный на стандартном обобщенном языке разметки (SGML), в CERN. Одиннадцать из этих элементов всё ещё существуют в HTML 4.Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи.

CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. CSS используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

HTML и CSS сайта.

На сегодняшний день HTML остается самым универсальным, даже незаменимым средством разметки гипертекста, а, следовательно, и публикации в Интернет, и разработка сайтов.

HTML код: