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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (9)

En vedette

En vedette (6)

Similaire à Ez Community Gandbox.fr

Similaire à Ez Community Gandbox.fr (20)

Dernier

Dernier (20)

Ez Community Gandbox.fr