Giter VIP home page Giter VIP logo

front's Introduction

 Кубик - уличный квест

front's People

Contributors

imega avatar

Watchers

 avatar  avatar  avatar

Forkers

pailik domio

front's Issues

первый экран

[ ]
сюда человек попадает по ссылке с лэндига в группе ВК (там сдержатся правила и предостережения)

  1. вверху картинка логотип @pailik
  2. ниже (серединка) описание квеста текст
  3. внизу кнопка "играть" которая ведет на следующий экран
    при нажатии на играть происходит авторизация в ВК в промежуточном окне

Отказ от сообщения геопозиции

Проблема

В момент когда идет запрос о геопозиции пользователь случайно/специально отказал в сообщении, приложение создает видимость зависшего.

Решение

В этом случае, отобразить причину запроса (убедительно) и вернуть на повторный запрос

Я лучше нарисую

0 экран
screenshot_19

  • 1.1. Вместо "кубик уличный квест" - название квеста "Окольный град” (у нас же куча квестов будет) #16
  • 1.2. кстати, отсюда на титульной странице http://kubikvest.xyz есть только кнопка "играть", а будет 10 квестов? должен быть выбор квестов и еще видимо промежуточная страница с выбором картинками и описанием или вниз этой слайд. Лучше сразу заложить эту вариативность. #15
  • 1.3. Под названием квеста надо просто текстовое поле, обозначь его, к примеру "бла бла бла" потом я допишу. Там будет описание квеста, условия возрастные и тд. #17
  • 1.4. Далее куда надо подойти - это либо текстом прописать, либо унифицировать поле.
  • 1.5. Важнее тут, чтобы если не туда подошел человек появился текст "Вы еще не на нужном месте, дойдите и еще раз нажмите кнопку "я на месте"". тексты мы потом отрулим еще не раз главное чтобы были поля и появлялись в нудное время.
  • 1.6. Таймеров тут никаких нет, единственное действие перенаправление кнопкой я на месте на следующий экран задания, там уже пойдет таймер частный и таймер общий.

экран задания
screenshot_20

  • 2.1. В экране задания, первого или какого либо нет шапки "задание 1". Человек же должен видеть это первое задание это второе, ориентироваться.
  • 2.2. Кнопка называется отныне "проверить ответ", а не "я на месте" отсюда опять же два выхода: да или нет. да - новое задание, нет - "вы ошиблись подумайте еще и проверьте ответ снова" #14
  • 2.3. Внизу над таймером текст "Время до первой подсказки" иначе непонятно зачем тут таймер. #18
  • 2.4. Кончается таймер появляется первая подсказка
  • 2.5. Опять от первой подсказки идет таймер с текстом "время до второй подсказки"
  • 2.6. Кончается появляется вторая подсказка
  • 2.7. Идет таймер с текстом "время до ответа"
  • 2.8. Появляется ответ "Туда сюда. (Подойдите к этому объекту и пришлите свою геопозицию, чтобы получить следующее задание.)" и ваще целевые действия надо везде приписать, для тех кто не читает правила.
  • 2.9. На скрине я вижу ответ виден сразу, чего не должно быть естественно.

Правки

  • [ ] Так понимаю .rere осталось в выдаче с прошлой индексации?
    screenshot_3

    screenshot_4
  • [ ] Тут логично чтобы была ссылка на лэндос с правилами https://vk.com/page-125131935_52622831, которые будут переделаны под текущий вариант.
    Вступительный текст я подправил.

    screenshot_7
  • "Кубик - уличный квест" заменить на квест “Окольный град”. (название конкретного квеста и далее на экранах так же.)
  • Под названием поле с описанием квеста. Текст:
    Тип - пеший квест
    Сложность - средняя
    Возрастная категория - 14+
    Протяженность - около 4х км.

- [x] Таймера тут быть не должно и подсказки.

screenshot_9

  • Начиная с 1го и до последнего задания кнопка "Я на месте" переименовать в "проверить ответ"
  • У заданий добавить "задание №"

