| панель | ||||
|---|---|---|---|---|
| ||||
|
Главное меню - меню, которое позволяет осуществить основные настройки программного модуля "Mobile Taxi" (далее МТ).
Главное меню
...
Строка состояния предоставляет информацию в виде значков (индикаторов) о статусе водителя, включении фильтра, автовзятия, количестве машин в секторе, GPS и получении сообщений. На рисунке строка индикаторов отображена в области "1".
...
3 / 3
...
...
...
...
...
...
Меню (область "3" на рисунке):
- Встать в сектор — водитель выбирает: встать в выбранный сектор, сняться с сектора, посмотреть, сколько водителей уже есть в выбранном секторе, посмотреть полную информацию по секторам или уступить место в очереди сектора. Если водитель находится в секторе, название сектора и очередь в нем отображаются в главном меню.
- Фильтр — применение фильтра для заказов по сектору или по тарифу.
- Расширенный фильтр — в эфир будут поступать заказы, которые будут соответствовать условиям расширенного фильтра, а именно заданным условиям фильтрации по следующим блокам (сектор подачи, сектор назначения, тариф, тип заказа, тип расчета, шаблон адреса).
- Баланс — возможность проверить баланс счета водителя машины.
- Рейтинг — рейтинг водителя при заказах из перекидки.
- Статус — позволяет поменять статус занят/свободен.
Отображение заказов в эфире
...
Закладки (область "2" на рисунке):
- Главная — отображает главное меню МТ.
- Эфир — закладка, в которой содержится информация о "горячих" заказах .
- Предв. - вкладка, в которой содержится информация о "предварительных" заказах. Эту вкладку можно отключить. Для этого нужно из меню перейти "Настройки" → "Эфир" и снять галочку с "Вместе эфир и предварительные". Тогда "предварительные" заказы будут отображаться во вкладке "Эфир".
- Заказ — закладка, в которой содержится информация о текущих и выполненных заказах, а также входящие сообщения для водителя. Перелистывание заказов осуществляется стрелочками < и > на панели, которая находится под вкладками. Если нажать на панель между стрелочками, открывается папка "Мои заказы", где заказы представлены списком.
Переходить между вкладками можно как нажимая на их названия, так и с помощью движения пальцем по экрану в горизонтальном направлении.
...
Отображение заказов во вкладке Эфир зависит от класса машины, на которой работает водитель, и от настроек фильтров в приложении.
Отображение заказа в зависимости от дополнительных требований:
- БН - заказ с безнальным расчетом;
- П - предварительный заказ;
- (УНИВЕР) - нужна машина класса "универсал";
- (ЭЛИТ), (ПРЕМИУМ) - нужна машина класса "элит" или "премиум" соответственно;
- (ЭКОНОМ), (МИКРОАВТ) - нужна машина класса "эконом" или "микроавтобус" соответственно.
Пользовательские классы машин, а также другие дополнительные требования особой подсветки не имеют, отображены большими буквами.
Другие метки в заказах:
- R - заказ, влияющий на рейтинг;
- ** (или любая любая другая символьная метка) - заказ из обмена.
Боковое меню МТ
...
Боковое меню - меню МТ, которое вызывается кнопкой в левом верхнем углу приложения (на рисунке кнопка обозначена "1").
- Главная - вызывает главное меню приложения
- Спрятать вкладки - позволяет спрятать вкладки приложения ("Главная", "Эфир", "Заказ").
- В начало списка - для вкладки "Эфир" - позволяет отображать начало списка заказов в эфире.
- Мои заказы - информация о текущих и выполненных заказах.
- Сообщения - входящие сообщения для водителя.
- GPS Карта - позволяет определить местонахождение водителя, контролировать автотранспорт и маршруты движения в режиме реального времени, а также получать информацию о пробках.
- Таксометр - применяется для расчета стоимости поездки на основании данных о тарифе, о пройденном расстоянии и о затраченном на поездку времени.
- Доп. функции - включает в себя информацию по связи с диспетчерской, о программе, статистике по GPS и информация о последнем заказе.
- Байкал - экстренный вызов диспетчера в случае непредвиденной ситуации.
- Настройки - позволяет настроить:
- Эфир;
- Звук;
- Вибрацию;
- Оформление;
- Время подачи по-умолчанию;
- Очистить память;
- Обновление;
- Передачу GPS.
- Выход - позволяет: открыться, закрыться, выйти с закрытием, выйти без закрытия.
...
| Макрос генерирует HTML разметку |
|---|
<meta charset="utf-8"> <div class="header"> <h1><font face="roboto - medium">Описание интерфейса программы</font></h1> <h2>Описание интерфейса клиентского приложения White Label</h3> </div> <table class="interface-content"> <tr> <td style="width: 375px;"> <img src="/download/attachments/14352482/%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D0%BC%D1%82%20%D0%B4%D0%BB%D1%8F%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%B0.png" width="330" height="730"> </td> <td> <div class="menu-container"> <ul class="accordion"> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-01" hidden> <label class="accordion_trigger" for="toggle-01">Строка состояния</label> <i></i> <div class="accordion_target"> <p>Строка состояния предоставляет информацию в виде значков (индикаторов) о включенных или выключенных функций </p> <table> <tr> <td><img src="/download/attachments/14352482/%D0%BE%D1%87%D0%B5%D1%80%D0%B5%D0%B4%D1%8C%20%D0%B2%20%D1%81%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%B5.png" </td> <td>Сведения о секторах</td> </tr> <tr> <td> <img src="/download/attachments/14352482/ic_new_message.png"></td> <td>Непрочитанные сообщения</td> </tr> <tr> <td> <img src="/download/attachments/14352482/ic_filter_green.png"></td> <td>Индикатор появляется, если включен фильтр или расширенный фильтр</td> </tr> <tr> <td> <img src="/download/attachments/14352482/ic_auto_take_green.png"></td> <td>Индикатор появляется, если работает автовзятие</td> </tr> <tr> <td> <img src="/download/attachments/14352482/gps_connected.png"></td> <td>Индикатор работы GPS</td> </tr> <tr> <td> <img src="/download/attachments/14352482/ic_stat_conn_on.png"></td> <td>Отображение статуса водителя.</td> </tr> </table> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-02" hidden> <label class="accordion_trigger" for="toggle-02">Элементы главного меню</label> <i></i> <div class="accordion_target"> <p><strong>Встать в сектор</strong> — водитель выбирает: встать в выбранный сектор, сняться с сектора, посмотреть, сколько водителей уже есть в выбранном секторе, посмотреть полную информацию по секторам или уступить место в очереди сектора. <em> Если водитель находится в секторе, название сектора и очередь в нем отображаются в главном меню.</em></p> <p><strong>Фильтр</strong> — применение фильтра для заказов по сектору или по тарифу.</p> <p><strong>Расширенный фильтр</strong> — в эфир будут поступать заказы, которые будут соответствовать условиям расширенного фильтра, а именно заданным условиям фильтрации по следующим блокам (сектор подачи, сектор назначения, тариф, тип заказа, тип расчета, шаблон адреса).</p> <p><strong>Баланс</strong> — возможность проверить баланс счета водителя машины.</p> <p><strong>Рейтинг</strong> — рейтинг водителя при заказах из перекидки и в рамках своей ИДС.</p> <p><strong>Статус</strong> — позволяет поменять статус занят/свободен.</p> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-03" hidden> <label class="accordion_trigger" for="toggle-03">Описание закладок</label> <i></i> <div class="accordion_target"> <p><strong>Главная</strong> — отображает главное меню МТ. </p> <p><strong>Эфир</strong> — закладка, в которой содержится информация о "горячих" заказах. </p> <p><strong>Предв.</strong> — вкладка, в которой содержится информация о "предварительных" заказах. Эту вкладку можно отключить. </p> <p><strong>Заказ</strong> — закладка, в которой содержится информация о заказах, сообщения для водителя. Перелистывание заказов осуществляется стрелочками <strong><</strong> и <strong>></strong> на панели, которая находится под вкладками. Если нажать на панель между стрелочками, открывается папка <strong>"Мои заказы"</strong>, где заказы представлены списком. Переходить между вкладками можно как нажимая на их названия, так и с помощью движения пальцем по экрану в горизонтальном направлении. </p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-04" hidden> <label class="accordion_trigger" for="toggle-04">Отображение заказов в эфире</label> <i></i> <div class="accordion_target"> <p> Отображение заказов во вкладке <strong>Эфир</strong> зависит от класса машины, на которой работает водитель, и от настроек фильтров в приложении. <strong>Отображение заказа в зависимости от дополнительных требований</strong>: <img src="/download/attachments/14352482/%D1%8D%D1%84%D0%B8%D1%80.png" width="330" height="730"> <p> <font color="#ff0000"> <strong>БН</strong> </font>- заказ с безнальным расчетом;</p> <p><font color="#ff0000"> <strong>П </strong></font> - предварительный заказ; </p> <p><font color="#ffd700"><strong>(УНИВЕР)</strong></font>, <font color="#ffd700"><strong>(МИКРОАВТ)</strong></font> - нужна машина класса "универсал" или "микроавтобус" соответственно; </p> <p><font color="#da70d6"><strong>(ЭЛИТ)</strong></font>, <font color="#da70d6"><strong>(ПРЕМИУМ)</strong></font> - нужна машина класса "элит" или "премиум" соответственно;</p> <p>(ЭКОНОМ) - нужна машина класса "эконом".</p> <p>Пользовательские классы машин, а также другие дополнительные требования особой подсветки не имеют, отображены большими буквами. </p> <p><strong>Другие метки в заказах</strong>: </p> <p><font color="#008000"> <strong>R</strong> </font> - заказ, влияющий на рейтинг;</p> <p> <font color="#00ffff"> <strong>**</strong> </font> (или любая любая другая символьная метка) - заказ из обмена.</p> </p> </div> </li> </ul> </div> </td> </tr> <tr> <td> <img src="/download/attachments/14352482/%D0%B1%D0%BE%D0%BA%D0%BE%D0%B2%D0%BE%D0%B5%20%D0%BC%D0%B5%D0%BD%D1%8E.png" width="330" height="730"> </td> <td> <div class="menu-container"> <ul class="accordion"> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-05" hidden> <label class="accordion_trigger" for="toggle-05">Главная</label> <i></i> <div class="accordion_target"> <p>Вызывает главное меню приложения. </p> <p><strong>Спрятать вкладки</strong> - позволяет спрятать вкладки приложения (<strong>Главная</strong>, <strong>Эфир</strong>, <strong>Заказ</strong>). </p> <p><strong>В начало списка</strong> (для вкладки <strong>Эфир</strong>) - позволяет отображать начало списка заказов в эфире. </p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-06" hidden> <label class="accordion_trigger" for="toggle-06">Мои заказы</label> <i></i> <div class="accordion_target"> <p> Информация о текущих и выполненных <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552945#id-Приемзаказа,сообщенияпозаказу-ПриемзаказаСведенияозаказах">заказах</a>. </p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-07" hidden> <label class="accordion_trigger" for="toggle-07">Сообщения</label> <i></i> <div class="accordion_target"> <p> Входящие <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552945#id-Приемзаказа,сообщенияпозаказу-СообщенияСообщения">сообщения</a> для водителя. </p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-08" hidden> <label class="accordion_trigger" for="toggle-08">Связь</label> <i></i> <div class="accordion_target"> <p> Быстрый доступ к <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552909">связи</a> с диспетчерской. </p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-09" hidden> <label class="accordion_trigger" for="toggle-09">GPS карта</label> <i></i> <div class="accordion_target"> <p><a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552890&src=contextnavpagetreemode">GPS карта</a> позволяет определить местонахождение водителя, контролировать |
...
автотранспорт и маршруты движения в режиме реального времени, а также |
...
получать информацию о пробках. |
...
</p> </div> </li> |
...
<li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-10" hidden> <label class="accordion_trigger" for="toggle-10">Таксометр</label> <i></i> <div class="accordion_target"> <p><a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552900&src=contextnavpagetreemode">Таксометр</a> применяется для расчета стоимости поездки на основании данных о тарифе, |
...
о пройденном расстоянии и о затраченном на поездку времени. |
...
</p> </div> </li> |
...
<li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-11" hidden> <label class="accordion_trigger" for="toggle-11">Доп. функции</label> <i></i> <div class="accordion_target"> <p><a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552909">Доп. функции</a> включают в себя информацию о программе, статистике по GPS и |
...
о последнем заказе. |
...
</p> </div> </li> |
...
<li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-12" hidden> <label class="accordion_trigger" for="toggle-12">Байкал</label> <i></i> <div class="accordion_target"> <p><a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552909#id-Связьсдиспетчеромидополнительныефункции-Сигнал"Байкал"Сигнал"Байкал"">Экстренный вызов</a> диспетчера в случае непредвиденной ситуации |
...
</p> </div> </li> |
...
<li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-13" hidden> <label class="accordion_trigger" for="toggle-13">Настройки</label> <i></i> <div class="accordion_target"> <p>Позволяют <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552923&src=contextnavpagetreemode">настроить</a>: эфир,звук, вибрацию, оформление, время подачи по-умолчанию, очистить память, обновление, передачу GPS.</p> </div> </li> <li class="accordion_item"> <input type="checkbox" class="accordion_toggle" id="toggle-14" hidden> <label class="accordion_trigger" for="toggle-14">Выход</label> <i></i> <div class="accordion_target"> <p><a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=12779624#id-Статус,рейтинг,баланс-Вход/ВыходизмодуляВход/Выходизмодуля">"Выход"</a> позволяет открыться, закрыться, выйти с закрытием, выйти без закрытия.</p> </div> </li> </ul> </div> </td> </tr> </table> <style> .menu-container * { list-style: none; |
...
margin: 0;
padding: 0;
}
.interface-content {
width: 100%;
}
.interface-content td {
vertical-align: top;
}
.accordion_item {
border-bottom: 1px solid #DFE1E6;
position: relative;
}
.accordion_trigger:hover {
background-color: #F4F5F7;
}
.accordion_item:last-of-type {
border-bottom: none;
}
.accordion_trigger {
display: block;
font-weight: normal;
cursor: pointer;
padding: 1.2em;
color: #253858;
font-weight: bold;
}
.accordion_toggle {
position: absolute;
display: none;
}
.accordion_target {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.accordion_target p {
margin-bottom: 1em;
}
.accordion_toggle:checked~.accordion_target {
position: static;
overflow: visible;
clip: auto;
padding: 0.2em 1.2em 0.2em 1.2em;
width: auto;
height: auto;
}
.accordion_item i {
width: 0.7em;
height: 0.7em;
display: block;
position: absolute;
right: 0;
top: 0;
margin: 1.4em;
border-color: #253858;
border-style: solid;
border-top-width: 0.3em;
border-right-width: 0.3em;
border-left-width: 0;
border-bottom-width: 0;
transform: rotate(45deg);
}
.accordion_toggle:checked~i {
border-top-width: 0;
border-right-width: 0.3em;
border-left-width: 0;
border-bottom-width: 0.3em;
}
</style>
<style>
.header {
background-image: url("/download/attachments/6817598/bg_3.png");
text-align: center;
padding: 20px;
}
.header h1,
.header span {
color: #583C00;
}
.header h2,
.header span {
color: #444444;
}
.header h1,
.header h2 {
margin: 20px;
}
.header h1 {
font-size: 48px;
}
.header h2 {
font-size: 18px;
}
.header a:link,
.menu a:link {
text-decoration: none;
}
.header a:visited,
.menu a:visited {
text-decoration: none;
}
.header span {
margin: 10px 15px 10px 15px;
font-weight: 600;
}
.header span:hover {
background-color: #4DA0EA;
border-radius: 0.5em;
margin: 0px;
padding: 10px 15px 10px 15px;
}
#title-heading {
display: none;
}
.page-metadata {
visibility: hidden;
}
</style>
|


