vienna.info: Realising the official Viennese tourism website with Plone.
Upcoming SlideShare
Loading in...5
×
 

vienna.info: Realising the official Viennese tourism website with Plone.

on

  • 3,498 views

+ facts & figures (about vienna.info) ...

+ facts & figures (about vienna.info)
+ using Plone as back-end and usability
+ separated front-end using skinny
+ partial caching with Varnish and ESI
+ Wienlets (a Portlets alternative)

Video: http://blip.tv/plone-videos/daniel-nouri-and-fabian-b-chler-www-vienna-info-realising-the-official-viennese-tourism-website-with-plone-3207159

Statistics

Views

Total Views
3,498
Views on SlideShare
3,471
Embed Views
27

Actions

Likes
0
Downloads
8
Comments
1

5 Embeds 27

http://lanyrd.com 19
http://www.linkedin.com 5
http://paper.li 1
http://www.circlepress.info 1
http://tweetedtimes.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • n2012 comes, in order to thank everyone, characteristic, novel style, varieties, low price and good quality, and the low sale price. Thank everyone


    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====


    $33 True Religion jeans, Ed Hardy jeans,LV,Coogi jeans,Affliction jeans

    $30 Air Jordan shoes,Shox shoes,Gucci,LV shoes

    50%Discount winter fashion :Sandle,t-shirt,caps,jerseys,handbag and brand watches!!!

    $15 Ed Hardy ,LV ,Gucci Bikini

    $15 Polo, Ed Hardy, Gucci, LV, Lacoste T-shirts

    $25 Coach,Gucci,LV,Prada,Juicy,Chanel handbag,

    $10 Gucci,Ed Hardy sunglasses

    $9 New Era caps.

    give you the unexpected harvest

    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====

    ====( http://www.fullmalls.com )=====
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

vienna.info: Realising the official Viennese tourism website with Plone. vienna.info: Realising the official Viennese tourism website with Plone. Presentation Transcript

  • www.vienna.info realising the officialViennese tourism website with Plone
  • overview+ facts & figures (about vienna.info)+ using Plone as back-end and usability+ separated front-end using skinny+ partial caching with Varnish and ESI+ Wienlets (a Portlets alternative)
  • facts & figures » history+ before: proprietary, custom build CMS+ 10+ editors working full-time+ heavy customizations necessary to meet the demands of content and editors
  • facts & figures » economical+ Vienna is among the top-10 destinations in Europe+ Overnight stays + 2008: 10.2 million + 01-08 2009: 6.3 million+ Touristic value added: ~ 4 billion Euro / year
  • facts & figures » stats + 13 languages (12 in Plone, Chinese in China) + 5,500 articles + 3,500 images + 320,000 visits/month + 1.7 million pageviews/month + 2,000 events, 390 hotels (external)
  • using Plone as editorial back-end+ securely seperated back-end+ good language management+ quick navigation and link-management+ efficient media management
  • using Plone as editorial back-endlink-management » problem + default link-popup is not suitable for multiple languages (editors dont speak Arabic or Japanese) + Too slow and inefficient (lots of clicks) + No indication of language and workflow-state
  • using Plone as editorial back-endlink-management » approach + jQuery dialog tabbed interface + search with autocomplete (title or path) + display workflow-state icons + usable everywhere (TinyMCE, Category-Layout, …)
  • using Plone as editorial back-enddemo: Link-Dialog
  • using Plone as editorial back-endmedia-management » problem + need alternative text in 12 languages LinguaPlone doesnt provide „multilingual“ objects auto-translating images on creation + use correct language automatically (in RichText, galleries, etc.) + unified dialog for searching images everywhere
  • using Plone as editorial back-endmedia-management » approach + jQuery dialog + search based lookup by title title = keywords (autocomplete id) + display title and keywords as context info + filter images by aspect-ratio tags automatically assigned on upload using collective.searchtool, archetypes.searchwidget
  • using Plone as editorial back-enddemo: Media-Browser
  • using Plone as editorial back-endcategory-layout » requirements + index page for folders + teasers of contained articles + easy handling is vital + different layout options + two, two-by-two or three columns + columns contain teasers or RichText
  • using Plone as editorial back-endcategory-layout » approach + ajax based solution quick editing + use Link-Dialog (select articles) + use Media-Browser (select images) + drag & drop sorting + progressive disclosure (lots of controls)
  • using Plone as editorial back-enddemo: Category-Layout
  • separated front-end using skinny+ Existing ways of skinning + conventional + jbot + Deliverance + Separate application + Skinny+ How Skinny works
  • separate front-end using skinnyways of skinning » conventional + its complicated (front-end developers have to be hardcore coders) + they have to know about portlets, viewlets, ZCML, Python, CMF skins + works fine for small changes to Plone skin + the bigger the changes the uglier
  • separate front-end using skinnyways of skinning » jbot + fixes some problems with the convenitional way + no more ZCML for overriding templates + shares some problems with conventional + still modifying an already heavy skin + still need to know a lot of technology (register new viewlets etc.)
  • separate front-end using skinnyways of skinning » Deliverance + proxy between Plone and the browser + transforms Plones HTML (only rearranging it) + then putting CSS on top of it + no separation between edit and public interface + dynamic content only in the conventional way + still renders the full Plone interface: slow + more components involved than conventional
  • separate front-end using skinnyways of skinning » separate app. + full separation between public and editing interface + choose out of Django, BFG, bobo, … + cant use the same ZODB (without using the same software) + a separate database complication: extract all data etc.
  • separate front-end using skinnyways of skinning » Skinny + full separation of public and editing interface (separate URLs) + works within Plone and with ZPT (and views) + render your own HTML (for sites with strict requirements) + only render what you need: fast public interface + dont mess with the editing interface (we want to keep it the way it is!) + doesnt work for community websites
  • separate front-end using skinnyhow Skinny works + its a package to include in your buildout (comes with an example skin) + only templates and resources for designers
  • separate front-end using skinnyhow Skinny works
  • separate front-end using skinnyhow Skinny works + two rewrite rules per site (one for public, one for edit interface) + no new technology or extra configuration + you can reuse Plone views, viewlets, portlets + but for large sites, you probably want to roll your own everything
  • partial caching with Varnish and ESI
  • partial caching with Varnish and ESIhow it works + caching server + retrieve content from Plone and cache it, deliver from cache if applicable
  • partial caching with Varnish and ESIhow it works + application (Plone) sets caching headers (for both Varnish and browser) + define additional rules in Varnishs .vcl file like: + Turn on ESI (edge side includes) + Cache rules for ESI parts (ESI caching headers are ignored) + Add login state to the hash
  • partial caching with Varnish and ESIhow we use it + we dont use CacheFu we use plone.postpublicationhook to set headers + total control (and better understanding of) over caching headers + HTML has 1 hour of TTL in Varnish (no caching in browser) + some parts of the site change per user (myVienna, geotargeted) + the rest should still be cached by Varnish → ESI
  • partial caching with Varnish and ESIhow we use it
  • partial caching with Varnish and ESIhow we use it
  • Wienlets (a Portlets alternative)+ normal browser views (not viewlets)+ retrieve and store information using annotations+ base classes exist for globally or locally configured wienlets+ easier to write than Plone 3 portlets
  • Wienlets (a Portlets alternative)+ one portlet is actually two views + edit view (in Plone) + public view (in Skinny)+ special requirement: block individual wienlets from inheriting+ three states: inherit, on, or off
  • questions?+ Fabian Büchler (WIENFLUSS) buechler@wienfluss.net+ Daniel Nouri daniel.nouri@gmail.com