[Engine-devel] How to custom the UI for oVirt?

Vojtech Szocs vszocs at redhat.com
Thu Jan 2 16:57:25 UTC 2014


Hi!

thanks to Oved and Greg for providing useful references.

Some more notes on oVirt UI architecture & development:

- we use Google Web Toolkit (GWT) as the main UI SDK/technology:
  http://www.gwtproject.org/overview.html
  attached slides "oVirt UI Developer Sessions: Google Web Toolkit"

- we use GWT-Platform (GWTP) to utilize Model-View-Presenter
  architecture in our GWT application:
  https://github.com/ArcBees/GWTP
  http://en.wikipedia.org/wiki/Model_View_Presenter
  http://www.gwtproject.org/articles/mvp-architecture.html
  http://www.gwtproject.org/articles/mvp-architecture-2.html
  http://courses.coreservlets.com/Course-Materials/pdf/ajax/GWT-MVP-Intro.pdf

- we use GWT-Inject (GIN) for dependency injection:
  http://code.google.com/p/google-gin/wiki/GinTutorial

- we have UI Plugin infrastructure that supports extending
  application UI via JavaScript/HTML:
  http://www.ovirt.org/Features/UIPlugins
  http://www.ovirt.org/Tutorial/UIPlugins/CrashCourse

Unfortunately, http://www.ovirt.org/DebugFrontend is out of
date, I'll try to update it soon.

Also, http://www.ovirt.org/Architecture is missing the GWT UI
part, will update that one too.

In general, you can decide how to approach customizing oVirt UI:

1, change (Java/GWT) UI source code and rebuild Engine

2, write UI Plugin that extends existing application UI

Regards,
Vojtech


----- Original Message -----
> From: "Greg Sheremeta" <gshereme at redhat.com>
> To: "JustMan" <wang.tianyi at qq.com>
> Cc: "Oved Ourfalli" <ovedo at redhat.com>, "engine-devel" <engine-devel at ovirt.org>
> Sent: Monday, December 30, 2013 8:51:19 PM
> Subject: Re: [Engine-devel] How to custom the UI for oVirt?
> 
> The GWT architecture we use is based on GWTP, an MVP framework for GWT:
> https://github.com/ArcBees/GWTP
> 
> We don't currently have a widget hierarchy or catalog built.
> 
> If you're just starting out with GWT, it's a steep learning curve. If you're
> already familiar with GWT and GWTP, you'll be in better shape.
> 
> In addition to the UI Plugins that Oved mentioned, oVirt also has branding
> support for changing colors, logos, etc.:
> http://www.ovirt.org/Feature/Branding
> 
> If you're sure you want to do GWT development on oVirt, start here:
> http://www.ovirt.org/DebugFrontend
> 
> Greg
> 
> ----- Original Message -----
> > From: "Oved Ourfalli" <ovedo at redhat.com>
> > To: "JustMan" <wang.tianyi at qq.com>
> > Cc: "engine-devel" <engine-devel at ovirt.org>
> > Sent: Sunday, December 29, 2013 2:09:47 AM
> > Subject: Re: [Engine-devel] How to custom the UI for oVirt?
> > 
> > Hi
> > 
> > If you would like to customize the UI to fit your needs, like adding new
> > tabs, new action buttons, and etc., then I recommend reading the wiki pages
> > about UI plugins:
> > Formal page: http://www.ovirt.org/Features/UIPlugins
> > 
> > Blog posts regarding that:
> > http://ovedou.blogspot.co.il/
> > http://developerblog.redhat.com/2013/12/19/advanced_integration_rhevm-part2/
> > http://developerblog.redhat.com/2013/12/19/advanced_integration_rhevm-part1/
> > http://developerblog.redhat.com/2013/12/12/advanced_integration_rhevm-part1/
> > 
> > As for the architecture information, there is an architecture page on
> > http://www.ovirt.org/Architecture, but it doesn't have a lot on GWT.
> > Vojtech/Einav - can you send some information on that, or better update the
> > wiki page?
> > 
> > Thank you,
> > Oved
> > 
> > ----- Original Message -----
> > > From: "JustMan" <wang.tianyi at qq.com>
> > > To: "engine-devel" <engine-devel at ovirt.org>
> > > Sent: Friday, December 27, 2013 11:29:02 AM
> > > Subject: [Engine-devel] How to custom the UI for oVirt?
> > > 
> > > HI All:
> > > 
> > > If custom development the UI for oVirt, what's development technology
> > > must
> > > be
> > > learn, and where is the UI module in the resource? Where is the start
> > > step?
> > > 
> > > Where can find oVirt architecture document? I goto the office website,
> > > already read some development document, but still very clear the
> > > architecture of oVirt, special of the GWT part.
> > > 
> > > ike
> > > 
> > > Thanks
> > > 
> > > 
> > > 
> > > 
> > > 
> > > 
> > > _______________________________________________
> > > Engine-devel mailing list
> > > Engine-devel at ovirt.org
> > > http://lists.ovirt.org/mailman/listinfo/engine-devel
> > >
> > _______________________________________________
> > Engine-devel mailing list
> > Engine-devel at ovirt.org
> > http://lists.ovirt.org/mailman/listinfo/engine-devel
> >
> _______________________________________________
> Engine-devel mailing list
> Engine-devel at ovirt.org
> http://lists.ovirt.org/mailman/listinfo/engine-devel
> 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: UIDevSessions-01-GoogleWebToolkit.pdf
Type: application/pdf
Size: 231892 bytes
Desc: not available
URL: <http://lists.ovirt.org/pipermail/devel/attachments/20140102/14dc904d/attachment-0001.pdf>


More information about the Devel mailing list