Создание сайта для детского сада

Тип работы: Дипломная работа
Бесплатно: Антиплагиат
Объем: 63 страниц
В избранное:

ТОО «КОЛЛЕДЖ «ӘДІЛЕТ»

Специальность 1304000 «Вычислительная техника и программное обеспечение (по видам) »

ДОПУЩЕН К ЗАЩИТЕ

Исполнительный директор

ТОО «Колледж «Әділет»

А. М. Мирманова

2022 г.

ДИПЛОМНЫЙ ПРОЕКТ

на тему: «Создание сайта для детского сада»

Алматы, 2022 г.

Специальность 1304000 - «Вычислительная техника и программное обеспечение (по видам) »

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

к дипломному проекту

Дипломник: Анваров Исламжан Акрамович

Группа: ВР 18-1

Проект выполнен:

(дата) (месяц) (год) (подпись дипломника)

Руководитель проекта Айманова Айгуль Адильбековна 18. 05. 2022г.

(подпись) (Ф. И. О. ) (дата)

Консультант по экономике Алишева Манат Шахановна 18. 05. 2022г.

(подпись) (Ф. И. О. ) (дата)

Консультант по охране труда и ТБ Алишева Манат Шахановна 18. 05. 2022г.

(подпись) (Ф. И. О. ) (дата)

Нормоконтроль Аксёнова-Гяурова Оксана Викторовна 18. 05. 2022г.

(подпись) (Ф. И. О. ) (дата)

К защите дипломного проекта допущен:

Зам. исп. директора по УР Дигарбаева С. Д.

Дипломный проект защитил с оценкой

Секретарь комиссии по итоговой

Государственной аттестации Ергешева Жанар Қуанышбекқызы

(подпись) (Ф. И. О. )

Алматы, 2022 г

Содержание

Введение

: 1.

Введение: Общая часть

4: 6

: 2.

Введение: Специальная часть

4: 23

: 3.

Введение: Организация производства

4: 30

: 4.

Введение: Экономическая часть

4: 37

: 5.

Введение: Охрана труда

4: 45

: 6.

Введение: Заключение

4: 50

: 7.

Введение: Список литературы

4: 52

: 8.

Введение: Приложения

4: 53

: 9.

Введение: Листинг программы

4: 55

Введение

Краткое описание предметной области, в которой ставится задача:

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

Причина возникновения решаемой задачи:

В 21 веке все больше набирает популярность всемирная сетевая паутина - Интернет (Ethernet), в следствии этому люди тратят меньше времени на поиск информации касательно того, какие у них возникают потребности. На примере с моим сайтом о детском саде, можно сделать вывод, что это во-первых: когда человек хочет найти подходящий детский сад, он может не выходя из дома посмотреть интересующий детский садик. Во-вторых: на сайте имеется местоположение, если человек захочет найти близкое расположение к своему дому . В-третьих: наличие веб-сайта способствует потоку новых клиентов, из-за того что: людям легче серфить(посещать) интернет пространство, нежели ходить по улицам и тратить свое время на похождение вживую.

Оценка современного состояния решаемой задачи

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

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

Актуальность темы:

Как я и сказал ранее, актуальность веб-сайта для развития бизнеса актуальна как никогда. Экономия времени, жизненных ресурсов, маркетинговый ход- Пояснение : большинство людей предрасположены к таким компаниям, у которых есть красиво оформленный сайт, он придает статус компании и хозяину бизнеса.

Цель работы:

Цель работы заключается в разработке сайта для детского сада. Так как он у меня выдуманный ( данного сада не сущетсвует) я предположу, что заказчик в целях раскрутки своего бизнеса заказал разработать сайт.

Обоснование необходимости решения задачи:

Раскрутка бизнеса, привлечение постоянных клиентов, сокращение траты времени на посещение детского сада вживую.

Общая часть

«Описание программного обеспечения»

Назначение и состав программного и аппаратного обеспечения:

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

Зачем нужна операционная система?

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

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

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

История развития Windows

На сегодняшний день более популярными операционными концепциями считаются ОС рода Microsoft Windows, а также UNIX-аналогичные концепции.

По ходу работы над дипломным проектом использовалось довольно большое количество программ.

Первая версия Windows, выпущенная в 1985 году, представляла собой простой графический интерфейс, предлагается как расширение существующей дисковой операционной системы Microsoft или MS-DOS. Частично основанная на лицензионных концепциях, которые Apple Inc. использовала для своего системного программного обеспечения Macintosh, Windows впервые позволила пользователям DOS визуально перемещаться по виртуальному рабочему столу, открывая графические «окна», отображающие содержимое электронных папок и файлов одним щелчком мыши.

В последующих версиях были представлены более широкие функциональные возможности, включая собственные программы Windows File Manager, Program Manager и Print Manager, а также более динамичный интерфейс. Microsoft также разработала специализированные пакеты Windows, включая сетевую Windows для рабочих групп и Windows NT, нацеленную на бизнес. Потребительский выпуск 1995 года Windows 95 полностью интегрировал Windows и DOS и предлагал встроенную поддержку Интернета, включая браузер Internet Explorer.

