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

Введение

Интерактивное Web-приложение.

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

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

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

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

Цели и Задачи

1. Создать интерактивное приложение интернет магазина по продаже компьютерных игр (ключей).

2. Контент приложения должен выводится из БД.

3. Создать внутрисистемную систему оплаты интернет-магазина, по аналогу с сервисом Steam.

4. Приложение должно отвечать требованиям современного дизайна, верстки, юзабилити.

Глава 1. Выбор технологий

В этой главе обосновывается выбор, какие технологии для создания интерактивного веб-приложения.

приложение интерфейс серверный софт

1. Серверная ОС

В качестве сервера был выбран ОС Debian на базе Unix, т.к. 67,6% всех серверов в мире используют системы на базе Unix; OC Debian используется на 35% мировых серверов, в то время, как Windows сервер используется только на 33,6% машин.

Кроме того, основными преимуществами Debian по сравнению с Windows являются:

· cтабильность;

· большое количество пакетов;

· свободное программное обеспечение;

· множество поддерживаемых архитектур;

· легкость в настройке;

· бесплатен.

2. HTTP(Web) - сервер

Apache, так же по статистике является самым популярным HTTP сервером и занимает долю в размере 65,4%, в то время, как Microsoft-IIS всего 15%.

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

3. СУБД - MySQL

MySQL -- свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU General Public License, так и под собственной коммерческой лицензией. Помимо этого, разработчики создают функциональность по заказу лицензионных пользователей. Именно благодаря такому заказу почти в самых ранних версиях появился механизм репликации.

Исторически MySQL развивался именно как база для web, где режим работы довольно специфичен - подавляющее число запросов это простые SELECT из больших баз, от множества пользователей, обновлений и вставок - мало, хранимые процедуры, триггеры и т.п. - тоже редко используются. Поэтому не смотря на то, что MySQL не является самым оптимальным вариантом СУБД, как, например MS SQL, он однозначно более всего подходит именно для создания веб-приложений простого и среднего уровня, где нет необходимости работать с очень большими объемами данных или пользоваться расширенным функционалом.

В итоге кросс-платформенность, открытая лицензия и простота использования делает MySQL самой популярной СУБД для создания средних интерактивных web-приложений.

4. Язык разработки web-приложения. - PHP

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

В области веб-программирования, в частности серверная часть, PHP -- один из популярных сценарных языков (наряду с JSP, Perl и языками, используемыми в ASP.NET).

Благодаря своей простоте, скорости выполнения, богатой функциональности, кроссплатформенности и распространению исходных кодов на основе лицензии PHP.

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

· автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;

· взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);

· автоматизированная отправка HTTP-заголовков;

· работа с HTTP-авторизацией;

· работа с cookies и сессиями;

· работа с локальными и удалёнными файлами, сокетами;

· обработка файлов, загружаемых на сервер;

· работа с XForms.

В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в июне 2013 года PHP находился на 5 месте среди языков программирования. К крупнейшим сайтам, использующим PHP, относятся Facebook, Wikipedia и др.

Входит в LAMP -- распространённый набор программного обеспечения для создания и хостинга веб-сайтов (Linux, Apache, MySQL, PHP).

5. Дополнительный софт для разработки интерактивного веб-приложения

5.1 Artisteer

Artisteer - это программа для создания шаблонов сайтов популярных систем управления содержимым (CMS), таких как Joomla, Wordpress, Blogger, Drupal, DotNetNuke, кроме того с его помощью можно быстро создавать простые статические сайты с уникальным дизайном. Основные плюсы данного визуального редактора - простота и скорость создания шаблона, автоматическое создание карты сайта, пропись мета-тегов, генерация файлов .css, создание «резиновых» шаблонов, генерация ВАЛИДНОГО кода; т.е. шаблон созданый в Artisteer можно экспортировать в другие визуальные редакторы, такие как Dreamweaver. Очень мало подобных программ способно генерировать действительно валидный код.

5.2 Dreamweaver CC

Это визуальный HTML-редактор компании Adobe. , является эталоном визуальных редакторов, имеет встроенную подсветку синтаксиса языков программирования (в том числе html,java-script,php и т.д.), быстрое меню вставки элементов, возможности организации иерархической структуры.

6. СУБД

MySQL с графическим интерфейсом phpmyadmin

