Разработка Интернет-магазина по продаже Андроид-приложений

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Введение

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

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

Распространённый вид уникальных товаров, широко представленный в интернет-магазинах, - это различные авторские "художественные изделия". Например, картины, куклы, плюшевые медведи и тому подобные вещи. Помимо уникальности (определяемой авторской работой) такой товар не требует обязательного личного "осмотра" покупателем, прежде чем последний примет решение о покупке.

Важна хорошо и правильно оформленная виртуальная витрина. Отсутствие физического "торгового зала" означает, что именно качество представления товара на сайте магазина играет важную роль в мотивации к покупке. Поэтому затраты на создание подробного электронного каталога товаров могут быть очень большими. При этом основная часть расходов, во многих случаях, будет связана не с технической частью: на рынке представлены готовые решения для создания виртуальных витрин в Интернете, - а с подготовкой исходных материалов для каталога: красочные фотографии, качественные описания товаров.

Так как товары выставлены в Сети, на виртуальной витрине, арендовать помещение для реальных витрин не нужно. Эта же особенность приводит к тому, что успех интернет-магазина, торгующего "материальным товаром", во многом определяется службой доставки. Если в розничном офлайн-магазине покупатель обычно сам приходит за товаром (хотя есть, конечно, исключения), то интернет-магазин должен обеспечить доставку выбранного товара к покупателю своими силами.

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

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

С покупателем придётся договориться не только о способе доставки, но и о месте и времени передачи ему товара. И если владельцы и администраторы небольших розничных офлайн-магазинчиков в большинстве своём даже никогда не задумывались о службе доставки товаров, то в случае с интернет-магазином служба доставки и качество её работы - просто ключевой вопрос. Почтовые отправления могут пропадать на почте. Курьер может плохо планировать время и не соблюдать договорённостей о времени. Все эти проблемы приводят к недовольству покупателей и, как результат, к потерям прибыли. Часть проблем можно решить, тщательно планируя техническую реализацию системы управления складом, которая связана с работой витрины интернет-магазина.

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

Принимать платежи онлайн-магазин может разными способами. Например, непосредственно через Интернет, с использованием тех или иных "электронных валют" или банковских карт. Правда, во всех случаях придётся заключить договоры обслуживания с соответствующими платёжными системами. Более того, в технической реализации интернет-магазина нужно предусмотреть программные средства приёма платежей, совместимые с выбранными платёжными системами.

Другой способ оплаты - банковским переводом. В этом случае покупателю, заказавшему товар, на сайте "выписывается" квитанция, распечатав которую можно идти в офлайновый офис банка. При этом, интернет-магазин вынужден ожидать платёж, не имея никаких гарантий того, что квитанция будет оплачена. Поэтому возникает проблема с резервированием заказанного, но неоплаченного товара на складе: не ясно, резервировать товар или нет. В некоторых случаях победить трудности помогает введение в интернет-магазине предоплатной системы расчётов, использующей внутренние лицевые счета пользователя. Такая схема распространена в интернет-магазинах, торгующих цифровым контентом (например, музыкальными записями в формате MP3).

Если товар доставляется курьером, то возможна ещё одна популярная схема оплаты: наличными курьеру. Такая схема очень удобна для покупателя. Но она далеко не всегда удобна для продавца, несмотря на то, что в этом случае не требуется каких-то особенных технических средств для отслеживания платежей на сайте магазина. Например, если доставкой товара и, соответственно, приёмом платежей занимается нанятая курьерская служба, то могут возникнуть задержки по перечислению средств курьерской службой на счета компании-владельца магазина.

Техническая реализация интернет-магазина определяется интенсивностью продаж и разнообразием ассортимента. При минимальных, штучных ежедневных продажах, узком ассортименте интернет-магазин может состоять из одной страницы-витрины и формы-анкеты для "ручного" приёма заказов. Более развитая, но всё ещё простая торговая система может быть реализована с использованием готовых расширений для распространённых современных CMS. Действительно же массовые продажи (вне зависимости от ширины ассортимента), конечно, потребуют специальной технической базы, включающей в себя не только реализацию интернет-витрины, но и связанную с ней автоматизированную систему управления складом, систему взаимодействия со службой доставки и систему приёма и сопровождения платежей.

1. Постановка задачи

1.1 Анализ предметной области

Интернет-магазин (англ. online shop или e-shop) -- сайт, торгующий товарами посредством сети Интернет. Позволяет пользователям онлайн, в своём браузере или через мобильное приложение, сформировать заказ на покупку, выбрать способ оплаты и доставки заказа, оплатить заказ.

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

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

