Струк В.О.

     Разработка проекта в виде web – сайта для предприятия, производящие мучные и хлебобулочные изделия на примере ООО «Сдоба»

студент 4 курса ОЗФО 09.03.02, ФГБОУ ВО МГУТУ им. К.Г.РАЗУМОВСКОГО в г. Москва

руководитель к.т.н. Макеева О.В.,  ФГБОУ ВО МГУТУ им. К.Г.РАЗУМОВСКОГО в г. Москва

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

Ключевые слова: web-сайт, разработка.

Struk V.O.

Development of the project in the form of a web-site for enterprises producing flour and bakery products on the example of OOO "Sdoba"

             student, Federal State Budget Educational Institution of Higher Education «K.G. Razumovsky Moscow State University of technologies and management (the First Cossack University)»

Head of Makeeva O.V., FSBOU VU MGUTU named after K.G. Federal State Budget Educational Institution of Higher Education «K.G. Razumovsky Moscow State University of technologies and management (the First Cossack University)»

Annotation. The article deals with the problem area of designing a website for an enterprise producing flour and bakery products. The main aspects to design user-friendly and effective user interface design that makes finding the consumer the most comfortable, as well provided easy viewing of the main menu of the enterprise.

Keywords: web-site, development.

Введение. Сайт – это не просто по?лная инфор?мация о фир?ме, ее сфере де?ятельности и ко?нтактах – это воз?можность ре?шения разл?ичных маркет?инговых и ко?ммерческих з?адач бизнес?а, то есть сайт являетс?я мощнейши?м инструме?нтом рекла?мы и лицом ко?мпании. Он досту?пен пользо?вателям в тече?нии всего вре?мени суток в л?юбой точке зе?много шара. К?аждый руко?водитель, з?аинтересов?анный в про?цветании и ус?пехе своего б?изнеса имеет с?айт, прина?длежащий ко?мпании. Через не?го произво?дится прод?ажа товаро?в, услуг, пр?ивлечение но?вых клиенто?в [1].

Целью статьи является анализ методов разработки web – сайта  для предприят?ия, произво?дящего муч?ные и хлебобу?лочные изде?лия  с помощью про?граммного обес?печения Sublime Text2.

Изложение осно?вного матер?иала.

Создание с?воего сайт?а – больша?я возможност?ь обеспечит?ь необходи?мой информ?ацией потреб?ителя о пре?доставляем?ых товарах и ус?лугах. Приче?м на их ре?кламу потребуетс?я затратит?ь меньше  де?нежных сре?дств, чем н?а рекламу в прессе и?ли на теле?видении. В основном с?айт предст?авляет собо?й небольшо?й по количест?ву страниц и?нформацион?ный ресурс, в?ыполненный в де?ловом диза?йне, с удоб?ной системо?й навигаци?и. [2]

Главная за?дача сайта – это и?нформирова?ние широко?го круга по?льзователе?й о деятел?ьности ком?пании, ее то?варах и ус?лугах, то ест?ь увеличен?ие целевой ау?дитории и с?пособствов?ание прито?ку новых к?лиентов.

Создание небо?льшого web-сайта не требует сер?ьезных кап?италовложе?ний [3].

Среди друг?их преимущест?в, из-за котор?ых многие стре?мятся созд?ать web-сайт, мож?но отметит?ь следующие:

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

Актуальность д?анного прое?кта обусло?влена произ?водственно?й необходи?мостью соз?дания web-сайта для ООО «С?доба», и те?м экономичес?ким эффекто?м, что ожи?дается от е?го создани?я.

Для разработ?ки сайта б?ыл выбран про?граммируем?ый метод, с ис?пользование?м языка ги?пертекстово?й разметки HTML.

Для проект?ирования веб – с?айта был в?ыбран прогр?аммный про?дукт, котор?ый называетс?я Sublime Text2.

Sublime Text2 – проприетарный текстовый ре?дактор.

Основные воз?можности про?граммного про?дукта:

• быстрая навигация
• командная п?алитра
• одновременное ре?дактирован?ие
• высокая сте?пень настраиваемости

Sublime Text поддерживает боль?шое количест?во языков программирования имеет воз?можность по?дсветки си?нтаксиса д?ля C, C++, C#, C?SS, HTML, Java, JavaScript, SQL, TCL и X?ML [4].

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

Sublime Text оснащён ме?неджером п?акетов, котор?ый позволяет по?льзователю н?аходить, уст?анавливать, об?новлять и у?далять пакет?ы без перез?агрузки про?граммы. Ме?неджер под?держивает уст?ановленные п?акеты в акту?альном состо?янии, загру?жая новые верс?ии из репозиториев. Кроме то?го, он пре?доставляет ко?манды для а?ктивации и де?активации уст?ановленных п?акетов.

Интерфейс программы

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

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

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

Рисунок 1 – И?нтерфейс про?граммы Sublime Text2

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

HTML-документ состо?ит из дере?ва HTML-эле?ментов и те?кста. Кажд?ый элемент обоз?начается в ис?ходном доку?менте нача?льным (откры?вающим) и ко?нечным (закрывающим) те?гом (за ре?дким исключе?нием).

Начальный те?г показывает, где начинается элемент, конечный – где заканчивается. 

Закрывающий тег образуется путем добавления слэша / перед именем тега: <имя тега>…. Между начальным и закрывающим тегами находится содержимое тега – контент.

Рисунок 2 –  Код программы на языке HTML

Выводы. Программный продукт Sublime Text2 является  эффективным выбором при проектирование web –  ресурса.  В данной программе   дополнительно реализована функция автосохранения, помогающая пользователям не потерять проделанную работу. Настраиваемые комбинации клавиш и инструмент навигации позволяют назначать свои комбинации клавиш для меню и панелей инструментов.

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

Функция проверки синтаксиса работает подобным же образом, проверяя корректность прямо во время ввода.

Есть возможность автоматизации с помощью макросов и повтора последних действий.

Команды редактирования, включая редактирование отступов, переформатирование параграфов и объединение строк.

Библиографический список

1. Антипов А.В., Игумнов Д.А., Сартаков М.В., Попович А.Э. Статья Современные методологии разработки отраслевого программного обеспечения в сборнике трудов: Современные информационные технологии в образовании, науке и промышленности // Ответственные редакторы и составители Т.В. Пирязева, В.В. Серов,  М.: ООО "Издательство "Спутник+",  2018 – С. 10-13
2. Байков В. Интернет. Поиск информации и продвижение сайтов; Книга по Требованию – Москва, 2016. – 288 c
3. Митчелл, Скотт 5 проектов Web-сайтов от фотоальбома до магазина; М.: НТ Пресс – Москва, 2017. – 224 c.
4. Храмов В.Ю., Кустов А.И., Ханов Э.Б. Монография: Методы и средства проектирования баз данных –  Воронеж : Воронеж. ЦНТИ – фил. РЭА, 2015. – 188с.