Нужно создать что-то вроде страницы Входящие Gmail

Question

Я хочу создать пользовательский интерфейс, такой как страница входящих сообщений Gmail, в моем веб-приложении (основное внимание уделяется тому, как он выводит сообщения и отображает их), но не знаю, как он был разработан.

Раньше я никогда не проектировал профессиональный веб-интерфейс, поэтому я был бы рад, если бы вы указали мне самый простой способ.

(Мое приложение написано на Java, и я, кстати, использую игровой фреймворк)

Answer 1

Если вы хотите что-то такое же быстрое и богатое, как gmail, то, скорее всего, вам придется чувствовать себя комфортно, используя какую-то комбинацию Javascript и CSS.

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

Я бы сказал, возьмите хорошую книгу или проведите еще несколько исследований по одной или нескольким из следующих технологий:

• Javascript (возможно, инфраструктура JQuery)
• CSS3
• AJAX
• HTML 5
• JSON

Если вы раньше не работали над веб-интерфейсом, я бы также посоветовал сначала немного снизить ваши стандарты. Создать что-то столь же богатое и функциональное, как gmail, было бы непростой задачей для начинающего веб-разработчика.

Answer 2

Если вы хотите что-то вроде gmail и не хотите связываться с html, javascript, ajax ... Я думаю, что самый простой и быстрый способ - взглянуть на GWT: http://code.google.com/webtoolkit/

Это инструмент для разработки вашего интерфейса непосредственно в java, который компилируется в javascript со всеми взломами для совместимости браузера.

В ваше приложение встроен игровой модуль: http://www.playframework.org/modules/gwt

Answer 3

Это не разработано в Java, это в PHP, но по крайней мере, вы получите идею.http://www.amitpatil.me/demos/gmail-look-and-feel-html5-history-api-hashbang

Answer 4

Что касается базового дизайна, я думаю, вы будете использовать Play!почти исключительно в качестве (возможно RESTful ) поставщика услуг для вашего кода клиентского интерфейса на основе JavaScript.Под этим я подразумеваю, что большинство ваших контроллеров будут на самом деле отображать JSON (или какой-либо другой формат, какой бы вы ни предпочитали) для подачи ваших компонентов пользовательского интерфейса на стороне клиента.Это здорово, так как конфигурация маршрутизации используется в Play!идеально подходит к этому шаблону.

Чтобы создать реальный пользовательский интерфейс, вы можете взглянуть на структуры JavaScript UI, такие как jQuery UI или Ext JS .Вам нужно будет создать свой пользовательский интерфейс с использованием JavaScript-фреймворка, и компоненты будут вызывать вашу Play!действия контроллера рамки для чтения, создания и обновления данных.

Answer 5

Взгляните на KnockoutJS .

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

Полагаю, что Фелипе Оливейра предлагает учебные пособия и блоги по использованию Knockout с Play, если вам нужна дополнительная поддержка.