AJAX in Domino Anwendungen
AJAX in Domino Anwendungen
Entwicklercamp’08 Track 1 Session 5Entwicklercamp’08 Track 1 Session 5
AbstractAbstract
Ajax in Dominoanwendungen - Gregory Engels
Schicke, interaktive Web 2.0 Applikationen auf Domino zu schreiben ist gar nicht so einfach. Aber wer will denn das Rad nicht neu erfinden? In dieser Session wird alles vermittelt was man braucht um anzufangen Domino Applikationen in Web 2.0 Applikationen zu verwandeln und das, ohne selber JavaScript programmieren zu müssen
Ajax in Dominoanwendungen - Gregory Engels
Schicke, interaktive Web 2.0 Applikationen auf Domino zu schreiben ist gar nicht so einfach. Aber wer will denn das Rad nicht neu erfinden? In dieser Session wird alles vermittelt was man braucht um anzufangen Domino Applikationen in Web 2.0 Applikationen zu verwandeln und das, ohne selber JavaScript programmieren zu müssen
Who Am I?Who Am I?Gregory EngelsLotus Notes seit 1998Advanced Certified Domino Developerund Admin R5, R6, v7, v8 (und PCLP Security)Co-Autor IBM RedBook "MigratingMicrosoft Exchange 2000/2003 to IBM Lotus Notes 7"Sprecher auf internationalen KonferenzenGründer Kompurity http://www.kompurity.de
Spezialfelder Troubleshooting, Migration, Hosting
Blog: http://inotes.deKontakt: XING, Linked IN
Gregory EngelsLotus Notes seit 1998Advanced Certified Domino Developerund Admin R5, R6, v7, v8 (und PCLP Security)Co-Autor IBM RedBook "MigratingMicrosoft Exchange 2000/2003 to IBM Lotus Notes 7"Sprecher auf internationalen KonferenzenGründer Kompurity http://www.kompurity.de
Spezialfelder Troubleshooting, Migration, Hosting
Blog: http://inotes.deKontakt: XING, Linked IN
2. Folie Werbung2. Folie Werbung
(Rudi sagt, ich soll zwei Folien Werbung machen!)
Mich kann man mieten.
(Rudi sagt, ich soll zwei Folien Werbung machen!)
Mich kann man mieten.
FahrplanFahrplan
Entwicklercamp’07 VortragExt.ndDOJOShadowboxReferenz
Entwicklercamp’07 VortragExt.ndDOJOShadowboxReferenz
Zusammenfassung aus Entwicklercamp‘07Zusammenfassung aus Entwicklercamp‘07
Was ist JavaScript?Was ist AJAXWas sind AJAX Frameworks?
Sarissa, Script.aculo.us, DOJO, YUI, jQuery, Mochikit, Behaviour, MooTools, Ext, …
Was ist JSONwie benutzt man alles zusammen in Domino?
Was ist JavaScript?Was ist AJAXWas sind AJAX Frameworks?
Sarissa, Script.aculo.us, DOJO, YUI, jQuery, Mochikit, Behaviour, MooTools, Ext, …
Was ist JSONwie benutzt man alles zusammen in Domino?
Tipps aus EC‘2007 VortragTipps aus EC‘2007 Vortrag
JSON aus Domino benutzt @-Zeichen.responseXML.@toplevelentries funktioniert nicht responseXML["@toplevelentries"] funktioniert!
Wenn man JavaScript in das HTML Header der Maske reinkopiert, geschweifte Klammern benutzen – dann wird automatisch alles escaped.
JSON aus Domino benutzt @-Zeichen.responseXML.@toplevelentries funktioniert nicht responseXML["@toplevelentries"] funktioniert!
Wenn man JavaScript in das HTML Header der Maske reinkopiert, geschweifte Klammern benutzen – dann wird automatisch alles escaped.
FahrplanFahrplan
Entwicklercamp’07 Vortrag
Ext.ndDOJOShadowboxReferenz
Entwicklercamp’07 Vortrag
Ext.ndDOJOShadowboxReferenz
Ext.ndExt.nd
Baut auf EXT framework aufIst von Rich Waters, Jake Howlett und Jack Ratcliff und einigen anderen entwickeltIst speziell angepasst um Domino-Designelemente durch Widgets zu ersetzen
OutlinesViewsForm fields (date pickers, comboboxes, etc.)ActionbarsPicklists
Baut auf EXT framework aufIst von Rich Waters, Jake Howlett und Jack Ratcliff und einigen anderen entwickeltIst speziell angepasst um Domino-Designelemente durch Widgets zu ersetzen
OutlinesViewsForm fields (date pickers, comboboxes, etc.)ActionbarsPicklists
Ext DemoExt Demo
Wir tun das mal einfach schnell…Wir tun das mal einfach schnell…
Ext.nd (2)Ext.nd (2)
Stellt Javascript klassen für Domino Objekte zur Verfügung
Kann durch eine einzige Zeile Formelcode injiziert werden (bei Verwendung von Ext.Admin Datenbank)
@Eval(@DbLookup("";"":"extnd/extnd_1.0.0.nsf";"($profiles)";„AppUID";"HTMLHeadDominoUI";[FailSilent]))
…oder "HTMLHeadForm" für Masken
Stellt Javascript klassen für Domino Objekte zur Verfügung
Kann durch eine einzige Zeile Formelcode injiziert werden (bei Verwendung von Ext.Admin Datenbank)
@Eval(@DbLookup("";"":"extnd/extnd_1.0.0.nsf";"($profiles)";„AppUID";"HTMLHeadDominoUI";[FailSilent]))
…oder "HTMLHeadForm" für Masken
View from NotesView from Notes
View from DominoView from Domino
View from Domino using a Java AppletView from Domino using a Java Applet
View from Ext.ndView from Ext.nd
Outline from NotesOutline from Notes
Outline from DominoOutline from Domino
Outline from Domino using a Java AppletOutline from Domino using a Java Applet
Outline from Ext.ndOutline from Ext.nd
Picklist from NotesPicklist from Notes
Picklist from DominoPicklist from Domino
??????
Picklist from Ext.ndPicklist from Ext.nd
Datepicker from NotesDatepicker from Notes
Datepicker from DominoDatepicker from Domino
??????
Datepicker from Ext.ndDatepicker from Ext.nd
DEMO Ext.nd in DominoDEMO Ext.nd in Domino
Wir tun das mal einfach schnell…Wir tun das mal einfach schnell…
FahrplanFahrplan
Entwicklercamp’07 VortragExt.nd
DOJOShadowboxReferenz
Entwicklercamp’07 VortragExt.nd
DOJOShadowboxReferenz
DojoDojo
Dojo ist aus dem Zusammenschluss mehrerer Projekte entstanden (nWidgets, Burstlib, f(m))Beteiligungen von IBM, AOL, Google (durch Jostspot), Renkoo, Sitepen und anderenIst mitgeliefert mit Quickr, wahrscheinlich auch mit zukünftigen Domino Server Versionen.Umfassend (ca. 1500 Dateien in 350 Ordnern)
Dojo ist aus dem Zusammenschluss mehrerer Projekte entstanden (nWidgets, Burstlib, f(m))Beteiligungen von IBM, AOL, Google (durch Jostspot), Renkoo, Sitepen und anderenIst mitgeliefert mit Quickr, wahrscheinlich auch mit zukünftigen Domino Server Versionen.Umfassend (ca. 1500 Dateien in 350 Ordnern)
dijitsdijitsLayout Widgets
Content Containers, Accordion, Tabbed container, Windows, Wizard, …
Form WidgetsRichtext Editor, Checkboxen, Calendar, Combobox, Timepicker, Dialogbox, Input Validator, …
General WidgetsTree, Menue, Button, Chart, Tooltip, Sortable Table, …
Layout WidgetsContent Containers, Accordion, Tabbed container, Windows, Wizard, …
Form WidgetsRichtext Editor, Checkboxen, Calendar, Combobox, Timepicker, Dialogbox, Input Validator, …
General WidgetsTree, Menue, Button, Chart, Tooltip, Sortable Table, …
Dijits DemoDijits Demo
Wir schauen mal schnell…Wir schauen mal schnell…
dojodojoDojo kann sehr klein sein.
Dojo gibt es online von AOL Content Delivery Network<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.2/dojo/dojo.xd.js"></script>
Keine Installation auf dem Server notwendig
Dojo kann sehr klein sein.
Dojo gibt es online von AOL Content Delivery Network<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.2/dojo/dojo.xd.js"></script>
Keine Installation auf dem Server notwendig
Dojo in DominoDojo in Domino
Dojo im WebDojo im Web
DEMO Dojo in DominoDEMO Dojo in Domino
Wir tun das mal einfach schnell…Wir tun das mal einfach schnell…
FahrplanFahrplan
Entwicklercamp’07 VortragExt.ndDOJO
ShadowboxReferenz
Entwicklercamp’07 VortragExt.ndDOJO
ShadowboxReferenz
ShadowboxShadowbox
Das erste universal widgit von Michael J. I. JacksonInspiriert von LightboxCross Browser: Firefox 1.5+, Camino, Safari 2+, Opera 9+,Internet Explorer 6+Cross Framework: YUI!, Prototype+Scriptaculous, jQuery, MooTools, Dojo Toolkit
Stellt Bilder, Flash, Quicktime, Windows Media Player, und Iframes dar
… Schauen wir doch mal! (Demo)
Das erste universal widgit von Michael J. I. JacksonInspiriert von LightboxCross Browser: Firefox 1.5+, Camino, Safari 2+, Opera 9+,Internet Explorer 6+Cross Framework: YUI!, Prototype+Scriptaculous, jQuery, MooTools, Dojo Toolkit
Stellt Bilder, Flash, Quicktime, Windows Media Player, und Iframes dar
… Schauen wir doch mal! (Demo)
FahrplanFahrplan
Entwicklercamp’07 VortragExt.ndDOJOShadowbox
Referenz
Entwicklercamp’07 VortragExt.ndDOJOShadowbox
Referenz
ReferenzReferenzDojo Toolkit: http://www.dojotoolkit.org/AOL CDN: http://dev.aol.com/dojoExt.nd: http://extjs.com/forum/showthread.php?t=6829Shadowbox: http://mjijackson.com/shadowbox/
Dojo Toolkit: http://www.dojotoolkit.org/AOL CDN: http://dev.aol.com/dojoExt.nd: http://extjs.com/forum/showthread.php?t=6829Shadowbox: http://mjijackson.com/shadowbox/
Fragen?Fragen?
Import in eine Domino Anwendung -dynamischer JavaScript CodeImport in eine Domino Anwendung -dynamischer JavaScript Code
Per "Script Library" Gestaltungselementstatisch
als "Seite" Gestaltungselement<computed text> Manipulationenhide when Abschnittekeine @DbLookups
content type auf "text/javascript" setzen!als "Agent"
gibt den Sourcecode an den Browser auserlaubt @DbLookupswird nicht gecached
Per "Script Library" Gestaltungselementstatisch
als "Seite" Gestaltungselement<computed text> Manipulationenhide when Abschnittekeine @DbLookups
content type auf "text/javascript" setzen!als "Agent"
gibt den Sourcecode an den Browser auserlaubt @DbLookupswird nicht gecached
Top Related