Введение Анализ технического задания
 Скачать 4.11 Mb.
|
  СОДЕРЖАНИЕ Введение………………………………………………………………………….5 Анализ технического задания………………………………………………..7 1.1 Браузеры………………………………………………………………..…7 1.2 Требования к оборудованию…………………………………...………..9 Проектная часть……………………………………………………………..11 Концепция……………………………………………………………….11 Способы создания сайтов……………………………………………....11 Требования к конструктору сайта …………………………….……….12 Выбор лучшего конструктора сайтов……………………………….…13 Создание и оформление сайта……………………………………….…17 Публикация нескольких новостей……………………………………..19 3 Продвижение сайта…………………………………………………………...21 Заключение…………………………………………………………………...…23 Список литературы……………………………………………………………..24 ВВЕДЕНИЕ Интернет развивается, как живой организм и контролируется самой жизнью, которая поддерживает эффективные решения и отрицает неэффективные. В разных уголках земного шара Интернетом всерьез увлечены сотни миллионов людей. Одни представляют себе Интернет в виде всемирной справочной системы, поэтому нередко его называют Всемирным информационным пространством. Другие – в виде средства общения. Третьи стремятся заявить о себе и своих достижениях. Поэтому появилось желание создать собственный полезный информационный ресурс, соответствующий таким разным представлениям об Интернете. Выбранная мною тема работы представляется наиболее соответствующей предметной области «Информатика и информационно-коммуникационные технологии», так как она требует креативного подхода, позволяет достичь реальных результатов и нового качества деятельности, предполагает определенное применение. Цель курсовой работы – является создание индивидуального сайта для продвижение новостного влога, а также в дальнейшем размещение его в интернете. Просмотр страниц происходит в Internet Explorer или в любом другом навигаторе, стоящим на компьютере пользователя. Для этого сайт не должен содержать коды, которые не прочитываются в одном из навигаторов. Актуальность выбранной темы. Интернет - сравнительно молодой, инновационный источник информации, который только набирает свои масштабы во всем мире. С каждым днем все дальше распространяется интернет-покрытие, практически в каждой семье уже имеются интернет-проводники, такие как современные мобильные телефоны, персональные компьютеры, ноутбуки, планшеты и другие коммуникационные устройства. А это значит, что количество активных пользователей в сети-интернет также стремительно возрастает и если сегодня вас сайт привлекает только 100 человек в сутки, то уже через год, если проект не стоит на месте и развивается, эта цифра может увеличиться в разы. Благодаря тому, что интернет является неисчерпаемым источником предоставления разнообразной информации, создание сайтов очень актуально, вне зависимости от выбранной тематики. Но стоит уделять внимание не столько созданию своего сайта, сколько его наполнению, потому что актуальным будет только качественный сайт, который пробьется в топ выдачи поисковой системы, заинтересует пользователя и принесет определенную выгоду своему владельцу. Анализ технического задания Согласно техническому заданию, необходимо создать игровой сайт с несколькими новостными постами и дальнейшим продвижением. Для данной задачи необходимо иметь подходящее аппаратное обеспечение компьютера, а также программы, которые позволяют выходить в сеть Интернет. 1.1 Браузеры «Opera» - веб-браузер и пакет прикладных программ для работы в Интернете, выпускаемый компанией Opera Software. Особенности: имеет турборежим, позволяющий сжимать любой контент до 75% без сильной потери качества. Присутствует встроенный VPN, работающий на бесплатной основ. Есть штатный блокировщик рекламы Пользователь может настроить меню по своему вкусу, выбрать положение закладок и добавить основные соцсети в боковой блок. Плюсы: - быстрая загрузка даже тяжёлых страниц; - сканирует ссылки на предмет фишинга; - обеспечивает доступ к любым сайтам, благодаря VPN; - поддерживает огромное количество дополнений, виджетов и расширений; Минусы: - браузер может не справляться, если открыто сразу много вкладок, вследствие чего аварийно завершает работу; - отсутствие автоматического переводчика. «Google Chrome» - браузер, разрабатываемый компанией Google на основе свободного браузера Chromium и движка Blink. Особенности: строгий дизайн, отсутствие ярких блоков, полная поддержка огромного количества расширений. Плюсы: - распознавание языка страницы и предложение перевода; - полная интеграция со всеми продуктами Google под управлением одного аккаунта; - повышенная безопасность при работе в сети; - синхронизация по аккаунту на всех устройствах (вкладки, запросы и действия сохраняются); - наличие встроенного антивируса, позволяющего просканировать рабочий компьютер на присутствие вредоносных программ; Минусы: - Chrome достаточно «прожорлив» и потребляет много оперативной памяти, открывая на каждую вкладку отдельные процессы; - браузер собирает огромное количество информации о своих пользователях, которую позже частично монетизирует; - заточен под одноимённый поисковик. «Tor Browser» - свободное и открытое программное обеспечение для реализации второго (V2) и третьего (V3) поколения так называемой луковой маршрутизации. Особенности: нацеленность на анонимность и приватность нахождения в интернете. Он скрывает всё: IP-адрес, геолокацию, личные данные, при этом не сохраняет кэш. Плюсы: - поддерживает все технологии по отображению сайтов; - даёт свободу от цензуры; - помогает сохранить пребывание в сети в полной анонимности. Минусы: - медленная загрузка страниц; - не подходит для слабых машин; - его часто используют злоумышленники и преступники. Таблица 1 – Сравнение браузеров.