С выпуском Windows XP 2001 года Microsoft объединила свои различные пакеты Windows под одним названием, предложив несколько выпусков для потребителей, предприятий, разработчиков мультимедиа и других. Windows XP отказалась от давно используемого ядра Windows 95 (основного программного кода) в пользу более мощной кодовой базы и предложила более практичный интерфейс и улучшенное управление приложениями и памятью. На смену чрезвычайно успешному стандарту XP в конце 2006 года пришла Windows Vista, которая пережила проблемы с развертыванием и встретила значительное сопротивление рынка, быстро завоевав репутацию большой, медленной и ресурсоемкой системы. В ответ на неутешительную скорость принятия Vista, Microsoft в 2009 году выпустила Windows 7, ОС, интерфейс которой был похож на Vista, но был встречен с энтузиазмом благодаря заметному увеличению скорости и скромным системным требованиям.

Создание сайта происходило на операционной системе Windows 10. Операционная система Windows была основана в 1985 году. На данный момент есть довольно большое количество различных видов операционных систем, но именно Windows стоит у 85 процентов всех пользователей.

Со старта работы над разработкой операционной системой Windows прошло довольно большое количество лет. За все это время было создано немало версий, из них считаются самые популярные:

Windows XP - это одна из самых успешных и лучших версий Windows. Данная версия была создана в 2001 году, название происходит от experience. Она считалась профессиональной версией, и в ней было на то время довольно большое количество возможностей.

Windows7 - данная версия среди всех пользователей считалась лучшей и самой любимой и понятной версией. Вышла Windows под названием 7 в 2009 году. Пользователи полюбили данную модель за ее понятный интерфейс, оптимизацию и самое главное, это большое количество новых дополнений. В дополнения входили виджеты, гаджеты, персонализация и многое другое. По сравнению с предыдущей версией это был прорыв инноваций в операционных системах.

Windows 8 - следующая в линейке новых операционных систем от Microsoft была Windows 8. В данной части был изменен редизайн, добавилось еще большее количество дополнений. Но пользователи данную часть не оценили из-за не оптимизации, данная версия довольно сильно затормаживалась, многие стационарные компьютеры и ноутбуки ее не могли поддерживать. Основана была данная часть в 2012 году.

Windows 8. 1 профессиональная версия - данный релиз вышел в 2013 году в связи с довольно большим количеством плохих отзывов о обычной Windows 8. В данной версии были исправлены все технические неполадки. Было добавлено еще большее количество новых дополнений, была выполнена работа с оптимизацией работы для стационарных компьютеров, портативных устройств и для решения задач по серверной части в Windows Server.

В 2015 годы, минуя 9-ю часть, выходит одна из самых лучших частей от Microsoft, Windows10. В данной части произошел снова небольшой редизайн, были добавлены новые дополнения и произведена синхронизация рабочего процесса.

Пользователи снова полюбили Windows10 за то, что Microsoft воссоздали новое поколение с душой Windows 7. Данная часть на данный момент считается последней. Многие на данный момент ожидают скорейшего выхода новый части Windows в свет. На данной операционной системе в данный момент я и работаю и произвожу полную работу над дипломным проектом.

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

Есть несколько причин, по которым Windows остается настолько популярным в наше время, это надежность, хорошая поддержка аппаратной части, большое количество софта, легкая установка и легкость настройки.

Программа для работы с макетом сайта

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

После этого я приступил к созданию макета сайта. Создавал макет в многофункциональном графическом редакторе Adobe Photoshop.

Аdobe Photoshop - профессиональный растровый графический редактор, который заслуживает называться лидером среди платных программ. Его богатый функционал обеспечивает пространство для реализации творческих идей. Корректирование графических изображений осуществляется в сверхточном режиме.

Данный графический редактор был создан 19 февраля 1990 года.

На данный момент вышло большое количество новых версий графического редактора. Макет сайта создан в графическом редакторе Photoshop 2020 года. В данной версии программы добавлено очень большое количество привилегий при создании макетов сайта.

Разработка информационного сайта осуществлялась в текстовом редакторе Visual Studio Code.

Visual Studio Code (VS Code) - редактор исходного кода, разработанный Microsoft для Windows, Linux и macOS. Позиционируется как «лёгкий» редактор кода для кроссплатформенной разработки веб- и облачных приложений. Включает в себя отладчик, инструменты для работы с Git, подсветку синтаксиса, IntelliSense и средства для рефакторинга. Имеет широкие возможности для кастомизации: пользовательские темы, сочетания клавиш и файлы конфигурации. Распространяется бесплатно, разрабатывается как программное обеспечение с открытым исходным кодом, но готовые сборки распространяются под проприетарной лицензией.

Возможности Visual Studio Code

Visual Studio Code основан на Electron и реализуется через веб-редактор Monaco, разработанный для Visual Studio Online.

