brice leblevennec @ fowa feb 07

27
The GWT bet ... Brice Le Blévennec Chief Visionary Officer ContactOffice.com FOWA 02-07

Upload: carsonsystems

Post on 16-May-2015

2.515 views

Category:

Business


0 download

DESCRIPTION

Brice Leblevennec speaking at Future of Web Apps in London, February 2007.

TRANSCRIPT

Page 1: Brice Leblevennec @ FOWA Feb 07

The GWT bet ...

Brice Le Blévennec

Chief Visionary Officer

ContactOffice.com

FOWA 02-07

Page 2: Brice Leblevennec @ FOWA Feb 07

Hello

♣Brice Le Blévennec, Internet Serial Entrepreneur.♣ In 1991 founded Emakina (Alternext ALEMK) now

belgium largest Interactive Agency (100+ staff),of which I am Chairman.

♣From 1996 to 2004 I produced and hostedCyberCafe, a weekly show about Internet andtechnologies on belgian national broadcasttelevision and radio.

♣1999 co-founded ContactOffice, Collaborative &Messenging Web Application, of which I am ChiefVisionary Officer

♣ In 2007 co-founded Tunz.com, a mobile paymentprovider of which I am Chief Visionary Officer.

♣(more on brice.org)

Page 3: Brice Leblevennec @ FOWA Feb 07

10 minutes only

♣ContactOffice ?

♣Collaborative & Messenging Web Application

♣Features set

♣State-of-the-art

♣Reengineering the interface

♣Selecting an AJAX of Flash framework

♣Google Web Toolkit (GWT)

♣Overcoming limitations

♣Adding Drag & Drop to GWT

♣Beta launch TODAY

Page 4: Brice Leblevennec @ FOWA Feb 07

ContactOffice ?

♣Collaborative & Messaging Web Application

♣Founded in 1999 by 4 Belgian serial internet entrepreneurs

Page 5: Brice Leblevennec @ FOWA Feb 07

How big ?

♣1 million registrations

♣350.000 active accounts (feb 07)

♣250.000 paying accounts

♣Global, 6 languages

♣Profitable since 2003!

Page 6: Brice Leblevennec @ FOWA Feb 07

Functionalities

Page 7: Brice Leblevennec @ FOWA Feb 07

Functionalities

Page 8: Brice Leblevennec @ FOWA Feb 07

Collaboration & Messaging WebApp

State-of-the-art

Calendar (+ RSS)Contacts,To Do,Notes,Bookmarks (+ RSS),Synchro ...

Groups Organiser

Mail (+ RSS),

IMAP4 & POP3(s),

SMTP, Webmail,

Antivirus & AntiSpam,

SMS, Fax, Alerts & Chat

State-of-the-art Messenging

Web upload or WebDAV

RSS & Vod/Podcasts,

Public sharing

Documents Repository

Forum, Wiki,Bulletin Board,Phone Calls, ...

Collaboration

Page 9: Brice Leblevennec @ FOWA Feb 07

Everything can be sharedwith users and groups!

Sophisticated Access Right Model at user level

Applications : Individual user, Families,Associations, Companies, Departments,All kind of teams, ...

Page 10: Brice Leblevennec @ FOWA Feb 07

ASP & Licence Models

♣Hosted, Security, SLA

♣Personalised, Private Label versions

♣SSO : LDAP, CAS, RSA ClearTrust, ...

♣API : XML-RPC

Page 11: Brice Leblevennec @ FOWA Feb 07

Technologies

OO Architecture :

♣Object Oriented Database

♣Pure Java Backend (POJOs only)

♣Build for scalability

♣Clients abstraction layer:♣ Web (HTML & CSS)

♣ Pocket Explorer + Symbian

♣ Wap (WML)

♣ Voice XML (prototype)

Page 12: Brice Leblevennec @ FOWA Feb 07

Some happy customers

Page 13: Brice Leblevennec @ FOWA Feb 07