Рассмотрим БД “mybase”.

Структура БД mybase состоит из трех таблиц:

В таблице users хранятся данные о пользователях системы, в неё включены поля id(int), login(логин, varchar), password(пароль, varchar), fio(ФИО, varchar), email(электронная_почта, varchar), balance(баланс пользователя, int), где id является уникальным первичным ключом.

В таблице stuff хранятся данные о товарах, в неё включены поля ids(id товара int), name(имя, varchar), description(описание, varchar), price(цена, varchar), где ids является уникальным, первичным ключом. (тип данных цены обусловлен возможным выводом в как в формате числа, так и в формате «xxx руб.» или «ххх уе.»)

Поля id_client и id_stuff являются вторичными ключами и соотносятся с первичными ключами соответствующих полей в таблицах users и stuff, правила внешних ключей - ON DELETE RESTRICT ON UPDATE RESTRICT, это запрещает удалять или обновлять записи таблицы, если в главной строчке есть соответствующий родитель. Это сделано для того, что бы запретить изменять таблицу платежей, ведь может возникнуть такой случай, когда товар или пользователь может удалится из системы и из-за этого возникнет путаница в истории платежей, которая поэтому должна быть независима от подобных действий.

Таким образом таблица payments имеет отношение к таблицам users и stuff как «один ко многим», и с наличием правил соотношения ключей образует оптимальную целостность таблиц web-приложения.

7. Создание серверной части приложения

Соединение с БД реализуется следующим скриптом:

Скрипт соединения с БД:

<?php

$db = mysql_connect ("localhost","Admin","Admin1");

mysql_select_db ("mybase",$db);

?>

Этот скрипт содержится в файле bd.php, который подключается на всех страницах, где требуется соединение с БД.

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

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

SELECT id FROM users WHERE login='$login'

Запрос на сохранение пользовательских данных при регистрации:

INSERT INTO users (login,password,email,fio,balance)

VALUES('$login','$password','$email','$fio','$balance')

Запрос на изменение баланса при покупке товара: "UPDATE users SET balance=".$bb." WHERE id=".$bid Запрос на запись платежа в историю платежей: "INSERT INTO payments VALUES(NULL, '$bs', '$bid')"

Запрос на получение информации о товарах:

SELECT * FROM stuff

8. Java-script

Джава-скрипты являются основными функциями обеспечивающими активность на стороне клиента, в то время как php скрипты обеспечивают активность на стороне сервера.

Пример Java-скрипта, реализующего выход:

код кнопки:

<button onclick='myWindow()'>Выйти</button> код скрипта: <script>

function myWindow() {

var w = window.open('exit.php', 'Выход')}

</script> Функция скрипта открывает новую страницу (обработчик выхода) с заголовком «Выход». Скрипт последнего изменения страницы

shop.php <script language=\"Javascript\">

<!--

document.write('данная страница изменялась:'+ document.lastModified + '<br>')

//-->

</script>

Заключение

Выполненные задачи:

· Создано интерактивное приложение интернет-магазина по продаже компьютерных игр(ключей)

· Создана внутрисайтовая система оплаты.

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

Выводы: Приложение было создано на базе комплекса LAMP (Linux-Apache-MySQL-PHP), и соответствует всем основным техническим и стилистическим требованиям, в дальнейшем, при соответствующей модернизации может быть внедрено как независимая система простого интернет-магазина или в качестве плагинов\базы для существующих систем. Система внутрисайтовой оплаты позволяет вести международную деятельность, т.к. API оплаты для разных регионов планеты подключается отдельно, в независимости от основной валюты, используемой для оплаты на сайте.

Список литературы

1. «PHP для начинающих», Джанет Валейд, 2005, изд. «Диалектика».

2. http://wikipedia.org - электронный ресурс.

3. Дуванов А.А. Кухня Web-мастера Сидорова: основы практич. Web-дизайна. - М.: Чистые пруды, 2005. - 31 с.: ил. - (Б-ка «Первого сентября». Информатика; Вып. 4.).

4. Adobe Dreamweaver, CSS, Ajax и PHP - Дэвид Пауэрс,2009, БХВ-Петербург

5. Настольная книга администратора Debian: Debian Wheezy: от первого знакомства к мастерству, Рафаэль Херцог, 2013, Freexian SARL.

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