1.2 Назначение разрабатываемого сайта

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

Для реализации этого сайт должен иметь следующие разделы, доступные без какой-либо регистрации:

Раздел «Главная» - в данном разделе будут представлены новости приложений и игр на Android.

Раздел «Новинки» - в этом разделе будут отображены новейшие приложения добавленные на сайт.

Раздел «Бесплатные» - состоит из пяти подразделов: «Аркады», «Гонки», «Азартные», «Спорт» и «Стрелялки». При выборе какого либо подраздела в разделе бесплатные, вниманию пользователя будут представлены приложения, относящиеся к соответствующей категории и являющимися бесплатными.

Раздел «Платные» - состоит из пяти подразделов: «Платные Аркады», «Платные Гонки», «Платный Азарт», «Платный Спорт» и «Платные Стрелялки». При выборе какого либо подраздела в разделе «Платные», вниманию пользователя будут представлены приложения, относящиеся к соответствующей категории и являющимися платными.

Раздел «Корзина» - в этом разделе будут представлены приложения которые вы хотели приобрести и тут же вы сможете оформить покупку выбранного приложения.

Так же на сайте присутствует «личный кабинет» в котором пользователь может смотреть и редактировать свои личные данные, которые могут помочь пользователю при приобретении приложения.

1.3 Функциональные требования

К данному интернет-магазину представлены следующие требования:

1. Система поиска по ключевым словам

2. Конкретизация товара определенному типу

3. Полное описание товара с видео обзором

4. Функции оформления, оплаты и доставки приложения

5. Кроссплатформенность - сайт должен открываться на всех основных операционных системах во всех основных используемых браузерах, дизайн сайта должен быть функциональным, интуитивно-понятным.

6.Обратная связь.

7. Возможность оставлять отзывы и комментарии.

1.4 Разработка

С учетом всех вышеперечисленных условий для создания интернет-магазина была выбрана платформа создания сайтов WordPress и система управления базами данных MySQL.

Управление контентом производится из CMS WordPress.

Процесс разработки включает в себя следующие этапы:

· Анализ предметной области;

· Разработка технического задания;

· Освоение программных средств;

· Разработка дизайна;

· Создание сайта;

· Оформление пояснительной записки.

Необходимо провести ряд тестов для проверки корректности работы сайта. Для тестирования задействовать несколько устройств с мобильной операционной системой Android и ПК с ОС Windows.

2. Используемые языки, программное обеспечение

2.1 HTML

Сама история HTML, имеет весьма давние корни, начиная с языка GML (Generalized Markup Language), родившегося в недрах IBM в конце 60х годов, продолжая стандартизированным в первой половине 80х языком SGML (Standard Generalized Markup Language) и переходя непосредственно к работам Tim Berners Lee в начале 90х, которые и вылились в первые наброски HyperText и HTML и первую официальную стандартную версию HTML 2.0 в 1995 г.

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

Данный язык служит основой для использования других необходимых технологий - JavaScript, CSS и PHP.

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

2.2 JavaScript

JavaScript -- прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Для реализации поставленных задач не обязательно знать язык в совершенстве, достояно понимать логику языка.

JavaScript обладает идеальным, для нашего времени, уровнем абстракции. Не нужно думать о распределении памяти, о пятнадцати алгоритмах сортировки, о типе операционной системы. Можно сконцентрироваться на более крупных вещах, таких как архитектура или логика приложения. Это опять-таки идеально подходит для поставленной задачи - кроссплатформенности.

2.3 PHP

PHP (англ. PHP: Hypertext Preprocessor -- «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools -- «Инструменты для создания персональных веб-страниц») -- скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

PHP-скрипты выполняются на сервере и генерируя HTML и отправляют его клиенту. PHP как и HTML прост в освоении, но одновременно он может выполнять запросы профессиональных программистов.

Главная область применения PHP - написание скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять все то, что выполняет любая другая программа CGI, например, обрабатывать данные форм, генерировать динамические страницы или отсылать и принимать cookies.

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

сайт гипертекстовый скрипт сервер

2.4 CSS

CSS, или каскадные таблицы стилей, - это то, как HTML представлен. Точно также как HTML описывает контент, таблицы стилей определяют, как документ выглядит.

Стили не напоминают структуру HTML. Они используют формат «свойство: значение» и большая часть свойств может использоваться для большинства HTML-тегов.

Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS -- это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.)

Преимущества CSS:

1. Легкий оптимизированный код.

2. Правила стиля применяются к множеству страниц.