HTML + JavaScript + FramesDesktop like, Web 2.0 style,Drag & Drop, Widgets, ...

Reengineering the interface

♣Objective: Interface upgrade to present standards

♣Approach: Migrate 1999 interface to 2007 state-of-the-art GUI

♣Weakness: Obsolete Client Architecture (thousands JSP files)

♣Strength: The 1999 Server Architecture (POJOs + OODB)is still state-of-the-art

Page 14: Brice Leblevennec @ FOWA Feb 07

Selecting a framework / technology

Many goo solutions

♣Own framework ?♣ Cost of supporting what others might doing well ?

♣Ajax vs Flash ?♣ OpenLazslo, Adobe Flex♣ Flash plugin dependency ?

♣Ultra lightweight client + server-side Java ?♣ echo2, zk, ...♣ Do they scale well ?

♣Existing JS frameworks ?♣ Dojo, Scriptaculous/Prototype, ...♣ JavaScript language ?

♣The JavaScript nightmare Fun but language is too flexible (global vars,...) Requires an extremely strict discipline (convention) for a team How to handle efficiently tens of Klocs ? Browsers quirks

JavaScript

?

?

Page 15: Brice Leblevennec @ FOWA Feb 07

Google Web Toolkit (GWT) ?

♣ What is GWT♣ GWT is a Google framework for building AJAX apps in the Java language♣ Open Source Apache 2 Licence♣ Java --> JavaScript translation

♣ 'Industrial' software engineering Tools ! Tools! (IDE Eclipse & GWT hosted mode + svn integration perfect for teams) Standard Java refactoring, debugging, testing, source code manipulation Compile time vs Run time errors detection

♣ Advantages Performances:

Aggressive caching, code optimization, compression Clean backend integration:

Efficient Java RPC mechanism Portability:

Generates platform-specific code Native JavaScript is still reachable:

JSNI (JavaScript Native Interface) Developer Community:

Large (Forums : 6900 users, 250 contributors) and active (+20K posts)

♣ But... Java knowledge required for UI designers♣ CSS only is not realistic

JavaScript

GoogleWebtool

Kit

?

Page 16: Brice Leblevennec @ FOWA Feb 07

CO enhancements to GWT

MV(C) framework• Strict model/view separation• Necessary for even driven interfaces (AJAX is asynchronous)• Side effect : ease collaboration between presentation

and business logic developers

Drag & Drop“Hey Luc, I took a look at your demo - prety cool stuff!”

Rajeev Dayal (Google)

Attractive look & feelContactOffice use GWT styling possibilities to the fullest

Contextual menus

Marquee selection

Draggable splitters

Data grid

Enhanced dialogs, property pagesJavaScript

GoogleWebtool

Kit

ContactOfficeEnhancements

Page 17: Brice Leblevennec @ FOWA Feb 07

Current Interface

http://www.contactoffice.com

Page 18: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.com

Indication of new +total number ofitems in lists

Navigation repeatedon left

Help and extrainformation

Dashboard givingquick access tomain features

Page 19: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.com

Email

Click to sortor resort

Folderorganization

Page 20: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.com

Organizecontacts pertype

List contacts

Quick search

Page 21: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.com

Documents

Multiselectdocuments

Click to sortor resort

Folderorganization

Page 22: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.com

Groupcalendar

Details

Filter

Quicknavigate

Export

Page 23: Brice Leblevennec @ FOWA Feb 07

New GWT based Interface

http://beta.contactoffice.comClick to sortor resort

Folderorganization

Groupbookmarks

Page 24: Brice Leblevennec @ FOWA Feb 07

Beta Launch TODAY!

Page 25: Brice Leblevennec @ FOWA Feb 07

Try it now :http://beta.contactoffice.com

Page 26: Brice Leblevennec @ FOWA Feb 07

Questions?

Page 27: Brice Leblevennec @ FOWA Feb 07

Contact Us!

[email protected]

www.contactoffice.com

blog.contactoffice.com