Добавлен: 16.06.2023
Просмотров: 334
Скачиваний: 6
СОДЕРЖАНИЕ
1 Теоретические основы промо – акций
1.2 Классификация промо - акций
1.4 Промо – сайт в контексте промо – акций
2 Анализ проведения промо-акции для приложения «Звездная ночь»
2.1 Обзор приложений для изучения ночного неба
2.2 Обзор приложения «Звездная ночь»
3 Разработка промо-сайта приложения «Звездная ночь»
На основании созданного шаблона и тех ограничений, которые приведены выше, верстаем промо-сайт. Результат приведен на рисунке 3.3. Исходный код сайта приведен в Приложении.
Рисунок 3.3
Из нижнего меню реализован пункт «Войти в контакт» позволяющий пользователям задать вопрос разработчикам. Результат нажатия на данную кнопку приведен на рисунке 3.4
Рисунок 3.4
К данному сайту прикреплена панель администратора, вход в которую осуществляется набором строки «/starnight/textolite/». После этого появляется запрос на ввод пароля. Вводим пароль «admin». При выполнении этих шагов появляется панель администратора, в которой мы можем редактировать html-код сайта. Результат входа в панель приведен на рисунке 3.5
Рисунок 3.5
Выводы
В данном разделе были даны характеристики языков программирования и программного обеспечения используемого для разработки промо-сайта приложения.
Далее были описаны этапы разработки промо-сайта приложения «Звездная ночь»
Заключение
В первой части данной курсовой работы была дана характеристика промо-акций. Определены виды промо-акций, в частности одним из видов промо-акций является создание промо-сайта, который предназначен для рекламы товара/услуги в Интернете обеспечивая широкий охват целевой аудитории.
Во второй части курсовой работы были даны характеристики аналогов приложения «Звездная ночь» для изучения ночного звездного неба, и чем продвигаемое приложение отличается от рассмотренных аналогов.
В третей части курсовой работы была дана характеристика скриптовых языков программирования, которые использовались при создании промо-сайта. Также были рассмотрено программное обеспечение которое использовалось при создании промо-сайта.
В итоге был разработан промо-сайт по продвижению приложения «Звездная ночь»
Литература
- Гудман Д., Моррисон М. Javascript библия пользователя, 5-е издание: Пер. с англ. – М.: ООО «И.Д. Вильямс», 2006 – 1184 с
- Вайк Ален и др. Javascript Энциклопедия пользователя: Пер. с англ. – К.: ООО «ТИД ТС», 2001 – 480 с
- Роббинс Дж., HTML5, CSS и Javascript. Исчерпывающее руководство: пер. с англ. 4-е издание – М.: Эксмо, 2014 – 528 с
- Фримен А., jQuery для профессионалов: Пер. с англ. – М.: ООО «И. В. Вильямс», 2013, - 960 с.
- Макфарланд Д. Javascript и jQuery: исчерпывающее руководство: Пер с англ 3-е издание – М.: Эксмо, 2015 – 880 с
- Кроудер Д, Создание веб-сайта для чайников, 3-е издание: Пер. с англ. – М.: ООО «И. В. Вильямс», 2009, - 352 с.
- Лабберис П., Олберс Б., Салим Ф. HTML5 для профессионалов мощные инструменты для разработки современных веб приложений: Пер. с англ. – М.: ООО «И. В. Вильямс», 2011, - 272 с
- Мак-Дональдс М. HTML5 Недостающее руководство: Пер. с англ. СПб: БХВ-Питнрбург, 480 с.
- Гоше Х.Д., HTML5. Для профессионалов – СПб.: Питер, 2013 – 496 с
- Даккет Д., HTML и CSS. Разработка и дизайн веб-сайтов: пер. с англ. – М.: Эксмо, 2013 – 480 с
- Даккет Д., Javascript и jQuery Интерактивная веб-разработка: пер. с англ. – М.: Издательство «Э», 2017 – 640 с
- Флэниган Д., Javascript. Подробное руководство: пер. с англ. – СПб.: Символ-Плюс, 2012, - 1080 с.
- Закас Н., Javascript для профессиональных веб-разработчиков– СПб.: Питер, 2015 – 960 с
- Макфарланд Д.Новая большая книга по CSS – СПб.: Питер, 2016 – 720с
- Бер Бибо, Негуда Кац, jQuery. Подробное руководство по продвинутому Javascript, 2-еиздание – пер. с англ. – СПб.: Символ-Плюс, 2011, - 624 с.
- Айзенменгер Р. HTML 3.2/4.0. Справочник - М.: Бином, 2015. - 368 c.
- Дебольт В. HTML и CSS. Совместное использование - М.: НТ Пресс, 2013. - 512 c.
- Дунаев, В.В. HTML, скрипты и стили - М.: СПб: БХВ, 2012. - 832 c.
- Евдокимов, Н.В. Основы контентной оптимизации. Эффективная Интернет-коммерция и продвижение сайтов в Интернет - М.: Вильямс, 2014. - 561 c.
- Карпов, Б. Dreamweaver 3: краткий курс - М.: СПб: Питер, 2013. - 320 c.
- Ловери, Д.В. Dreamweaver 4. Библия пользователя - М.: Диалектика, 2012. - 480 c.
Приложение Исходный код промо-сайта «Звездная ночь»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Starnight - A Sexy As Hell Free HTML5/CSS3 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/flexslider.css" type="text/css">
<link href="css/styles.css?v=1.6" rel="stylesheet">
<link href="css/queries.css?v=1.6" rel="stylesheet">
<link href="css/jquery.fancybox.css" rel="stylesheet">
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<section class="navigation">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2">
<nav class="pull">
<ul class="top-nav">
<li><a href="#getstarted">Начать <span class="indicator"><i class="fa fa-angle-right"></i></span></a></li>
<li><a href="#media">СМИ <span class="indicator"><i class="fa fa-angle-right"></i></span></a></li>
<li><a href="#features">Особенности <span class="indicator"><i class="fa fa-angle-right"></i></span></a></li>
<li class="nav-last"><a href="#design">Дизайн <span class="indicator"><i class="fa fa-angle-right"></i></span></a></li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section class="hero" id="hero">
<div class="container">
<div class="row">
<div class="col-md-12 text-right">
<a href="#"><i class="fa fa-navicon fa-2x nav_slide_button"></i></a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<h1 class="animated bounceInDown">Приложение "Звездная ночь"</h1>
<p class="animated fadeInUpDelay">Приложение дает вам основную информацию о главных астрономических объектах, таких как созвездия, планеты солнечной системы, их спутники и так далее. </p>
</div>
</div>
<div class="row">
<div class="col-md-2 col-md-offset-5 text-center">
<a href="http://player.vimeo.com/video/87701971?title=0&byline=0&portrait=0&color=1883ad&autoplay=1" class="hero-play-btn various fancybox.iframe">Воспроизведение</a>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<a href="" class="get-started-btn">Начать</a>
</div>
</div>
</div>
</section>
<section class="download-now" id="getstarted">
<div class="container">
<div class="row">
<div class="col-md-8 wp1">
<h1>
Рассмотреть звездное небо можно еще лучше.
</h1>
<p>Можно узнать подробные данные об их свойствах, расположении, видимости в зависимости от позиции наблюдателя, даты, времени и часового пояса. Приложение имеет красивый дизайн и проработанный интерфейс.</p>
<a href="#" class="download-btn">Скачать сейчас</a>
</div>
</div>
</div>
</section>
<section class="testimonials" id="media">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div id="firstSlider">
<ul class="slides">
<li>
<div class="avatar"><img src="img/av-blaz.png" alt="Blaz Robar"></div>
<h1>Я не мог в полной мере насладиться звездным небом. Спасибо приложению "Звездное небо"</h1>
</li>
<li>
<div class="avatar"><img src="img/av-pete.png" alt="Pete Finlan"></div>
<h1>Уставиться на звезды дало мне, чувства не испытываемые подобные никогда прежде.</h1>
</li>
<li>
<div class="avatar"><img src="img/av-doge.png" alt="Doge Finbar"></div>
<h1>Много карт, многие проектируют, такое приложение. Ничего себе.</h1>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="features" id="features">
<div class="container">
<div class="row">
<div class="col-md-6 features-leftcol wp2">
<h1>Настолько мечтательный</h1>
<p class="margin-bottom">Это приложение позволяет просматривать информацию об основных небесных объектов. Выберите позицию наблюдателя, дата, время и часовой пояс и отображения различных информацией и мнениями доступной.
</p>
<h1>Яблочный магазин</h1>
<p>Рост дисплей, транзита и установленное время на солнце, луна и планеты нашей Солнечной системы! Показать небо проекции в том числе звезд яркая звезда созвездия, Каталог, некоторые созвездия и метеорные потоки!
</p>
</div>
<div class="col-md-6 features-rightcol wp3">
<h1>Больше модных словечек</h1>
<p class="margin-bottom">Уведомления доступны, чтобы не пропустить различные астрономические явления нашего неба.</p>
<h1>Запуск нового проекта</h1>
<p>Приложение может быть добавлен на экране, как виджет (не устанавливать его на карту памяти SD в данном случае).</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<a href="#" class="try-btn">Демнострация</a>
</div>
</div>
</div>
</section>
<section class="design" id="design">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="secondSlider">
<ul class="slides">
<li>
<div class="col-md-4">
<div class="flat-box">
<div class="colourway colour1"></div>
<p class="title">Запуск нового проекта</p>
<p class="feature-text">Дополнительные функции</p>
</div>
</div>
<div class="col-md-4">
<div class="flat-box">
<div class="colourway colour2"></div>
<p class="title">Приложение</p>
<p class="feature-text">Улучшенный интерфейс приложения</p>
</div>
</div>
<div class="col-md-4 design-content">
<h1>Настолько плоский Вы захотите дать ему цвет</h1>
<p>Можно выбрать один из цветов</p>
</div>
</li>
<li>
<div class="col-md-4">
<div class="flat-box">
<div class="colourway colour3"></div>
<p class="title">Запуск нового проекта</p>
<p class="feature-text">Дополнительные функции</p>
</div>
</div>
<div class="col-md-4">
<div class="flat-box">
<div class="colourway colour4"></div>
<p class="title">Приложение</p>
<p class="feature-text">Улучшенный интерфейс приложения</p>
</div>
</div>
<div class="col-md-4 design-content">
<h1>Настолько плоский Вы захотите дать ему цвет</h1>
<p>Можно выбрать один из цветов</p>
</div>
</li>
</ul>
</div>
<div class="col-md-1 col-md-offset-11 text-right controls">
<a href="prev" class="prev"><i class="fa fa-angle-left fa-3x"></i></a>
<a href="next" class="next"><i class="fa fa-angle-right fa-3x"></i></a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<p>Один из наиболее полных планетариев в магазине Google Play. Позволяет увидеть звездное небо, не покидая комфорта вашей гостиной. С помощью объектива камеры и специальной технологии дополненной реальности вы сможете наложить картинку ночного небосклона прямо на окружающую вас обстановку.</p>
</div>
<div class="col-md-3">
<p>Эта функция не доступна ни в одном другом подобном приложении.</p>
</div>
<div class="col-md-2 col-md-offset-3">
<ul class="footer-nav">
<li><a href="#">Начните обучаться программе</a></li>
<li><a href="#">Вводное видео</a></li>
<li><a href="#">Посмотрите особенности</a></li>
<li><a href="#">скачать триал-версию</a></li>
<li><a href="vopros.php">Войдите в контакт!</a></li>
</ul>
</div>
</div>
<div class="row">
<p align="center" >
<input type="button" value="Распечатать" onclick="window.print();" />
</p>
</div>
</div>
<!-- begin #footer -->
<div id="footer">
<div class="grid_3">
<h3 class="head1">Контактная информация</h3>
<p>Фирма<br>
ООО "Звездное небо" <br>
ул. Трансформенная, 222, <br>
Нижний Такгил</p>
Тел.:+7 831 111-11-11<br>
FAX:+7 831 111-11-11<br>
E-mail: <a href="#" class="col1">mail@gmail.com</a>
</div>
</div>
<!-- end #footer -->
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>