Выпускная квалификационная работа бакалавра Интернет магазин по продаже Андроид-приложений (стр. 4 )

Это часть отвечает за личный кабинет. При нажатии кнопки «В личный кабинет» происходит переход по ссылке представленной в href на страницу личного кабинета, как представлено ниже.

<div class="buttons"><p><a href="http://linyacrazy. bget. ru/account/?user=1" class="recall-button "><i class="fa fa-home"></i><span>В личный кабинет</span></a></p>

<h3>Профиль пользователя Linyacrazy</h3>

<form name="profile" id="your-profile" action="" method="post" enctype="multipart/form-data">

<input type="hidden" id="_wpnonce" name="_wpnonce" value="16e73051dd" /><input type="hidden" name="_wp_http_referer" value="/account/?user=1&amp;tab=profile" />

<input type="hidden" name="from" value="profile" />

<input type="hidden" name="checkuser_id" value="1" />

<table class="form-table"><tr>

<th>

<span>Панель администратора</span>

</th>

<td>

<label for="admin_bar_front">

<input id="admin_bar_front" checked='checked' type="checkbox" value="1" name="admin_bar_front">

Отображать панель администратора на сайте

</label>

</td>

</tr><tr>

<th><label for="nickname">Никнейм (обязательно):</label></th>

<td><input type="text" name="nickname" required class="regular-text" id="nickname" value="Linyacrazy" maxlength="100" /></td>

</tr><tr>

<th><label for="email">E-mail (обязательно):</label></th>

<td><input type="text" name="email" class="regular-text" id="email" required value="*****@***ru" maxlength="100" /></td>

</tr><tr>

<th><label for="user_login">Логин:</label></th>

<td><input type="text" name="user_login" class="regular-text" id="user_login" value="Linyacrazy" maxlength="100" disabled /></td>

</tr><tr>

<th><label for="first_name">Имя:</label></th>

<td><input type="text" name="first_name" class="regular-text" id="first_name" value="Денис" maxlength="100" /></td>

</tr><tr>

<th><label for="last_name">Фамилия:</label></th>

<td><input type="text" name="last_name" class="regular-text" id="last_name" value="Новоселов" maxlength="100" /></td>

</tr><tr>

<th><label for="display_name">Отображаемое имя:</label></th>

<td>

Здесь перечислены данные которые можно редактировать и они представлены в личном кабинете.

3.4 карта сайта

Карта сайта — одна из страниц сайта, информация на которой аналогична разделу «Содержание» обычной книги. Используется как элемент навигации. В карте сайта представлен полный перечень разделов и/или всех страниц, имеющихся на сайте. Нередко, заголовки страниц в списке служат ссылками на эти страницы.

Рисунок 3.4.1

4.Описание разработанного сайта

4.1 Обзор сайта

При открытии главной страницы сайта в браузере открывается «Главная страница», её вид изображен на рисунке 4.1.1

Рисунок 4.1.1

На главной странице расположены новости в Android сфере, меню категорий приложений которые нас интересуют, личный кабинет, логотип с обратной связью

Верхняя строка категорий приложений будет отображаться при просмотре любой страницы сайта и пользователь сможет перейти в другой раздел меню в любой момент. Выпадающие пункты меню «Платные» и «Бесплатные» содержат ссылки на определенные страницы, как показано на рисунке 4.1.2 4.1.3 В зависимости от выбора этих пунктов, пользователь и перейдет на ту или иную страницу.

Рисунок 4.1.2

Рисунок 4.1.3

В разделе «Новинки» показаны все самый новые приложения платных и бесплатных категорий как представлено на рисунке 4.1.4

Рисунок 4.1.4

Во вкладке «Бесплатные» пользователю будет представлен список из последних добавленных на сайт бесплатных приложений как показано на рисунке 4.1.5

Рисунок 4.1.5

Если клиента заинтересует какое либо из представленных приложений, то кликнув по кнопке «Подробнее» пользователь непосредственно перейдет на страничку данного приложения где его можно будет сразу же скачать нажав соответствующую кнопку «Скачать», что представлено на рисунка 4.1.6

Рисунок 4.1.6

Так как это бесплатное приложение, то нет смысла в его оформлении как товара и операциях оплаты.

Перейдя во вкладку «Платные» клиенту выведется список всех платных приложений

так же здесь была добавлена функция «Добавить в корзину», это представлено на рисунке 4.1.7

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

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

Рис 4.1.7

Рисунок 4.1.8

Рисунок 4.1.9

Рисунок 4.1.10

Рисунок 4.1.11

Также на сайте реализована система поиска конкретных приложений по ключевым словам, как представленно на рисунке 5.12

Рисунок 4.1.12

Сайт корректно отображается в таких браузерах как Google Chrome, Firefox, Internet Explorer, Opera, и Safari а также на мобильных устройствах.

4.2        Руководство сопровождающего программиста

Редактирование сайта осуществляется через WordPress конструктор. Добавление новой страницы проходит очень легко, мы просто выбираем из уже имеющихся типов страниц нужный нам тип, как показано на рисунке После создания страницы программист также может выбрать название страницы или сделать её главной, при необходимости, он также может добавить или убрать её из главного меню, как показано на рисунке 4.21.

Рисунок 4.2.1

Рисунок 4.2.2

Также если программисту требуется добавить какое-то свое изображение, аудио или видео запись, он просто подгружает их, как показано на рисунке 4.2.3.

Рисунок 4.2.3

Добавление приложения на сайт в виде товара происходит следующими этапами:

1. В консоли Wordpress выбираем вкладу «товары» и кликаем на «добавить товар»

2. В строке «добавить новый товар» даем название нашему приложению, ниже прописываем общее описание товара.

3. Выбираем тип товара «Виртуальный» и «Загружаемый» ниже прописываем краткое описание товара.

4 Справа добавляем сам apk файл и изображения к нему и тут же ставим категорию товара к которой и будет присвоено само приложение.

5. Жмем «Опубликовать» и товар добавляется на сайт.

Ниже на скриншотах показаны все выше перечисленные действия

Рисунок 4.2.4

Рисунок 4.2.5

Рисунок 4.2.6

Рисунок 4.2.7

Заключение

В ходе выполнения дипломного проекта на тему «Интернет магазин по продаже Андроид-приложений» был разработан сайт по продаже мобильных приложений на андроид, использующий технологии PHP, HTML, JavaScript и CSS.

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

Для разработки сайта были выбраны бесплатный конструктор сайтов WordPress и наборы плагинов, благодаря их доступности и простоте.

В качестве языков были выбраны HTML, PHP, CSS и JavaScript, так как они обеспечивают достаточную мультиплатформенность без каких-либо дополнительных значительных усилий со стороны разработчика.

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

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

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

Сайт удовлетворяет всем поставленным техническим и функциональным требованиям.

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

Ссылка на сайт www. linyacrazy. bget. ru

Список используемых источников

Wikipedia, the free encyclopedia [Электронный ресурс] : Википедия – свободная общедоступная многоязычная универсальная энциклопедия.– Режим доступа: http://ru. wikipedia. org/wiki/ Заглавная_страница.– Загл. с экрана. – яз. рус. PHP-заметки [Электронный ресурс] – Режим доступа: http://php-zametki. ru.– Загл. с экрана. – яз. рус. Интересные публикации / Хабрахабр [Электронный ресурс] – Режим доступа: http://habrahabr. ru.– Загл. с экрана. – яз. рус. Специфика деятельности предприятия электронной торговли и ее учет в управлении развитием персоналом http://mykonspekts. ru/1-10302.html

5  Уроки WordPress https://wpcafe. org/uroki-wordpress/