Basic Phone Interface

Идея данного интерфейса пришла мне в голову после знакомства с очередным мудрёным телефоном на Android

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

Для правильной работы этой эмуляции нужен современные браузер, должно быть разрешено показывать
картинки, javascript, CSS, cookie. Проверялось на IE8 и Mozilla Firefox 25-26.
По какой то странной причине, после загрузке на сервер, часть форматирования пришлось корректировать.

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

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

Снизу слева, доступ к сообщениям. Как бы я хотел что бы на телефоне, при нажатии на СМС, появлялось
сразу же поле ввода текста, без лишних вопросов. Если есть полученные и еще не прочтенные сообщения,
то по клику на данную кнопку, попадаешь в меню сообщений, где, теоретически, можно просмотреть это
сообщение. В эмуляторе я не реализовал возможность чтения сообщений. Когда дело дойдет до воплощения
в реальности, там уже будет все. Не получилось эмулировать клавиатуру кнопочного телефона. Кнопки
нажимаются, буквы и знаки появляются, но не получается собрать из этого слова. По этому клавиатуру
я спрятал, ее можно открыть одним кликом по соответствующему тексту. Еще в ней нет кнопки стирания
символов, можно только стереть все. За то туда можно вводить текст обычным способом. Поле ограничено
480 символами. Хотя в IE8, это ограничение не работает.

Снизу справа, доступ к звонкам. Нажал и у тебя сразу клавиатура с цифрами. Можно набрать номер и сразу
звонить. Или выбрать список контактов. Как из цифровой клавиатуры, так и из списка контактов можно не
только звонить, но еще и отправлять сообщения. По моему это удобно.

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

Список контактов. При наведении курсора на контакт, он инвертирует цвета. Видно имя и номер. Все имена
и номера выдуманные, и не имеют ничего общего с реальными людьми или номерами телефона. После выбора
контакта, одним кликом, можно позвонить выбранному абоненту, можно отправить ему сообщение. Если нажать
на кнопочку меню, попадаем на главный экран. Еще присутствует кнопка цифровой клавиатуры.
Редактировать и добавлять новые контакты пока нельзя. Эти возможности выходят за рамки обычного HTML4
и javascript. На PHP можно было бы, но на PHP программировать(собирать и настраивать готовые «кубики»)
используя обычный блокнот и 2 браузера, уже невозможно.

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

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

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

Разработка велась с ноября по декабрь 2013 года, в свободное от работы время и на чистом энтузиазме