52
Выводы. Во второй главе рассмотрен процесс разработки веб-сайта,
который условно разделён на несколько этапов. Итак, эти этапы:
постановка целей разработки и анализ аналогичных веб-ресурсов;
создание технического задания;
создание шаблона сайта;
вёрстка и программирование;
запуск сайта;
тестирование сайта;
продвижение и сопровождение сайта.
В главе отмечено, что в самом начале процесса создания сайта
необходимо чётко определить цели разработки, выяснить, кто будет целевой
аудиторией сайта, а так же провести анализ уже существующих аналогичных
веб-сайтов. Далее необходимо составить техническое задание – документ,
устанавливающий порядок взаимодействия между заказчиком и
разработчиком сайта, а так же какой в результате должен получиться сайт.
Обосновано, почему нужно составлять техническое задание и какие
основные аспекты в нём должны быть освещены.
Рассмотрен этап работы с диайн-макетом будущего сайта: кратко
описано как создаётся макет или где взять его уже в готовом виде. Затем
описаны основные языки и технологии, используемые для создания веб-
приложения, а так же изложены типы вёрстки и выделины их различия.
Указаны основные правила для формирования контента веб-
приложения: правила форматирования контента и интрументы для создания
эффективного контента.
Описаны действия, необходимые для запуска сайта, а именно: выбрать
хостинг, загрузить на него сайт, приобрести домен, и, если есть
необходимость регулярно вносить изменения на сайт, установить CMS.
Рассмотрены понятия, хостинга, домена и СМS, приведены рекомендации,
как определить и выбрать наиблее подходящий домен, хостинг и CMS.
53
Изложены основные виды тестирования сайта в зависимости от масштба
проекта, а так же мероприятия, необходимые для продвижения и раскрутки
сайта, чтобы ресурс был максимально эффективен.
54
ГЛАВА 3. СОЗДАНИЕ ВЕБ-ПРИЛОЖЕНИЯ
3.1. Начальные этапы разработки веб-приложения
Цель разработки: написать веб-приложение для привлечения новых
клиентов.
Сайт должен информировать посетителя о продолжительной и весьма
успешной работе компании «Тензор» в сфере электронной отчётности, о
надёжности и высоком качестве программного обеспечения и онлайн-
сервисов марки «СБИС», о преимуществах работы в программных продуктах
«СБИС» и о предоставляемых скидках и специальных предложениях.
Обобщая, организации ООО «Удостоверяющий Центр» нужен был
одностраничный «продающий» сайт или landing-page.
Организации, зарегистрированные на территории Российской
Федерации, обязаны вести бухгалтерский учет и сдавать отчетность. В
большинстве случае этой деятельностью в организации занимается
бухгалтер. В некоторых организациях может быть целых отдел бухгалтеров,
а в некоторых случаях, например, в случае ИП, вести бухгалтерский учёт,
формировать и сдавать отчётность может лично ИП. Таким образом, все эти
лица выступают целевой аудиторией будущего веб-приложения.
Регламентированная отчетность — это документы внешней отчетности
(финансовой, налоговой, статистической), которые предназначаются для
передачи их различным контролирующим инстанциям. Состав и назначение
отчетов этой группы определяется соответствующими государственными
органами, а также напрямую зависит от применяемого режима
налогообложения: ОСНО, УСН, ЕНВД. Если предприятие ведёт несколько
видов деятельности, то возможно совмещение режимов (УСН+ОСНО,
ЕНВД+ОСНО, ЕНВД+УСН). В таком случае по ним ведётся раздельный
учёт, а список отчетов, которые сдаёт организация/ИП, увеличивается.
55
Ниже в таблицах 1-6 представлены только те отчеты, которые сдают
все плательщики, использующие указанную систему налогообложения. Этот
список может быть расширен за счет региональных форм, отчетов,
сдаваемых при определенном виде деятельности, статистических форм.
Таблица 1 – отчеты в ИФНС
Название отчета
Кто сдает
Периодичность
Сроки сдачи
В
электронном
виде
НД по налогу на
добавленную
стоимость
ЮЛ/ИП на ОСНО
Квартальная
25 апреля, июля,
октября, января
Обязательно
для всех
6-НДФЛ
ЮЛ/ИП с
наемными
сотрудниками
30 апреля, 31
июля, 31
октября, 1
апреля (за год)
Обязательно,
если более
25
сотрудников
НД по налогу на
имущество
организаций
ЮЛ на ОСНО с
основными
средствами
30 апреля, июля,
октября, марта
(за год)
Обязательно,
если более
100
сотрудников
НД по ЕНВД
ЮЛ/ИП на ЕНВД
20 апреля, июля,
октября, января
НД по налогу на
прибыль
организаций
ЮЛ на ОСНО
Квартальная (редко
месячная)
28 апреля, июля,
октября, марта
(за год)
НД по УСН
ЮЛ/ИП на УСН
Годовая
ЮЛ – 31 марта
ИП – 30 апреля
Сведения о
среднесписочной
численности
сотрудников
Все, кроме ИП без
работников
20 января
3-НДФЛ
ИП на ОСНО
30 апреля
Бухгалтерская
(финансовая)
отчетность
ЮЛ – все
31 марта
2-НДФЛ
ЮЛ/ИП с
наемными
сотрудниками
1 апреля
Обязательно,
если более
25
сотрудников
Расчет
страховых
взносов
(с отчетности за
первый квартал
2017 года)
ЮЛ/ИП с
наемными
сотрудниками и
КФХ
Квартальная (для
КФХ годовая)
30 апреля, июля,
октября, января
Правовая база:
Налоговый кодекс часть 2;
Приказ ФНС ММВ-7-6/398@ от 31.07.2014;
Приказ ФНС ММВ-7-6/535@ от 09.11.2010.
56
Таблица 2 – отчеты в ПФР
Название
отчета
Кто сдает
Периодичность
Сроки сдачи
В электронном
виде
Сведения о
застрахованных
лицах (СЗВ-М)
ЮЛ — все
ИП с наемными
сотрудниками
Месячная
15 числа
следующего
месяца
Обязательно, если
более 25
сотрудников
Сведения о
страховом стаже
(СЗВ-СТАЖ)
ЮЛ — все
ИП с наемными
сотрудниками
Годовая
1 марта
Обязательно, если
более 25
сотрудников
Правовая база:
Распоряжение ПФР №190р от 11.10.2007;
Федеральный закон №212-ФЗ от 24.07.2009.
Таблица 3 – отчеты в ФСС
Название отчета
Кто сдает
Периодич-
ность
Сроки сдачи
В
электронном
виде
4-ФСС
ЮЛ – все
ИП с наемными
сотрудниками
Квартальная
25 апреля, июля,
октября, января
Обязательно,
если более 25
сотрудников
Справка-
подтверждение
основного вида
экономической
деятельности
ЮЛ — все
Годовая
15 апреля
Сдается в
печатном виде
Правовая база:
Приказ ФСС №19 от 12.02.2010;
Федеральный закон №212-ФЗ от 24.07.2009.
Таблица 4 – отчеты в ФСРАР
Название
отчета
Кто сдает
Периодичность
Сроки
сдачи
В электронном
виде
№1-10 –
производство и
оптовый оборот
алкоголя
ЮЛ,
производящие/продающие
оптом алкоголь
Квартальная
20
апреля,
июля,
октября,
января
Обязательно
для всех
№11 – розничная
продажа
алкоголя (кроме
пива)
ЮЛ, продающие алкоголь
(кроме пива) в розницу
№12 – розничная
продажа пива
ЮЛ и ИП, продающие пиво
в розницу
Правовая база: Постановление Правительства РФ № 815 от 09.08.2012.
57
Таблица 5 – отчеты в РОССТАТ
Название отчета
Кто сдает
Периодичность
Сроки
сдачи
В
электронном
виде
Сведения о производстве и
отгрузке (П-1)
ЮЛ, если
более 15
сотрудников
и не является
малым
предприятием
Месячная
4 числа
следующего
месяца
Не
обязательно
Сведения о финансовом
состоянии (П-3)
28 числа
следующего
месяца
Сведения о численности и
заработной плате (П-4)
ЮЛ, если не
является
малым
предприятием
Месячная
(более 15 сотр.),
Квартальная
(менее 15 сотр.)
15 числа
следующего
месяца
Сведения об основных
показателях деятельности малого
предприятия (ПМ)
ЮЛ у
которых 15-
100
сотрудников
или выручка
в год от 120
до 800 млн.
Квартальная
29 апреля,
июля,
октября,
января.
Основные сведения о
деятельности организации (1-
Предприятие)
ЮЛ, если
более 100
сотрудников
или выручка
более 800
млн.
Годовая
1 апреля
Бухгалтерская отчетность в
статистику
ЮЛ – все
31 марта
(после
сдачи ее в
ФНС)
Правовая база:Приказ Росстата № 370 от 27.10.2010 с порядком
обработки.
Таблица 6 – отчеты в Росприроднадзор
Название отчета
Кто сдает
Периодичность
Сроки
сдачи
В
электронном
виде
Декларация о плате за
негативное воздействие на
окружающую среду
ЮЛ и ИП, сами
вывозящие мусор на
свалку, сбрасывающие
отходы в воду или
имеющие производства с
выбросами
Годовая
10
марта
Не
обязательно
2-ТП (отходы)
1
февраля
Отчет субъектов малого и
среднего
предпринимательства
(МСП)
15
января
Правовая база:
Федеральный закон №7-ФЗ от 10.01.2002;
Приказ Росприроднадзора №872 от 31.12.2014[24].
58
Как видно из таблиц выше, на сегодняшний день ряд форм
регламентированной отчётности необходимо сдавать в электронном виде.
Чтобы подавать отчетность в электронном виде нужно выполнить
предварительно ряд условий:
1) С некоторыми контролирующими органами необходимо перед
сдачей отчетности подписать соглашение об осуществлении
электронного документооборота. В этом договоре рассматривается
порядок представления отчетов и как вести себя в спорных ситуациях.
К таким гос. Органам относится ПФР.
2) Приобрести квалифицированную ЭП. Все документы,
участвующие в электронном документообороте, должны
подписываться ЭП, которая позволяет идентифицировать отправителя.
3) Приобрести программное обеспечение. Для отправки отчетности
можно использовать сервисы в интернете (например, сайт налоговой)
или приобрести специализированные программы, которые позволяют
составлять формы отчетности и отправлять их контролирующим
органам.
На рынке электронной отчётности существует ряд операторов,
организующих электронный документооборот с гос. органами. Рассмотрим
сайты аналогичных систем:
http://online-sprinter.ru;
https://astral.ru/products/elektronnaya-otchetnost/;
http://www.pro-kontur.ru.
У всех сайтов довольно приятный ли для восприятия дизайн,
пользователь быстро и легко найти нужную информацию на сайте. Контент
содержит краткую и понятную информацию для целевой аудитории:
описание предлагаемого сервиса, список доступных для работы гос. органов,
преимущества работы с предлагаемым сервисом, стоимость, контактные
данные.
59
Для удобства посетителя на сайте присутствует форма заявки на
обратный звонок, а также на некоторых сайтах присутствует онлайн-чат, в
котором можно в режиме реального времени получать ответы на заданные
вопросы у менеджера.
Сайты довольно быстро загружаются, ошибок при загрузке не
возникает, вёрстка во всех случаях резиновая.
Из анализа аналогичный сайтов, разрабатываемое веб приложение
должно содержать соответственно, аналогичную информацию. Помимо
этого, на разрабатываемый сайт можно добавить положительные отзывы и
сканы документов, на основании которых организация ведёт деятельность в
сфере электронной отчётности. Данная информация будет служить
преимуществом в конкурентном соперничестве с аналогичными сервисами,
т.к. на их сайтах данных гарантий надёжности сервисов не представлено.
Далее было составлено и согласовано техническое задание, после чего
стало возможно приступить к созданию дизайн-макета сайта. Техничкское
задание представлено в приложении А. Дизайн-макет разрабатывался в
программе Adobe Photoshop и представлен в приложении Б.
3.2. Разработка и развитие веб-приложения
3.2.1. Вёрстка, наполнение и запуск веб-приложения
Было принято решение использовать резиновый тип вёрстки. В связи с
тем, что функциональные возможности мобильных браузеров на
сегодняшний день высоки, сами мобильные устройства имеют дисплеи
высокого разрешения и достаточно большой диагонали, выбор был
остановлен на резиновой вёрстке. В данном случае заказчик счёл
неоправданным использовать адаптивную вёрстку и создавать мобильное
приложение.
60
К использованию CMS так же было решено не прибегать, так как нет
необходимости регулярно вносить изменения. Если таковые и возникнут,
внести правки можно прямо в консоли хостинга.
Листинг представлен в приложении В.
Так как главной целью разрабатываемого веб-приложения является
продажи, нет необходимости наполнять его многословными статьями. В
данном случае эти статьи останутся без должного внимания посетителя, т.к.
чтобы ознакомиться подробно с подобного рода информацией он посетит
соответствующий тематический портал, наполненный как раз таким
контентом. Разрабатываемое веб-приложение требует очень кратко
изложенной информации, при этом она должна либо оказывать давление на
«болевые точки» целевой аудитории, либо кратко и в полной мере отвечать
на её вопросы, оправдывая или даже превосходя ожидания. На странице
кратко излагаются основные преимущества продукта, упоминаются
нормативно правовые акты, обязывающие использовать подобный сервис, а
как же акции и уникальные торговые предложения, с целью побудить
посетителя оставить заявку и, в дальнейшем, стать абонентом оператора.
После завершения работы над конткнтом, можно переходить к
аспектам запуска веб-приложения. Так как желательно, чтобы доменное имя
соответствовало названию предлагаемого товара, услуги или названию
организации, в качестве доменного имени было выбрано имя 1sbis.ru.
Хостинг был выбран исходя из предоставляемых функциональных
возможностей и уровня цен, там же был приобретён и домен. Загрузка сайта
на сервер производилась с помощью программы FileZilla.
3.2.2. Тестирование веб-приложения
Ввиду того, что разрабатываемый проект не является особо крупным,
то тестирование будет заключаться в сверке внешнего вида и функционала
получившегося веб-приложения с требованиями в техническом задании.
61
Будут проверены формы, ссылки и другие интерактивные элементы на
работоспособность, а также вёрстка.
Тестирование кнопок и ссылок на главной странице представлено в
таблице 7.
Таблица 7 - Тестирование кнопок и ссылок на главной странице
Тестируемый объект
Действие
Отклик
Кнопка «Заказать Звонок» (верх
страницы)
нажатие
Открытие формы заказа
обратного звонка
Кнопка «Заказать Звонок» (низ
страницы)
нажатие
Открытие формы заказа
обратного звонка
Видеопроигрыватель
Запуск видео
Функционирует корректно
Ссылка «политикой
конфиденциальности» (в первом блоке)
нажатие
Открывается страница с
политикой
конфиденциальности
Ссылка «политикой
конфиденциальности» (в шестом блоке)
нажатие
Открывается страница с
политикой
конфиденциальности
Ссылка «политика
конфиденциальности» (в восьмом
блоке)
нажатие
Открывается страница с
политикой
конфиденциальности
(результат представлен на
рисунке 17)
Ссылка «подключиться» В таблице
«Наши цены» (первая с лева)
нажатие
Открытие формы заказа
обратного звонка
Ссылка «подключиться» В таблице
«Наши цены» (вторая с лева)
нажатие
Открытие формы заказа
обратного звонка
Ссылка «подключиться» В таблице
«Наши цены» (третья с лева)
нажатие
Открытие формы заказа
обратного звонка
Галерея отзывов
нажатие
Открытие документа на весь
экран(результат представлен
на рисунке 18)
Левая кнопка слайдера
нажатие
Перелистывание влево
Правая кнопка слайдера
нажатие
Перелистывание вправо
Галерея документов
нажатие
Открытие документа на весь
экран
Тестирование формы "ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК»
представлено в таблице 8.
Тестирование формы «ЗАКАЗАТЬ СБИС» (в первом блоке)
представлено в таблице 9.
Тестирование формы «ОТПРАВИТЬ ЗАЯВКУ» (в шестом блоке)
представлено в таблице 10.