Поиск

Полнотекстовый поиск:
Где искать:
везде
только в названии
только в тексте
Выводить:
описание
слова в тексте
только заголовок

Рекомендуем ознакомиться

'Документ'
Обучающийся (аяся) на курсе по специальности СПО 140448 «Техническая эксплуатация и обслуживание электрического и электромеханического оборудования» (...полностью>>
'Документ'
Проведение лечебных ванн (при диатезе, опрелостях) Проведение пробы Сулковича Профилактика бленнореи....полностью>>
'Документ'
Настоящим доводим до Вашего сведения информацию об основных условиях использования банковских карт Visa/MasterCard, эмитированных КИВИ Банк (ЗАО), пре...полностью>>
'Документ'
Для высвобождения средств необходимо обратится в службу технической поддержки по адресу eaist@mos.ru. По форме (сообщение от 20.02.2016 в новостной ле...полностью>>

Главная > Документ

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

Для браузерного приложения сделать полностью рабочие экраны вход/регистрация (с отсылкой ссылки для активации email), активация, редактирование своего профиля. Php+MySQL+Javascript. Срок до 08.11.2013. В процессе работы все уточнения по скайпу и эл.почте

Приложение 1. Задание на разработку страниц регистрации и входа

Задание

Для браузерного приложения необходимо

  • Сделать welcome screen – вёрстка, разработка (есть дизайн)

  • процедуры регистрации и входа пользователей

  • процедуру узнавания пользователя

  • процедуры подтверждения email, смены пароля

  • сделать страницу редактирования профиля пользователя

  • сделать вёрстку «главной страницы» (есть дизайн) и прокомментировать html-код

Основная информация и требования/ограничения

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

Реализация должна поддерживаться браузерами IE, Mozilla FireFox, Google Chrom, Safari, а также работать в стандартных браузерах устройств Android версии 2.3. и выше, устройств на iOS версии 6 и выше.

Все элементы должны адекватно работать и при управлении мышкой, и при касаниях (touch).

Принципиальный момент – для работы приложения на новом устройстве не должно требоваться никаких дополнительных установок (типа Java для iPhone и т.д.), у пользователя всё должно заработать с первой попытки. Соответственно, Flash тоже неприемлем.

Отображение страниц должно происходить быстро даже при работе в сети EDGE.

С учётом этого основным языком разработки клиентской части предполагается PHP4 (обсуждаемо).

В качестве СУБД предполагается MySQL.

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

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

Все экраны приложения (кроме welcome screen) имеют одинаковый верх и низ.

Сверху у всех страничек одинаковая шапка с картинкой 640х120 (сделать отдельным файлом php). На рисунках ниже это изображено как прямоугольник с надписью «Header».

Снизу у всех футер с копирайтом, счётчиками и др.информацией (сделать отдельным файлом php, наполнение будет отдельной задачей)

Чтобы пользователь попадал на сайт по имени домена, первый файл, который будет запускаться, должен называться index.php. В нем может быть javascript, определение размеров экрана, чтение cookies и т.д. и дальнейшие редиректы

Требования к серверной части

Пользователи должны заводиться как стандартные пользователи БД mySQL. В качестве логина должен использоваться никнейм. В электронном адресе должна быть как минимум одна собачка и одна точка, имена должны быть одинаковыми. Кроме того, надо создать таблицу z#userprofile, связанную 1:1 со стандартной таблицей user по никнейму и содержащую все дополнительные реквизиты пользователя.

Внимание, стандартную табличку user менять не надо!

В таблице z#userprofile должны быть поля (зелёным выделены поля, которые пользователь может редактировать на странице редактирования своего профиля; синим – которые редактировать не может):

USERNAME – char16 – для связки с полем user таблицы user;

USERMAIL – char100 – адрес электронной почты;

AVATAR – тип - ? – для указания аватаров

RGISTRATION_DATE – date – тип «дата» - дата регистрации пользователя

USER_COUNTRY – int10 – на данном этапе оставляем пустым

USER_CITY – строка 100

USER_LANGUAGE – tinyint

GEOTAG – тип - ? – местонахождение пользователя, выбранное на карте или определенное с мобильного устройства.

CNT_WINS – int10 – целое число – количество выигранных партий

CNT_LOSSES – int10 – целое число – количество проигранных партий

CNT_DRAWS – int10 – целое число – количество партий, сыгранных вничью

ELO_RATING – int10 – целое число – по умолчанию устанавливать в 1300

RATING – int10 – целое число – номер позиции в рейтинге

ACCOUNT_TYPE – tinyint – платный/бесплатный/итд

IS_EMAIL_CONFIRMED – boolean – признак того, что email подтверждён

IS_MAILING_ALLOWED – boolean – признак того, что пользователь согласился получать уведомления от игрового сервиса

Описание сценария входа

  • Общие правила

    • Пользователь набирает адрес сайта, сайт пытается его узнать.

    • Если ранее он заходил на сайт и не нажал «выход», то он автоматически проходит регистрацию и переходит на главную страницу, не видя welcome screen.

    • Если информации о предыдущем входе с данного устройства нет, то выводится welcome screen (см.рис.1)

    • Язык интерфейса берется из локальных настроек. Если их не удалось прочитать, то по умолчанию язык английский.

    • В процессе работы с Welcome screen, если пользователь вводит данные и после нажатия на кнопку возвращается с ошибкой на welcome screen, все введенные им значения полей должны сохраниться (кроме паролей)

    • Сообщения об ошибке выводятся красным цветом между заголовком соответствующей секции и полями ввода. Текст берется из справочника.

  • Вход зарегистрированного пользователя

    • Пользователь вводит никнейм, указанный ранее при регистрации, пароль и нажимает Enter

    • Если проверка логина/пароля прошла успешно, осуществляется вход, пользователь попадает на главную страницу

    • Если проверка неудачна, то остаёмся на welcome screen, где появляется сообщение об ошибке («Incorrect login or password»).

  • Если пользователь забыл пароль

    • Пользователь вводит свой email, указанный ранее при регистрации, в соответствующий контрол и нажимает Restore

    • Система проверяет существование такого email и соответствующего ему логина

      • Если такой адрес зарегистрирован, генерирует и отправляет на него ссылку на страницу смены пароля.

      • Если такой адрес не зарегистрирован, выводит сообщение об ошибке («This email is not registered»). Пользователь может исправить ошибку и еще раз нажать Restore.

    • Пользователь проверяет email и переходит по ссылке на страницу смены именно его пароля.

    • Вводит там новый пароль два раза, нажимает ОК.

    • Новый пароль сохраняется в системе.

    • Пользователь переводится на главную страницу игры

  • Регистрация нового пользователя

    • Пользователь вводит никнейм, email, два раза пароль, ответ на сгенерированный вопрос, нажимает Register.

    • Проверяется уникальность никнейма, валидность имейла (есть собачка и точка), равность двух паролей, ответ на сгенерированный вопрос.

      • Если есть ошибка, то остаемся на этой же странице, ошибка выводится красным шрифтом («This nickname is occupied», «This email is not valid», «Passwords are empty or not the same», «The answer is incorrect»). Пользователь может попробовать ещё раз.

      • Если проверки прошли

        • Проверяем, есть ли уже зарегистрированный пользователь с таким логином (имейлом)

          • Если есть, то активирован ли он?

            • Если активирован, то проверяем логин-пароль и осуществляем вход – переходим на страницу основного экрана.

          • Если нет, то добавляем неактивированного пользоателя с введенными имейлом и паролем

        • Генерируем и отправляем на введённый email письмо со ссылкой для активации.

    • Пользователь переходит по ссылке для активации, его запись активируется, пользователь видит страничку с сообщением об успешности активации и возможности войти в игру. Надпись о входе в игру ведёт гиперссылкой на welcome screen.

Пример экрана welcome screen с примером ошибки

D:\!Dea\Dropbox\myChess\maket_welcomescreen_err.gif

Описание главного экрана (список активных игр)

В верхней части экран выводится шапка – такая же, как на welcome screen и других экранах

Ниже выводится информационный блок, состоящий из нескольких элементов:

  • Имя (не email, а никнейм) игрока

  • Количество сообщений (на данном этапе всегда 0)

  • Количество ходов пользователя/оппонентов

  • Таймер оставшегося времени

При нажатии на аватарку или никнейм переход на страницу редактирования профиля.

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

  • Аватарка оппонента

  • Никнейм оппонента

  • Квадратная иконка

  • Текстовое поле для вывода информации – чей ход и сколько времени осталось

  • Текстовое поле для вывода системных сообщений – может быть пустым, но должно всегда быть.

Нажатие или клик на любое место блока конкретной игры переключает на эту игру (в рамках данного ТЗ – открывает новую пустую страницу)

Под блоком игр две кнопки, ещё ниже стандартный footer. Собственно, всё.

Пример главного экрана

D:\!Dea\Dropbox\myChess\maket_gamelist.gif

Экран редактирования профиля пользователя

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



Похожие документы:

  1. Основная образовательная программа начального общего образования на 2014-2018 г

    Основная образовательная программа
    ... на основе разработки ... регистрации ... на страницах ... (на входе ... задания на применение полученных знаний в нестандартных ситуациях; задания на развитие логического мышления и пространственных представлений; задание на ... электронным приложением; универсальные ...
  2. Техническое задание на разработку информационной системы «Медицина Волгограда»

    Техническое задание
    ... задание на разработку информационной системы «Медицина Волгограда» на ... данных см. в Приложении 1. 4.Структура Сайта ... здравоохранения}внизу страницы Главная страница содержит следующие ... слева: вход в систему (авторизация) ссылку на регистрацию и ...
  3. Техническое задание на разработку Интернет-магазина «Веб Сейлс»

    Техническое задание
    ... Приложение №__ к Договору № ______ от «__» ________________ г. Техническое задание на разработку ... в обязанности которого входит прием, оформление, ... попадает на страницу подробного описания ... по e-mail о регистрации нового Покупателя; 6.7Требования ...
  4. Техническое задание на программный продукт или что значит фраза "по форме гост 19. 201-78"

    Техническое задание
    ... (страниц) ... разработки; - порядок контроля и приемки; в техническое задание допускается включать приложения ... структурам на входе и ... разработке; - другие источники разработки. пример заполненного ТЗ. Техническое задание на разработку ... сервера (регистрация и ...
  5. Техническое задание на разработку сайта, часть 1 (Система управления сайтом) Цель 2 > Задачи проекта 2

    Техническое задание
    ... -932-477 Приложение №1 Техническое задание на разработку сайта, часть ... в обязанности которого входит прием, оформление, организация ... Покупатель попадает на страницу подробного описания ... сообщение по e-mail о регистрации нового Покупателя; Требования ...

Другие похожие документы..