- [ ] Перед таймером нет текста "осталось времени до 1й подсказки", "осталось времени до 2й подсказки", "осталось времени до ответа"

screenshot_10

  • Дождался конца таймера, появилась подсказка, но почему то с 13ти минут. (таймеры рандомно работают) Ну и опять нет "осталось времени до 2й подсказки". еще бы сделать таймер ниже подсказки, логичнее.

- [ ] Подсказки открылись во всех заданиях, а должны только в текущем.

screenshot_11

  • Результатов нет, их логичнее вывести сразу после ответа на последнее задание
  • А вот кнопку "мои результаты" назвать "оставить отзыв" и она перенаправляет сюда https://vk.com/topic-125131935_34100248
    Цикл завершен, началось в ВК и закончилось в ВК.

убрать тех. информацию

убрать везде техническую информацию точки, расстояние до точки и кнопку “truncate db”, сделать доступным только для наших аккаунтов, а для всех остальных скрыть

также если не починить обратный отсчет на кнопке проверки ответа то тоже его убрать

общий SCREEN

screen_01
screen_02

  • 1 картинке увеличить кнопень
  • 3 картинке заменить хедер
  • 4 картинке заменить хедер

Таски

edrick
12:52 AM

  1. Кнопка виснет, приходится перегружать, начинать с начала и т.д. танцы с бубном.
  2. Было передано lat lng, не отображается, мигает и исчезает.
  3. До подсказки осталось: - до какой? до первой, до второй, до ответа? Все подсказки и ответ должны располагаться на одной странице, чтобы их можно было соотносить с заданием и друг с другом.
  4. Если выгрузить игру, и снова запустить, то таймер идет на том месте с которого выгрузили приложение, чтобы он обновился и стал актуальным надо перегружать страницу. Отсюда вытекает, как я и говорил, чтобы при нажатии кнопки "проверить место" перегружалась страница принудительно, чтобы появилась актуальная ситуация по времени подсказкам и жпс бы включился снова и т.д.
    12:55
    Херня осталась то, сам механизм отладить, надо в кратчайшие доделать все!

второй экран

авторизовался в ВК попал сюда

  1. картинка
  2. текстовое поле "вам надо подойти туда то туда то" (точки старта будут разные для каждого квеста, может быть и несколько точек, которые выпадают разные разным пользователям)
  3. кнопка "я на месте" проверяет геопозицию, если верна то переход на следующий экран
    если нет, то появляется текст "вы еще не на нужном месте, дойдите до точки старта и нажмите еще раз кнопку "я на месте"
    прим. допустим компания из 6 чел. разделилась на три команды взяла один и тот же квест и решили посоревноваться, чтобы они не пересекались, надо их развести на старте, поэтому они получат разные точки старта.

добавить картинку

над кнопкой НАЗВАНИЕ КВЕСТА добавить картинку

размер картинки фиксированный ( ? ) 280х170
ширина кнопки фиксированная ( ? ) 280

нажать можно как на кнопку так и на каринку

kartinka

инфа у таймера

где таймер к заданиям и подсказкам
добавить слева текст “ДО ПОДСКАЗКИ №1 ОСТАЛОСЬ:” (соответственно до подсказки №2 и до ответа)

картинку на первый экран

на первый экран добавить картинку / лого / текст "Кубик уличный квест"
сделать кнопку после картинки и сделать ее больше

kartinka_01_2

про текст (text-align)

Кнопки и заголовки текст по центру, остальной текст по левому краю

третий экран основной где идет вся игра

пришел на точку старта проверил позицию все верно приходит первое задание.

  1. картинка
  2. заголовок "задание 1"
  3. задание "текст"
  4. кнопка "проверить ответ" тоже самое, проверяется геопозиция, если верна, пререход на второе задание, если нет появляется текст "подумайте еще, ваша геопозиция неверна"
  5. текст "подсказка 1" рядом отсчет таймер 19:59 до того как она откроется, закончился таймер открывается "текст подсказки"
  6. текст "подсказка 2" - тоже самое
  7. ответ - тоже самое (пока так или иначе не дойдешь до нужной области которая загадана, следующего задания не получишь)

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

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