Visual Studio Code - это редактор исходного кода. Он имеет многоязычный интерфейс пользователя и поддерживает ряд языков программирования, подсветку синтаксиса, IntelliSense, рефакторинг, отладку, навигацию по коду, поддержку Git и другие возможности. Многие возможности Visual Studio Code недоступны через графический интерфейс, зачастую они используются через палитру команд или JSON-файлы (например, пользовательские настройки) . Палитра команд представляет собой подобие командной строки, которая вызывается сочетанием клавиш.

VS Code также позволяет заменять кодовую страницу при сохранении документа, символы перевода строки и язык программирования текущего документа.

С 2018 года появилось расширение Python для Visual Studio Code с открытым исходным кодом. Оно предоставляет разработчикам широкие возможности для редактирования, отладки и тестирования кода.

Также VS Code поддерживает редактирование и выполнение файлов типа «Блокнот Jupyter» (Jupyter Notebook (англ. ) ) напрямую «из коробки» без установки внешнего модуля в режиме визуального редактирования и в режиме редактирования исходного кода.

На март 2019 года посредством встроенного в продукт пользовательского интерфейса можно загрузить и установить несколько тысяч расширений только в категории «programming languages» (языки программирования) .

Также расширения позволяют получить более удобный доступ к программам, таким как Docker, Git и другие. В расширениях можно найти линтеры кода, темы для редактора и поддержку синтаксиса отдельных языков.

Framework Bootstrap 5

Bootstrap - это бесплатный CSS-фреймворк с открытым исходным кодом, предназначенный для адаптивной веб-разработки с ориентацией на мобильные устройства . Он содержит HTML, CSS и (необязательно) шаблоны дизайна на основе JavaScript для типографики, форм, кнопок, навигации и других компонентов интерфейса.

По состоянию на апрель 2022 года Bootstrap является одиннадцатым самым звездным проектом на GitHub с более чем 156 000 звезд.

Характеристики Bootstrap

Bootstrap - это библиотека HTML, CSS и JS, ориентированная на упрощение разработки информативных веб-страниц (в отличие от веб-приложений) . Основная цель добавления его в веб-проект - применить к этому проекту выбранные Bootstrap цвета, размер, шрифт и макет. Таким образом, основным фактором является то, найдут ли ответственные разработчики эти варианты по своему вкусу.

После добавления в проект Bootstrap предоставляет базовые определения стилей для всех элементов HTML. Результатом является единообразный внешний вид текстов, таблиц и элементов форм во всех веб-браузерах. Кроме того, разработчики могут воспользоваться классами CSS, определенными в Bootstrap, для дальнейшей настройки внешнего вида своего содержимого. Например, Bootstrap предусмотрел светлые и темные таблицы, заголовки страниц, более заметные кавычки и текст с выделением.

Bootstrap также поставляется с несколькими компонентами JavaScript в виде плагинов jQuery. Они предоставляют дополнительные элементы пользовательского интерфейса, такие как диалоговые окна, всплывающие подсказки и карусели. Каждый компонент Bootstrap состоит из структуры HTML, объявлений CSS и, в некоторых случаях, сопутствующего кода JavaScript. Они также расширяют функциональность некоторых существующих элементов интерфейса, включая, например, функцию авто-заполнения для полей ввода.

Пример веб-страницы с использованием фреймворка Bootstrap

Пример веб-страницы с использованием инфраструктуры Bootstrap, отображаемой в Firefox

Наиболее заметными компонентами Bootstrap являются компоненты макета, поскольку они влияют на всю веб-страницу. Базовый компонент макета называется «Контейнер», поскольку в него помещается любой другой элемент страницы. Разработчики могут выбирать между контейнером фиксированной ширины и контейнером изменяемой ширины. В то время как последний всегда заполняет ширину веб-страницы, первый использует одну из пяти предопределенных фиксированных ширин, в зависимости от размера экрана, показывающего страницу:

Менее 576 пикселей
576-768 пикселей
768-992 пикселей
992-1200 пикселей
Больше 1200 пикселей

Как только контейнер установлен, другие компоненты макета Bootstrap реализуют макет CSS Flexbox путем определения строк и столбцов.

Предварительно скомпилированная версия Bootstrap доступна в виде одного файла CSS и трех файлов JavaScript, которые можно легко добавить в любой проект. Однако необработанная форма Bootstrap позволяет разработчикам осуществлять дальнейшую настройку и оптимизацию размера. Эта необработанная форма является модульной, что означает, что разработчик может удалить ненужные компоненты, применить тему и изменить нескомпилированные файлы Sass.

Описание языка программирования

HTML (от англ. HyperText Markup Language - «язык гипертекстовой разметки») - стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.

В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML описывает внешний вид и макет страницы.

Язык гипертекстовой разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986-1991 годах в стенах ЦЕРНа в Женеве в Швейцарии. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов - дескрипторов. Дескрипторы также часто называют «тегами».

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

... продолжение

Вы можете абсолютно на бесплатной основе полностью просмотреть эту работу через наше приложение.