Начинаем разработку мобильного приложения для Alto

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

А теперь начнем, что за приложения и с чем его будут есть.
Сам пакет для приложения будет состоять из 2 вещей
1 — плагин, который по запросу к сайту отдает данным в JSON,
2 — приложение, собственно которое запрашивает и принимает эти данные.

Приложение.
За вчерашний день удалось реализовать страницу списка статей(Интересные, Новые, ТОП), статья детально, настроить и сверстать само приложение.
В дальнейшем будут сделаны разделы
— Авторизация, регистрация
— Лента
— Блоги
— Блог детально
— Сообщения
— сообщение детально
— Активность
— Избранное
— Настройки
Сразу хочу предупредить, приложение буду делать в свободное время и не обещаю что получиться быстро.
Ну и скрин 3 экранов:

И чуть не забыл, приложение будет мультиплатформенным, тобишь для android, ios, wp8

Плагин.
Тут ни чего сверх нового, берутся за основу стандартные экшены алто, немного правим код, и выводи уже в нашем шаблоне, в формате json, как пример можно посмотреть тут >

Единственное, много времени уходит на изучения Alto.

Надеюсь вас понравилось, и это приложение заинтересует вас. А если же нет, то закончу с демо версией, в которой будут разделы как:
— Статьи
— Статья детально
— Авторизация, регистрация
— Лента
— Настройки
и закрою проект

Приложение на данном этапе для андроид можно скачать на моем сайте, приятного тестирования =)

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

Похожие статьи

  • Идея мобильного приложения для alto
    Всем привет, уже более полу года слежу за развитием altocms, даже есть собственный проект на ней. На мой взгляд, это самая оптимальная cms для создания блоговой платформы.
  • Не выносятся изменения шаблона в папку /app
    Добавляю шаблону новый экшен для отображения определенных блогов по ссылке /games. Прочитал, что любые изменения в файлах сайта нужно делать вместо папки /common в папке /app, чтобы гарантированно ничего не затерлось ...

51 комментарий

0
)))
Отредактирован:
+1
radiolip Приложение, для движка Alto, получается для всех пользователей чьи сайты на alto.
Просто как пример используется мой тестовый сайт
+2
Очень хорошая новость. Лично я рад, что вы приняли решение двигаться в этом направлении.
0
А вот эти надписи в меню можно будет изменить, или убрать? Цвета изменить? Логотип? Что вообще будет кастомизируемо?
Отредактирован:
+1
inliquid в любом случае я выложу только исходники, вам в настройках придется прописывать ваш адрес сайта.

А исходники это обычные js, css, html файлы, ну и много хлама от cordova, без которых не будет экспорта в приложение (apk, ipa и т.д.), вся суть приложения, это запросить, получить и вывести данные. Вывод происходит с помощью js.

Цвет, внешний вид и вообще все стили можно будет поменять стандартно, css.
Текст, который статический, можно будет менять просто в html файле, а вообще будет правильно сделать локализацию, что и будет сделано в дальнейшем.

Так же для не знающих, ленивых и богатых могу настраивать, править стили и паковать на заказ, чтобы на выходе уже было готовое приложение для конкретного сайта, но до этого еще далеко.
Отредактирован:
+1
Это подходит)) Штука интересная, будем следить за новостями!
0
А как будет проходить сборка, через сервис PhoneGap, или через среду разработчиков?
+1
Да, вам потребуется sdk.
Для Android, нужно скачать Eclipse, открыть будущий проект, и экспортировать в apk, не забыть перед этим зайти в config.js и написать свой адрес сайта. НО не забываем чтобы попасть в google play, надо отдать денежку, в яндексе бесплатно.
Для айфонов, тут сложнее, нужен xcode, не знаю есть ли он для винды, ну и чтобы экспортировать в приложение, вам потребуется аккаунт разраба, он стоит у них $99, у меня у самом еще нет, только если аккаунт компании, в которой я работаю.

В любом случае перед запуском я составлю описание.
0
xcode не запустить на windows, нужен Mac или хакинтош.
0
А кто кто вам мешает поставить виртуальную машину с макосью?
+1
Да я могу и друга попросить упаковать)
+1
Шикарная новость
+1
Смотрится офигенно. Только комментарии почему то не видно
+2
До комментов еще руки не дошли, не все сразу.
Отредактирован:
+3
Добавил вывод комментариев, приложение перезалил
+1
Круто!!!
+2
В дальнейшем, по добавлению нового функционала буду отписываться тут.
0
Выглядит неплохо (на 4.3 дюймах HTC). Если хотите можем более подробно расписать рекомендации, что как нам кажется стоит улучшить в плане дизайна и юзабилити. Нужны вам такие отзывы?