Из-за таких требований к браузеру, как возможность работы с разных устройств, таких как, Windows, Linux, Android и поддержка синхронизации вкладок, то оптимальным выбором будет Opera. 1.2 Требования к оборудованию Для успешного продвижения сайта необходимо определенным перечнем оборудования. Будут использоваться только аппаратные средства. Сначала при создании сайта нужен персональный компьютер или ноутбук. А также доступ в интернет. Для посещения сайтов компьютер должен соответствовать минимальным техническим требованиям. Таблица 2 - Технические требования.
В данном курсовом проекте будет использован компьютер, удовлетворяющий требованиям: процессор с тактовой частотой 3.9 ГГц, оперативная память 16 Гб, операционная система windows 10 64-разрядная. 2. Проектная часть Прежде чем приступать к созданию сайта, необходимо определиться с темой постов и выбрать концепцию новостной ленты. Современный мир неразрывно связан с гаджетами. Всё большее количество человек узнают о различных видеоиграх. Именно поэтому после анализа современных трендов, темой сайта стал «Игровой». 2.1 Концепция На данном сайте будут размещаться новости по игровой теме. Данный контент предназначен для целевой аудитории от 12 до 40 лет. Такой аудитории больше всего интересна тема видеоигр. Для привлечения аудитории необходимо регулярно и своевременно публиковать посты, которые будут привлекать новых читателей. Для публикации новостей будут использоваться официальные источники, но перефразированные по усмотрению автора, таким образом не будут нарушаться авторские права. Посты будут создаваться по популярным играм, которые чаще всего интересуют читателей, в первую очередь: «S.T.A.L.K.E.R. 2». 2.2 Способы создания сайтов Создание сайта программным кодом с нуля. Разработка на чистом коде с помощью языков программирования считается наиболее правильным вариантом, позволяющим реализовать любую задачу. Для разработки простого сайта или лендинга потребуются знания HTML, CSS и JS, для реализации сложных проектов дополнительно необходимо привлечение PHP-программиста. Основные преимущества. Возможность писать код, не имеющий ошибок или ненужных строк что позволяет предотвратить в ядре любые уязвимости, а также реализация любых решений. Недостатки. Для создания высоконагруженных сервисов или проектов со сложной структурой потребуется серьезный бюджет и привлечение большого штата специалистов. Создание с помощью конструктора сайтов. Данный способ считается наименее затратным. Большинство конструкторов распространяются на бесплатной основе и часто предоставляют услуги хостинга, онлайн-кассы и т. д. Основные преимущества использования конструкторов — удобный интерфейс, простота настройки. Масса готовых шаблонов и бесплатный хостинг позволяют быстро запустить проект в сеть — функциональность конструкторов позволяют быстро создать сайт даже новичкам. Из недостатков конструкторов следует выделить ограниченность настроек в бесплатных версиях. Большинство бесплатных решений предлагают весьма типовые опции, не позволяют перенести разработанный сайт на личный домен. Создание сайта на CMS-системе. Система управления — универсальное решение, позволяющее запустить проект быстро, недорого и с требуемой функциональностью. По факту CMS представляет собой программное обеспечение, включающее движок и базовые функции, позволяющее работать со структурой и контентом. Преимущества использования CMS: - Эргономичность и простота управления — готовый движок имеет интуитивно понятный интерфейс и удобную навигацию. - Функциональность и обилие настроек — с помощью базовых функций CMS можно реализовать любую структуру веб-сайта. - Оптимизированность — ресурс на базе CMS, как правило, уже имеет техническую и поисковую оптимизацию, хорошо ранжируется в поисковых системах. Недостаток сайта на CMS — либо дорогостоящая лицензия, либо слабо проработанный движок, который может быть уязвимым. Вариант на конструкторе — наиболее оптимальный вариант для новичков. Позволяет быстро и недорого запустить сайт в интернете, а после доработать и перенести проект за дополнительную плату. 2.3 Требования к конструктору сайта Таблица 3 – Требования к конструктору.
Сайт должен подходить для создания блога или новостной ленты и иметь редактор для создания и публикации постов в социальных сетях. 2.4 Выбор лучшего конструктора сайтов Craftum Конструктор, зарекомендовавший себя как многофункциональный инструмент для создания сайтов любой сложности. С его помощью можно всего за несколько часов сделать лендинг, сайт-визитку или портфолио. Сервис позволяет легко работать с фотографиями и текстом, добавлять новые блоки и разделы, создавать собственные галереи и вставлять кнопки с ссылками на социальные сети.  Рис. 1 – Craftum. Craftum позволяет создавать уникальные блоки. Например, мы можем отрисовать первый экран с добавлением кнопки, фонового изображения, картинок и текста – все эти элементы разрешено перемещать, как угодно. Вместе с этим доступна удобная адаптация под всевозможные устройства: планшеты, телефоны, ноутбуки. Другая особенность – это стоимость, которая на порядок ниже, чем у конкурентов. Кроме того, при оплате за год клиент получает бесплатный домен в зоне .ru и .рф. Преимущества: Удобный и понятный интерфейс. Многостраничный сайт можно сделать всего за час! Более 270 готовых шаблонов и блоков на любой вкус. Дизайн-блок, который позволит создать уникальный шаблон. Огромная коллекция шрифтов, стоковых картинок и иконок. Все в одном месте! Автоматическая адаптивная верстка сэкономит вам уйму времени при создании сайта и его оптимизации для поисковой системы Google. Возможность вставить свой HTML-код. 10-дневный тестовый период. Автоматическая установка SSL-сертификата. Вам вообще не нужно думать о настройке защищенного соединения. Недорогой тарифный план + домен в подарок за годовую подписку. Стоимость: 169 рублей в месяц. uKit  Рис. 2 – uKit. Еще один конструктор сайтов от российских разработчиков, созданный в 2015 году. Его можно считать одним из лучших сервисов для предпринимателей и самозанятых. Он предоставляет возможность создавать сайты-визитки, лендинги и небольшие интернет-магазины. Все это можно реализовать с помощью удобного редактора, позволяющего добавлять различные блоки и изменять их на свое усмотрение. Как заверяет разработчик, можно всего за 30 минут создать полноценный сайт. Из начинок – более 400 адаптивных шаблонов, встроенный магазин, калькулятор услуг, CRM, новостная лента, набор маркетинговых инструментов и многое другое. Преимущества: uKit довольно прост в освоении. Интеграция с такими сервисами, как amoCRM и SendPulse. Все страницы оптимизированы, что позволяет легко продвигать сайт в поисковиках. Отличная техподдержка, готовая всегда прийти на помощь. Есть 14-дневный пробный период. Стоимость: от $5 в месяц. WIX  Рис. 3 – WIX. WIX – это один из самых популярных в мире конструкторов сайтов. Он отлично подходит как для простых лендингов, так и для полноценных интернет-магазинов – на его основе было создано более 175 миллионов различных сайтов. Главная особенность – создание базы данных и программирование поведения элементов в зависимости от заданных условий, что отлично подойдет как для новичков, так и для профессиональных веб-дизайнеров. Wix предоставляет доступ к более чем 500 шаблонам сайтов, базовые варианты легко адаптируются под мобильные устройства. Еще одна особенность – WIX ADI, с помощью которой конструктор сам может собрать сайт на основе введенных данных. В дополнение предоставляется широкий выбор маркетинговых опций: можно отследить, с какого устройства зашел посетитель, какие страницы популярны, а над какими следует поработать. Преимущества: Возможности конструктора позволяют создать практически любой сайт, но если нужно сделать что-то уникальное, то всегда можно добавить собственный HTML- или JS-код. Доступ к таким функциям, как Wix ADI, Ascend, Code, Arena. Есть встроенная CRM, с помощью которой можно выстраивать грамотный диалог с пользователем. Отлично подходит для туристических, гостиничных и ресторанных сайтов. Богатый набор всевозможных шаблонов под разные задачи. Стоимость: от 90 рублей/месяц. Этот сайт подходит для создания сайта-визитки, блога, лендинга и интернет-магазина. Таблица 4 – Сравнение конструкторов.
Для создания полноценный новостного сайта, который будет приносить большой поток пользователей, наиболее подходит конструктор WIX. 2.5 Создание и оформление сайта В любой шаблон сайта можно быстро добавить контентную часть, используя приложение Wix Blog. Оно позволяет создавать посты и редактировать их. Коллекция конструктора сайтов Wix включает в себя более пятиста шаблонов, созданных профессиональными веб-дизайнерами, верстальщиками и программистами. Все паттерны отсортированы по основным и дополнительным категориям. Кроме этого шаблоны, представленные в каталоге, отсортированы по типам сайтов: интернет-магазин, блог, лендинг. А также разделены на избранные, новые, популярные и пустые. Такие шаблоны не содержат текстового и графического наполнения. В них задана лишь общая структура дизайна. Для моего сайта понадобиться выбрать сайт типа “блог” с категорией “игры”. Был выбран шаблон для редактирования, который состоять из: Шапки сайта, состоящая из названия новостного сайта и небольшого описания. Список опубликованных постов, в виде табличек или списка. И возможность, введя свою электронную почту, подписаться на рассылку новых новостей. Важная составляющая успешности сайта – это его дизайн, основу которого составляет графическое оформление. Именно оно определяет, насколько привлекательными будут Web‑страницы. Здесь срабатывает принцип: встречают по одежке, а провожают по контенту. Графическое оформление должно укладываться в общую цветовую схему сайта. В готовом шаблоне с помощью редактора было добавлено: Название сайта и его описание; В левом-верхнем углу аватар пользователя; В правом- верхнем углу значок со ссылкой на владельца сайта; Заполняемая форма для связи с администрацией; Заполняемая форма для подписки на опубликованные новости.  Рис. 4 – Главная страница сайта.  Рис. 5 – Список всех постов на данный момент.  Рис. 6 – Связь с администрацией.  Рис. 7 – Форма подписки на новые посты. 2.6 Публикация нескольких новостей В настоящее время для написания любой новости используется структура с применением принципа перевернутой пирамиды, который заключается в том, что основная информация должна быть в начале статьи. Это особенно актуально для пользователей, не имеющих возможности прочесть весь текст до конца, и таких читателей на просторах интернета миллионы. Аналогичный принцип используют в рекламе и блогах, чтобы привлечь внимание аудитории и обзавестись подписчиками. Вовлечение в чтение происходит при поиске какой-то выгоды для читателя. Поэтому при построении структуры статьи важно включить в основную часть дополнительную информацию. Гость сайта получит максимум информации о новостных событиях и найдет что-то нужное для себя.  Рис. 8 – Заголовок первого поста.  Рис. 9 – Заголовок второго поста. Продвижение сайта Бесплатные способы продвижения: распространение в социальных сетях. Платные способы продвижения: реклама у популярных сайтов, настройка рекламы через «Google Реклама». Будут использоваться такие методы как «распространение в социальных сетях» и «» из-за бесплатного способа продвижения. Было выбрана группа с 928 участников для рекламирования сайта.   Рис. 10 –Пример продвижения сайта в «ВКонтакте».  Рис. 11 –Пример продвижения сайта в «ВКонтакте».  Рис. 12 – Обзор трафика. На этом графике видно, что показатель просмотра с помощью рассылки в социальной сети «ВКонтакте» достиг 3 уникальных пользователей, которые посещали сайт с помощью мобильного трафика.  Рис. 13 – Обзор трафика в виде таблицы. ЗАКЛЮЧЕНИЕ Проведенное изучение технологии разработки Web-сайтов позволило создать информационный ресурс с учетом усвоенных рекомендаций по Web-дизайну. Результатом данной работы является создание сайта по заданной тематике и дальнейшее размещение его в интернете. Для новичка легче всего создать свой сайт на конструкторе и позднее как я и писал выше подниматься по ступеням изучения языков программирования. СПИСОК ЛИТЕРАТУРЫ 10 лучших конструкторов сайтов URL: https://vk.com/away.php?to=https%3A%2F%2Ftimeweb.com%2Fru%2Fcommunity%2Farticles%2Ftop-luchshih-konstruktorov-dlya-sozdaniya-saytov&cc_key= [Дата обращения 25.12.2021] Лучшие конструкторы сайтов — плюсы, минусы и сравнения характеристик URL: https://www.internet-technologies.ru/review-of-website-builder.html#header-2682-12 [Дата обращения 25.12.2021] Обзор конструктора сайтов Wix URL: https://www.internet-technologies.ru/review-website-builder-wix.html#header-2697-16 [Дата обращения 25.12.2021] Новостной сайт URL: https://chernushkin201535.wixsite.com/website [Дата обращения 28.12.2021] В чем заключается актуальность создания современного сайта?! URL: https://nischenko.ru/polezno-pochitat/v-chem-zaklyuchaetsya-aktualnost-sozdaniya-sovremennogo-sajta.html [Дата обращения 28.12.2021] ТОП 15 браузеров в 2022 году: сравнение браузеров для Windows URL: https://top-best-browser.ru/ [Дата обращения 28.12.2021] Способы создания сайта URL: https://studiobit.ru/blog/sozdanie-web-saytov/sposoby-sozdaniya-sayta/ [Дата обращения 28.12.2021] Новостной сайт URL: https://chernushkin201535.wixsite.com/website [Дата обращения 28.12.2021]                    ТЭМ 09.03.02.270000.000 КР Попов А.Э. ИСОиП (филиал) ДГТУ в г. Шахты Кафедра «ИСиРТ» Утв Создание новостного сайта на игровую тематику 25 4 Н. контр. Чернушкин С.С. Провер. Разраб. Листов Литера Лист Дата Подпись № докум. Лист Изм. |