Ez Community Gandbox.fr

eZ Publish Blog posts compilation : Netvibes / iGoogle widget, custom RSS, google maps & others tips… Gilles Guirand : info@gandbox.fr Gilles Guirand http://www.gandbox.fr webmaster Technical Director / Kaliop eZ International Winter Conference 2010 Summary

eZ Publish Blog posts compilation : Netvibes / iGoogle widget, custom RSS, google maps & others tips… Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],[object Object],[object Object],eZ International Winter Conference 2010 Summary

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Gilles Guirand : info@gandbox.fr Demo : http://www.gandbox.fr/ma-Cave/ About gandbox.fr Note : You can play with useless geek tools like drag & drop, changing the stylesheet

Gilles Guirand : info@gandbox.fr Demo : http://www.gandbox.fr/ma-Cave/(sortby)/localisation Working with Google Maps / What I need ? Set 1 location for each domain Display multiple domains locations on a same view (using a cluster Markers lib) Working with Google Maps

Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],[object Object],Working with Google Maps ,[object Object],[object Object],[object Object],[object Object],[object Object]

Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],Working with Google Maps 1. Google maps search 2. Auto Long / Lat setting Advice : override the edit.tpl template extension/[ mon_extension ]/design/standard/templates/content/datatype/edit/ezgmaplocation.tpl Enhance the default features using Google maps API (add controls…)

Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],Working with Google Maps { include uri=' design:gmap/gmap.tpl ‘ locations = $nodes_location_list location_attribute = 'localisation' size =array(600,400) center =array( $node.data_map.localisation.content.latitude, $node.data_map.localisation.content.longitude ) show_popups_on_page=false() zoom=$node.data_map.zoom.content } Domain.tpl Custom zoom attribute Include gmap.tpl Region.tpl Include gmap.tpl Allwines.tpl Include gmap.tpl Search.tpl Include gmap.tpl 1 location N locations N locations N results / locations Locations Array

Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],[object Object],[object Object],[object Object],Working with Google Maps { foreach $node_list as $node } {if $node.data_map.localisation.content.latitude|ne('')} { set $nodes_location_list = $nodes_location_list |append( $node )} {/if} {/ foreach } Exclude empty locations { include uri=' design:gmap/gmap.tpl ‘ locations = $nodes_location_list … }

Gilles Guirand : info@gandbox.fr ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Working with Google Maps

About the “ UWA ” FrameWork : http://dev.netvibes.com/ Gilles Guirand : info@gandbox.fr Demo : http://www.gandbox.fr/ (add widgets by clicking on the right box ) Building an UWA Widget (Netvibes / iGoogle) A Netvibes FrameWork : Universal Widget API (UWA) Concept : Write once, run everywhere Languages : xHTML / CSS / JavaScript (AJAX) Others… (not tested) Vista / Apple / iPhone / WordPress / …

Add my Widget on iGoogle / Netvibes Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Add on Netvibes Add on iGoogle

Widget features : Last posts & comments Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Last comments, from a custom RSS Last blog posts , from a custom RSS Set options : RSS Feeds, number of full view items, number of short view items…

Widget features : My personal wine cellar (full AJAX features) Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Wine cellar home page : Browse by region, last buying, searching… Domain view : Description, wine list Wine view : description, color, rating, stock, price…

How UWA works ? Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) http://www.google.com/ig/adde?moduleurl= nvmodules.netvibes.com/widget/gspec%3FuwaUrl%3D http%253A%252F%252Fwww.gandbox.fr%252Fmywidget%252Fgandbox_V1.0.html ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Build your UWA Widget : http://www.gandbox.fr/mywidget/gandbox_V1.0.html Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle)

Use the UWA JavaScript FrameWork : Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Working with tabs Working with generic RSS

Working with AJAX and eZ Publish module calls Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) eZ Publish module URL Callback function Generate AJAX linking this dataprocessor set a recursive AJAX linking. If the 'ajax' CSS class is found, the script transforms all your default ez publish links by any AJAX call links Class selector ‘ ajax ’ means : AJAX link to generate On submit search event

Build the eZ Publish module : URL calls Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) PHP Ajax proxy for your development mode : _URL_PROXY = 'http://localhost/html/widget/ajaxProxy.php?url=‘; Absolute path : http://www.gandbox.fr ,[object Object],[object Object],[object Object],[object Object],[object Object],AJAX Proxy ? http://www.gandbox.fr/widget/action/search/gassac/

Build the eZ Publish module : module definition Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Faire-un-Widget-Netvibes-iGoogle-avec-UWA-AJAX-eZ-Publish-La-couche-eZ-Publish-Partie-2 Load your widget search template result Load your widget pagelayout

Build the eZ Publish module : search template exemple Gilles Guirand : info@gandbox.fr Building an UWA Widget (Netvibes / iGoogle) Get full path URL … … Set your CSS Class for your JavaScript selector Build your module URL call Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Faire-un-Widget-Netvibes-iGoogle-avec-UWA-AJAX-eZ-Publish-La-couche-eZ-Publish-Partie-2

Building a custom RSS (by keyword) : create your content class Gilles Guirand : info@gandbox.fr Building a custom RSS Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Un-flux-RSS-par-Keyword-ou-autre-sur-eZ-Publish Add your custom attributes if needed Set your 3 templates overrides : RSS Pagelayout Full view (items list) link view Text line Limit Text line Description Text line Title Datatype Attribute

Building a custom RSS (by keyword) : create your templates Gilles Guirand : info@gandbox.fr Building a custom RSS Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Un-flux-RSS-par-Keyword-ou-autre-sur-eZ-Publish Rss_pagelayout.tpl : Debug XML escape Rss_full.tpl : Full URL Path Keyword fetching Ezrssdate template operator

Building a custom RSS (by keyword) : create your templates Gilles Guirand : info@gandbox.fr Building a custom RSS Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Un-flux-RSS-par-Keyword-ou-autre-sur-eZ-Publish Rss_link.tpl : Full path : http://www.gandbox.fr Ezrssdate template operator : Pattern : Wed, 21 Jan 2010 15:30:00 +0000

Building a custom RSS (by keyword) : result Gilles Guirand : info@gandbox.fr Building a custom RSS Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Un-flux-RSS-par-Keyword-ou-autre-sur-eZ-Publish http://www.gandbox.fr/rss2/(tag)/eZ%20Publish

Any (french) questions ? Gilles Guirand : info@gandbox.fr Building a custom RSS Full code exemple : http://www.gandbox.fr/Blogs/Technologies-Web/Un-flux-RSS-par-Keyword-ou-autre-sur-eZ-Publish

Ez Community Gandbox.fr

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (9)

Andere mochten auch

Andere mochten auch (6)

Ähnlich wie Ez Community Gandbox.fr

Ähnlich wie Ez Community Gandbox.fr (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Ez Community Gandbox.fr