И еще вопрос сразу, будет ли авторизация и возможность оставлять комментарии, и постить топики?
0
Отзывы и пожелания приветствуются всегда, буду только рад.
Авторизация, оставлять комменты и т.д. будут, но тут надо подумать над безопасностью, ведь сайт будет уже не просто отдавать данные, но и принимать.
А так, все это в планах, по идее задумка и есть, чтобы использоваться приложение как полноценное замена/дополнение сайта с мобильных устройств.
Отредактирован:
0
Я так понимаю, что разработка делается с помощью PhoneGap? А как это хозяйство с внешним сайтом общается, как обычный браузер? Такие вещи, как сессии и куки, работают как у обыкновенного браузера?
0
aVadim совершенно верно, но тут лучше использовать хранилище(localStorage), для хранения данных пользователя, иначе при перезагрузке устройства им каждый раз придется авторизироваться.
Так же хочу сделать кешировали данных, чтобы приложение не кушала трафик каждый раз, когда пользователь переходит по разделам.
+2
тут лучше использовать хранилище(localStorage), для хранения данных пользователя, иначе при перезагрузке устройства им каждый раз придется авторизироваться
Сейчас браузер юзера при авторизации получает куку, а потом при каждом заходе на сайт происходит автоматическая авторизация по этой куке. Тут ведь так же можно устроить. Или хотите в локальном хранилище прямо пару логин/пароль хранить?

А вообще, ценность этого приложения возрастет многократно, если сможете организовать не просто пассивное чтение, а пушинг со стороны сервера — вот это реально круто будет.
0
а пушинг со стороны сервера — вот это реально круто будет.
Соглашусь, надо будет попробовать.
0
пушинг можно организовать через сервисы apple и google, благо для phonegap есть библиотеки для работы с push notify, я правда использую ionic для разработки приложения, но суть такая же. При логине на сайте приложение получает свои key в системе пушингов и потом шлет уведомления на телефон.
+3
Отличная новость! Вы — молодец! Держу руку на пульсе и буду следить за вашими успехами!
+1
Спасибо! Очень обрадовали. Это мега актуально!!!
Отредактирован:
+3
несколько комментариев по поводу дизайна и юзабилити:
— Левое меню можно сделать чуть поуже (Или это у меня как то разъезжается? 4,3 экран, съезжает верхний бар кстати вправо и получается между левым краем белый зазор)и вставить сверху аватарку и имя пользователя
— Кнопки лайков и комментов сдвинуть вправо и побольше сделать — уж больно мелкие.
Вообще правая область является горячей в любом приложении (до нее легко дотянуться ведущим правым большим пальцем) поэтому важные элементы лучше располагать там
— Интересные новые и топ можно сделать иконками и выстроить в ленту, к ним будет быстрее доступ в один шаг а не в два как сейчас.
— Размер шрифта названия поста слишком мелкий как мне кажется, я бы сделала побольше. Со шрифтами вообще можно «поиграть», рассортировать информацию.
— Крутая находка открыть в браузере — по моему это классно, но значок неочевидный)
Начало отлично, всячески Вас поддерживаю)
0
Крутая находка открыть в браузере

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

это все будет после добавления функции авторизации, буду делать ее как закончу с блогами.
+2
Сделал страницу списка блогов, блог детально в разработке.
Приложение обновил.
0
У меня 4.7'' получилась лажа с отображением, еще на меню попасть не могу:


Если перевернуть телефон по горизонтали, то меню прячется и не прокручивается.
Отредактирован:
0
Пробовал спрятать меню не получилось.
Телефон: LG E975
Android 4.1.2
Отредактирован:
0
Функцию с меню вчера переписал, выложить еще не успел, вечером постараюсь.
Хотел сделать чисто на css, о чем пожалел, некоторые девайся не поддерживают, и на слабых глючить.
+2
Добавил блог детально, приложение обновил.
0
Супер новость! С нетерпением жду приложения! =)
0
Объясните мне неученому зачем создавать отдельные приложения для сайтов, когда можно затратить усилия на качественную мобильную версию с кэшем и локальным хранилищем? Я, например, регулярно посещаю 20-30 сайтов с телефона, неужели для каждого надо ставить приложение и это будет удобно?
+1
AlexeyLa вместе с приложением стартанет и мобильная верия сайта, она будет мало чем отличатся от приложения, по сути, будет так же запрашивать json данные с сайта и выводить на экране браузера, получается в комплекте будут 3 пакета, это сам плагин для сайта, моб. версия сайта и приложение(для Android и iOS). Пользователи сайта будут сами решать через что им сидеть, через моб. версию или через приложение
Единственное, хочу предупредить, все событие завязаны та тач, тобишь клики, ховеры и т.д. с компа просто не будут работать, это связано с тем, что в телефонах click, onclick и т.д. идут с задержкой приблизительно 0.3-0.5 секунд, и выглядит так, что как будто глючит.

А вообще не вижу ни чего плохого в приложении для сайтов, вас же ни кто не заставляет им пользоваться =)
Да и у многих сайтов есть свои приложения, взять те же соц. сети, не думаю что у вас на телефоне нет ни одного, и вы предпочитаете пользоваться браузером.
Взять даже тот же хабр, не супер конечно, но и у них есть свое приложение, и пользуется популярность, судя по количеству установок (50 000–100 000)
0
Согласен с вами, что приложение как дополнительная плюшка не помешает. Особенно, если в приложении реализованы функции, недоступные мобильным версиям сайтов. Например, Яндекс.Карты в виде мобильной версии сайта, вряд ли удастся сделать такими же удобными, как отдельное приложение. Но! Если функционал приложения реализуем в мобильном браузере, то в первом приоритет я бы хотел видеть мобильную версию, а затем уже приложение.
+1
Для Charming будет приложение?
+2
Приложение разрабатывается под стандартный функционал движка, без всяких сторонних плагинов, на данный момент для тестового сайт.
Сейчас подпиливать для разных сборок или плагинов точно не буду, сначала надо с стандартными функциями закончить, а потом как пойдет.
0
Хорошая новость!
0
А может быть выложить исходник на github смотри еще народ подтянулся бы в разработку.
+2
А чем дело то кончилось?
+1
:) оно просто кончилось.
+1
Приложение не забыто, и оно будет, но не сейчас.
Времени вообще нет, на работе завал и по подработке завал.

Для приложения нужен плагин, который бы при запросе принимал и отдавал JSONы (например по site.ru/api/user/username отдаст данные пользователя), естественно с *headers, для защиты.

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

Если кто напишет такой плагин, то приложение, а точнее его исходники, будет максимум через неделю на фреймворкаке AngularJS (в который я просто влюбился, как познакомился), на платформах iOS и Android.
А так, будет время буду делать.

*headers — можно посылать уникальный ID, который бы прописывался для устройства при регистрации или авторизации в приложение. Так же можно вести базу, кто с какого девайся заходил.

0
Под LS есть подобный плагин, но он не работает на alto :(
0
С таким плагином доже можно будет создавать веб mvc приложения для alto, что позволило бы посетителям сайта пользоваться им «на лету». Обновление ленты, сообщений, статей и т.д. без единой перезагрузки страницы (Типа как в vk.com, новости появляются сразу, без перезагрузки) небольшой пример
0
С таким плагином доже можно будет создавать веб mvc приложения для alto, что позволило бы посетителям сайта пользоваться им «на лету». Обновление ленты, сообщений, статей и т.д. без единой перезагрузки страницы (Типа как в vk.com, новости появляются сразу, без перезагрузки) небольшой пример
Непонятно что, непонятно как, непонятно какими ресурсами, и непонятно когда, но будет работать на андроид и иОС… И еще с ним можно будет создавать приложения «как в vk.com». Ну ладно…
Отредактирован:
0
Да и на вопрос про проверу на размераз экранов, можно просто поставить canary googla и там отличная мобильня отладка, которая задает и заголовки и юзерагенты и размеры девайсов, а так как используется phonegap вообще не вижу проблем.

p.s. Сам использую ionic для разработки, canary для тестов + ios эмулятор + genymotion (для эмуляции andorid devices)
0
Может кто то успел скачать последний вариант приложения, а то ссылка на скачку больше не работает.
0
Друзья привет, а скажите для Айфонов будет приложение? И есть ли уже готовое приложения для андройда?
Отредактирован:
0
Можно попробовать в складчину скинуться на разработку...
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.