3. Точность размера полей.

4. Лучшая доступность, редактирование стилевых таблиц.

2.5 Использованное программное обеспечение

CMS WordPress.

WordPress -- система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных -- MySQL; выпущена под лицензией GNU GPL версии 2. Сфера применения -- от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать проекты широкой функциональной сложности.

Данная платформа позволяет сконструировать сайт буквально с нуля, имея лишь только идею. Простой в освоении, не требующий продвинутого уровня знаний в облатси web-программирования. Также WordPress предоставляет возможность подключения своего, нового домена или уже имеющегося.

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

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

Рис. 1. Скриншот страницы управления сайтом

Рис. 2. Скриншот панели добавления элементов

Рис. 3

Рис. 4. Скриншот добавления файла

Используемые плагины.

Download Manager- позволяет выкладывать на сайт файлы формата apk.

Рис. 5

Smart Youtube PRO - позволяет загружать видео файлы с сайта youtube.com по ссылке на само видео.

WooCommerce - Позволяет сделать из простого сайта интернет-магазин добавляя функции коммерции.

Рис. 6

Скриншот функций плагина WooCommerce.

WP-Recall - Добавляет функции Личного кабинета на сайт.

Рис. 7

3. Анализ, проектирование и реализация сайта

3.1 Анализ других интернет-магазинов приложений на Android

Сравним разрабатываемый нами сайт с существующими сайтами-интернет-магазинами.

Для сравнения возьмем ведущий сайт мобильных приложений: "PlayMarket". Вид главной страницы сайта показан на рисунке 8.

На главной странице мы видим различные категории товаров такие как «Новинки и обновления», рекомендованные приложения, а также приложения со скидками.

Как мы можем видеть на сайте присутствует структурированность приложений, т.е. выбрав нужный раздел во вкладке «Категории» можно просмотреть интересующую нас тематику приложений. Также реализован просмотр самых популярных приложений во вкладке «Топ приложений» и последние вышедшие приложения во вкладке «Новинки».

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

Рис. 8

Рис. 9

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

Рис. 10

При использовании мобильных устройств таких проблем также не было замечено и немного видоизмененная главная страница масштабируется под экран мобильного устройства как показано на рисунке 11.

Рис. 11

Вывод: В целом сайт выполнен на отлично, но есть несколько недостатков, например сайт выполнен без адаптивной разметки, на слабых Android-устройствах загрузка сайта занимает много времени.

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

3.2 Проектирование сайта

Проектирование сайта - многоступенчатый процесс, включающий в себя постановку задачи, разработку дизайна сайта, организацию безопасной работы, тестирование и анализ результатов работы системы и еще много всего. Целью проектирования является определение внутренних свойств сайта и детализации его внешних свойств на основе выданных заказчиком требований. Эти требования подвергаются анализу. Ход процесса проектирования и его результаты зависят не только от состава требований, но и выбранной модели процесса, опыта проектировщика.

Каждый сайт представляет собой набор из страниц двух типов - уникальные страницы и типовые страницы.

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

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

В итоге мы имеем несколько уникальных страниц - главная, корзина, Личный кабинет, а так же типовые, которые в целом будут оформляться относительно одинаковым способом - такие страницы как «новинки», «бесплатные», «платные» будут выполняться с представлением разной информации в одном стиле и с использованием одних и тех же методов реализации.

3.3 Реализация основных элементов сайта

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

<a rel="nofollow"

href=http://linyacrazy.bget.ru/product/rush-rally-2/

data-quantity="1"

data-product_id="104"

data-product_sku=""

class="button product_type_simple ajax_add_to_cart">

Подробнее

</a>

При нажатии на кнопку «Подробнее» происходит переход по ссылке указанной в теге href на страницу с соответствующим приложением и гиперссылка не передает свой вес странице на которую ссылается.

<form class="woocommerce-ordering" method="get">

<select name="orderby" class="orderby">

<option value="menu_order" >Исходная сортировка</option>

<option value="popularity" selected='selected'>По популярности</option>

<option value="rating" >По рейтингу</option>

<option value="date" >По новизне</option>

<option value="price" >Цены: по возрастанию</option>

<option value="price-desc" >Цены: по убыванию</option>

</select>

</form>

Здесь производится сортировка товаров по определенным критериям путем изменения параметра «option value».

<tr class="cart_item">

<td class="product-remove">

<a href="http://linyacrazy.bget.ru/cart/?remove_item=a8f15eda80c50adb0e71943adc8015cf&#038;_wpnonce=5d973cbbf1" class="remove" title="Удалить эту позицию" data-product_id="151" data-product_sku="">&times;</a> </td>