хочу

Как на главную страницу добавить

  1. Картинки
    1.1 Лого
    1.2 Описание
    1.3 УТП
  2. Кнопки
    2.1 Квесты (список квестов)
    2.2 Игра (начать игру)
    2.3 Правила

Подсказки для задания

Проблема

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

Решение

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

  • Добавить временную метку начала задания kubikvest/api#14
  • Добавить 2 поля под текст для подсказок kubikvest/api#15
  • Добавить правильный ответ (будет являться подсказкой)
  • Добавить элемент для отображения текстов подсказки или ответа
  • Макет для элемента для отображения текстов подсказки или ответа
  • Добавить таймер с вызовом метода получения подсказки #9
  • Макет для таймера с вызовом метода получения подсказки

Кнопки квестов и шапка

Кнопки квестов и картинки для квестов разделить по цвету от шапки
кнопка - синяя
название (шапка) - текст на белом фоне (как сейчас на айпаде и компе)

финальный экран

последнее задание отправили геопозицию, все она верна - попали сюда

  1. картинка
  2. текст "поздравляем бла бла бла, вы прошли за столько времени" то есть должно считаться время от момента старта первого задания и до конца. А в идеале, километраж, количество потраченных калорий и т.д. такие всякие метрики девочкам будут интересны.
  3. кнопка "поделиться результатом" пуляет картинку на страницу пользователя с результатом и текстом "я прошел квест такой то за столько то" (подумать надо как это будет выглядеть)

Поправка к финальному экрану

В конце игры на финальном экране появляется кнопка "Получить бонус от Кубика!"

Всем участникам можно давать некий код (fhja65693hjs) на предоставление скидки в квеструме "Взаперти".
Текст - "В качестве подарка, вы или ваши друзья можете пройти любой квест в квеструме "Взаперти" со скидкой 20%, чтобы воспользоваться скидкой предъявите этот код на входе". (надо сделать список кодов не сильно сложных, но чтобы и от балды не могли подобрать, и зарядить этот список в базу данных. Один номер - одна скидка, дабы не могли копипастить и раздавать на лево и направо, а в квеструме я буду эти коды вычеркивать из существующего списка, когда придут люди.)

  • а вот и чекбокс подъехал)

TODO Добавить микрореакции, как подтверждение каждого действия, чтобы люди понимали что ничего не зависло.

  • Сделать полосу загрузки более заметной (широкой) в идеале анимация должна быть.
  • Разделить названия кнопок. Сделать "я на месте" только для старта, а "проверить ответ" для заданий с 1-5.
  • При нажатии на кнопку "я на месте" ничего не происходит, если человек не дошел до этого места, ему непонятно. Нужен дружелюбный интерфейс - запилить текст типа "Чтобы начать квест проследуйте на место старта." и кнопка "ок" или "понятно", которая возвращает на пред экран.
  • При нажатии на кнопку "проверить ответ" тоже ничего не происходит. Надо чтобы появлялся текст: "подумайте еще", "возможно поможет подсказка", "вы еще не на нужном месте", короче сделать много таких и по рандому запускать.
  • Оформить страницу 404 в подобном стиле http://www.dejurka.ru/web-design/mistakes-404-3/ с подсказками, типа там обновите страницу, если не помогло обратитесь в поддержку и ссылка, либо форма для заполнения с описанием проблемы.
  • Добавить прогресс бар вверху, чтобы наглядно было видно на каком этапе находится пользователь и сколько осталось. https://s-media-cache-ak0.pinimg.com/236x/79/57/53/79575334fe009e302d0ef527c0b48433.jpg
    выбор квеста/старт/1 задание/2 задание/3 задание/4 задание/5 задание/финиш
  • Еще таймер идет, но непонятно для чего и до чего. Добавить "до подсказки осталось" и "до ответа осталось" соответственно.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.