<td class="product-thumbnail">

<a href="http://linyacrazy.bget.ru/product/hockey-hero/"><img width="180" height="171" src="http://linyacrazy.bget.ru/wp-content/uploads/2016/06/гл-180x171.jpg" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="гл" /></a> </td>

<td class="product-name" data-title="Товар">

<a href="http://linyacrazy.bget.ru/product/hockey-hero/">Hockey hero</a> </td>

<td class="product-price" data-title="Цена">

<span class="woocommerce-Price-amount amount">5.00<span class="woocommerce-Price-currencySymbol">&#8381;</span></span> </td>

<td class="product-quantity" data-title="Количество">

<div class="quantity">

<input type="number" step="1" min="0" max="" name="cart[a8f15eda80c50adb0e71943adc8015cf][qty]" value="1" title="Кол-во" class="input-text qty text" size="4" pattern="[0-9]*" inputmode="numeric" />

</div>

</td>

<td class="product-subtotal" data-title="Итого">

<span class="woocommerce-Price-amount amount">5.00<span class="woocommerce-Price-currencySymbol">&#8381;</span></span>

Эта часть отвечает за обработку товара добавленного в корзину: удаление, увеличение количества, применение купона, название приложения является ссылкой на это приложение.

<div class="cart_totals ">

<h2>Сумма в корзине</h2>

<table cellspacing="0" class="shop_table shop_table_responsive">

<tr class="cart-subtotal">

<th>Подытог</th>

<td data-title="Подытог"><span class="woocommerce-Price-amount amount">5.00<span class="woocommerce-Price-currencySymbol">&#8381;</span></span></td>

</tr>

<tr class="order-total">

<th>Итого</th>

<td data-title="Итого"><strong><span class="woocommerce-Price-amount amount">5.00<span class="woocommerce-Price-currencySymbol">&#8381;</span></span></strong> </td>

</tr>

</table>

<div class="wc-proceed-to-checkout">

<a href="http://linyacrazy.bget.ru/checkout/" class="checkout-button button alt wc-forward">

Перейти к оформлению</a>

</div>

Здесь происходит подсчет общей стоимости всех приложений, а также переход к странице оформления по нажатии кнопки «Перейти к оформлению»

<div class="author-avatar"><a href="http://linyacrazy.bget.ru/account/?user=1" title="В личный кабинет"><img alt='' src='http://2.gravatar.com/avatar/5ecb1efdbbf7911a8683a7b70bacf1c5?s=60&#038;d=mm&#038;r=g' srcset='http://2.gravatar.com/avatar/5ecb1efdbbf7911a8683a7b70bacf1c5?s=120&amp;d=mm&amp;r=g 2x' class='avatar avatar-60 photo' height='60' width='60' /></a><span title="рейтинг" class="rating-rcl rating-type-user"><span class="rating-value rating-plus">1</span></span></div><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>

<p><a href="http://linyacrazy.bget.ru/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Flinyacrazy.bget.ru&amp;_wpnonce=6dca0b0a8f" class="recall-button "><i class="fa fa-external-link"></i><span>Выход</span></a></p></div></div></aside><aside id="recent-comments-2" class="widget widget_recent_comments"><h3 class="widget-title">Свежие комментарии</h3><ul id="recentcomments"></ul></aside><aside id="woocommerce_widget_cart-5" class="widget woocommerce widget_shopping_cart"><div class="widget_shopping_cart_content"></div></aside><aside id="rcl-online-users-2" class="widget rcl-online-users"><h3 class="widget-title">Сейчас в сети</h3><div class="userlist mini-list"><div class="user-single">

Это часть отвечает за личный кабинет. При нажатии кнопки «В личный кабинет» происходит переход по ссылке представленной в 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="Dennovosel@list.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 Карта сайта

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

Рис. 11

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

сайт гипертекстовый скрипт сервер

4.1 Обзор сайта

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

Рис. 12

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

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

Рис. 13

Рис. 14

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

Рис. 15

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

Рис. 16

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

Рис. 17

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

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

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

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

Рис. 19

Рис. 20

Рис. 21

Рис. 22

Рис. 23

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

Рис. 24

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

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

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

Рис. 25

Рис. 26

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

Рис. 27

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

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

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

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

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

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

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

Рис. 28

Рис. 29

Рис. 30

Рис. 31

Заключение

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

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

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

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

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

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

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

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

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

Размещено на Allbest.ru

...