Weblog
Vincent Pretre (Zest Software): jquery.pyproxy
Lightning talk during the Dutch Plone User Day 2010 in the Euromast, Rotterdam. Also, cheap way of pointing Dutch readers to the Dutch summary of the whole day.
Vincent Pretre is lead developer at Zest Software for http://prettigpersoneel.nl, a hosted service for Human Resource Management for small to medium sized companies. The site uses Products.plonehrm, collective.sendaspdf and: jquery.pyproxy.
The idea is to replace KSS with jQuery for Ajax requests. Modify the DOM with python. We wanted it to be easy to use on client (browser) and server side. Keep jQuery syntax as close as possible. It should also be as extensible as jQuery, so existing plugins should work. It can be used as jQuery plugin.
pyproxy binds a call to an event. There is also pyproxy_call. In python: @jquery defines a view as callable by jquery.pyproxy. JQueryProxy: an object used to modify the DOM. extend_grammar: defines plugins syntax.
Current limitations: you cannot do a chained call, cannot save a query, cannot have functions as parameters (so no callbacks).
It is stable: used on production for months. Works with Plone and Django (can be extended to other frameworks), works with Firefox, Chrome, IE, WebKit.
The product is hosted on github. See the README there. Releases are available on PyPI (0.2 released on 22 October 2010).
See the slides.
More Dutch
But wait, there is more... if you are Dutch! I have a Dutch overview of all the lightning talks and a Dutch summary of all the talks.
Plone Gebruikersdag
Samenvatting van de Nederlandse Plone Gebruikersdag 2010 in Rotterdam.
In september werd de Nederlandse Plone Gebruikersdag 2010 gehouden in de Euromast, met prachtig uitzicht op het schitterende Rotterdam. Er waren ruim vijftig deelnemers op afgekomen. De dag was gevuld met lezingen van zo'n drie kwartier en een aantal 'lightning talks': bliksemsnelle praatjes van vijf tot zeven minuten. Natuurlijk was er ook een lunch, borrel en voor de nablijvers een diner, dus voldoende tijd om met elkaar te praten en kennis te maken. Hier volgt een korte samenvatting van de lezingen, met links naar wat uitgebreidere samenvattingen.
- Fabian Spaargaren (Exser): Naar web 2.0 met Plone
- Geir Bækholt (Jarn): Wat is er nieuw in Plone 4
- Jean-Paul Ladage (Zest Software): Plone voor uw mobiel
- Rob Gietema (Four Digits): Content bewerken in Plone met Deco
- Jeroen Vloothuis (KNMP) en Jan Murre (Pareto): Plone skinning met XDV
- Lightning Talks
Fabian Spaargaren (Exser): Naar web 2.0 met Plone
Exser is een samenwerkingsprogramma's van overheid, wetenschap en bedrijven met als doel diensteninnovatie. De website van Exser was statisch, maar Plone heeft daar dynamiek in gebracht. Op de website staat nu onder andere een nieuwsbrief, linked-in integratie, een twitter portlet, RSS feed.
Verder ging het praatje vooral communicatie tussen klant en webbouwer. Heb je aandacht voor je klant? Denk je mee? Doe je uurtje-factuurtje of spreek je vantevoren een vaste prijs af, misschien voor een deel van het werk?
Geir Bækholt (Jarn): Wat is er nieuw in Plone 4
Geir Bækholt, directeur bij Jarn en president van de Plone Foundation, geeft een overzicht van de stand van zaken van Plone en toekomstplannen voor Plone 4.1 en 5.
Plone 4.0 is begin september uitgebracht. Het was de bedoeling dat dit een kleine release zou worden, maar het is de grootste ooit geworden. Er zijn 27 grotere verbeteringen en nieuwe functionaliteit ('PLIPs'). Wat is er nieuw?
- Plone 4 is een stuk sneller. Plone 4 gebruikt Zope 2.12 en Python 2.6, wat helpt voor een kleiner geheugengebruik. Plone 4 is ongeveer 50 procent sneller dan Plone 3. Als je kijkt naar het aantal requests per seconde zijn we sneller dan Joomla, Drupal en Wordpress.
- BLOBs: Binary Large OBjects. Grote bestanden worden apart opgeslagen, wat het geheugengebruik terugbrengt.
- TinyMCE lost Kupu af als standaard visuele editor. Het is beter in het uploaden van afbeeldingen, bewerken van tabellen, invoegen van links, enzovoorts.
- Nieuwe uitstraling. Plone 4 komt met een vernieuwd, moderner thema.
- Beter gebruikersbeheer. Overal worden volledige namen gebruikt. Je kan inloggen met je e-mailadres, als je dit aanzet.
- Waarschijnlijk de eenvoudigste upgrade ooit. Natuurlijk verandert er een hoop tijdens de upgrade, dus houd backups bij de hand, maar een upgrade vanaf Plone 3 is niet spannend.
Wat zijn de toekomstplannen?
- Plone 4.1 komt waarschijnlijk begin 2011. Verwacht zijn onder
andere:
- rondleidingen door de gebruikersinterface met Amberjack
- verbeterd plaatsen van reacties
- verbeterde structuur van Verzamelingen (zoekmappen)
- nieuwe SiteAdmin rol, laten we zeggen een Manager zonder toegang tot de Zope Management Interface
- wachtwoordbeleid
- Plone 4.2: nog niet duidelijk wanneer dit gaat komen. Mogelijke
verbeteringen hier zijn:
- gebruiken van Chameleon om pagina's sneller te tonen (ongeveer 20 procent verbetering)
- voorbereiding architectuur voor Deco dat in Plone 5 komt
- betere batch-editing, tegelijk wijzigen van een aantal items
- Of Plone 4.3 er komt, weten we nog niet.
- Ergens aan de horizon is het magische Plone 5. Het zal de gebruikersinterface voor het bewerken flink verbeteren. Daar komen we aan de top te staan, met behulp van Deco en 'tiles' (tegels), geünificeerde contenttypes en een nieuwe interface voor het bewerken.
Lees meer... (Engels)
Jean-Paul Ladage (Zest Software): Plone voor uw mobiel
De enorme toename in het gebruik van smartphones maakt mobiele diensten lonend met de inzet van Plone GoMobile. Houd rekening met je doelgroep: welke mobieltjes worden gebruikt, welke schermresoluties horen daarbij?
Voor Plone is er Plone Go Mobile. Dit is een verzameling tools om binnen Plone nieuwe content voor mobiel te beheren of bestaande content te optimaliseren. Ook automatische doorsturing van bijvoorbeeld http://zestsoftware.nl naar http://m.zestsoftware.nl, de website en mobiele site van Zest Software.
Rob Gietema (Four Digits): Content bewerken in Plone met Deco
Met Deco wordt het onderhouden van een website echt leuk. Het geeft je alle vrijheid om pagina's op te maken. Deco zal standaard gebruikt worden in Plone 5 en je kan er in Plone 4 al mee experimenteren.
Deco werkt met een grid. Op dat grid kan je tiles (tegels) toevoegen met html; dat kan de weergave van de titel zijn, of een folder listing, of van alles en nog wat.
De tiles vervangen onder andere de viewlets en portlets, dus je hoeft weer wat minder technieken te weten.
Jeroen Vloothuis (KNMP) en Jan Murre (Pareto): Plone skinning met XDV
Een case studie van KNMP waarbij met Plone 4 en XDV de huisstijl is geïmplementeerd.
Het skinnen van een Plone site bestaat uit het aanpakken van CSS ('decorating the tree'), viewlets, portlets, main template. XDV gebruikt XSLT om die boom die Plone heeft opgezet te kortwieken. Met regels kan je zeggen: verplaats een deel van de html, of kopieer het, voeg wat toe aan de voor- of achterkant, haal wat weg. Dit is dus een nieuwe manier van het themen van een site. Zeker voor niet-programmeurs is dit potentieel een stuk sneller.
Hoe doe je deployment? Gebruik collective.xdv (nieuwe naam: Diazo) voor Plone.
Lightning Talks
Hierna volgden de 'lightning talks' of bliksempraatjes.
- Vincent Pretre (Zest Software): jquery.pyproxy
- Vervang KSS door jQuery voor Ajax requests. Zie http://pypi.python.org/pypi/jquery.pyproxy
- Roel Bruggink (Four Digits): Living Statues Sprint
- Met de Plone community een sprintje trekken voor de ontwikkeling van Deco. Zie http://blog.fourdigits.nl/living-statues-sprint-2010
- Fred van Dijk (Zest Software): pakketten die je (misschien) nog niet kent
- Kijk eens rond of je nog pakketten op de plank hebt liggen die je voor één klant hebt gemaakt maar die voor de Plone community ook interessant zijn. Voorbeelden van al dan niet gereleaste pakketten van Zest: collective.sendaspdf, zest.carouselitem, mr.inquisition, zest.portlet.contact, zest.teammember, zest.releaser. Zie de slides van Fred.
- Kees Hink (Goldmund, Wyldebeast and Wunderliebe): deurmat
- Binnen een jaar wilden twee van onze klanten een 'deurmat'. Een beetje zoals de homepage van http://plone.org. Maak linkjes aan, geef wat headers aan en je hebt een deurmat. Dat doet Products.Doormat.
- Thijs Jonkman (Pareto): XDV skinning
- Je kan XDV theming gebruiken om Collage in het Deco keurslijf te persen. De CSS positionering van Deco kan je namelijk ook al in Plone 3 of 4 gebruiken. De html code van Collage is lelijk, maar als je er een net zo lelijke xslt sheet tegenaan gooit, krijg je er wel wat schoons uit.
- Maurits van Rees (Zest Software): collective.watcherlist
- Ontwikkeld vanuit Products.Poi. Houd een lijstje bij van mensen die updates willen van een content item. Registreer een browser view. Stuur ze automatisch een mailtje. Zie http://plone.org/products/collective.watcherlist
Lightning talks
Bliksempraatjes tijdens de Nederlandse Plone Gebruikersdag 2010.
Snelle, vaak technische presentaties tijdens de Nederlandse Plone Gebruikersdag 2010 in de Euromast, Rotterdam.
- Vincent Pretre (Zest Software): jquery.pyproxy
- Roel Bruggink (Four Digits): Living Statues Sprint
- Fred van Dijk (Zest Software): pakketten die je (misschien) nog niet kent
- Kees Hink (Goldmund, Wyldebeast and Wunderliebe): deurmat
- Thijs Jonkman (Pareto): XDV skinning
- Maurits van Rees (Zest Software): collective.watcherlist
Vincent Pretre (Zest Software): jquery.pyproxy
Ik ben de hoofdontwikkelaar van Zest Software voor http://prettigpersoneel.nl, een online personeelsadministratie voor MKB'ers. De site gebruikt Products.plonehrm, collective.sendaspdf en: jquery.pyproxy.
Het idee is om KSS te vervangen door jQuery voor Ajax requests. De DOM aanpassen vanuit Python. We wilden dat het makkelijk te gebruiken was aan de client-kant (browser) en aan de server-kant. De python-syntax zo dicht mogelijk op de jQuery-syntax. Het zou net zo uitbreidbaar moeten zijn als jQuery, dus bestaande plugins zouden moeten worken. Het kan zelf als jQuery plugin gebruikt worden.
pyproxy bind een call aan een event. Er is ook pyproxy_call. In python code definieert @jquery een view als aanroepbaar door jquery.pyproxy. JQueryProxy: een object gebruikt om de DOM aan te passen. extend_grammar: definieer de syntax van plugins.
Huidige beperkingen: je kan geen chained call doen, kan geen query opslaan, kan geen functies als parameters gebruiken (dus geen callbacks).
Het is stabiel: al maanden in productie. Werkt met Plone en Django en kan uitgebreid worden naar andere frameworks. Werkt met Firefox, Chrome, IE, WebKit.
Het product wordt gehost op github. Zie de README daar. Releases zijn beschikbaar op PyPI (0.2 gereleased op 22 oktober 2010).
Zie de slides.
Roel Bruggink (Four Digits): Living Statues Sprint
De Plone community gebruikt sprints voor het ontwikkelen van nieuwe functionaliteit. Het idee is dat je met een aantal ontwikkelaars bij elkaar gaat zitten en een sprintje maakt in de ontwikkeling van een product. Eind augustus hebben wij van Four Digits de Living Statues Sprint in Arnhem georganiseerd. Twee keer per dag een stand-up meeting: kort overleg over wat je tot dan toe gedaan hebt en nu gaat doen. In dit geval hebben we vooral aan Deco gewerkt, zie het praatje van Rob. Ook aan Hudson, een continue integratieserver voor automatisch testen, vergelijkbaar met buildbot.
Fred van Dijk (Zest Software): pakketten die je (misschien) nog niet kent
We hebben bij Zest Software een aantal pakketten gemaakt die je waarschijnlijk nog niet kent. Het basis CMS Plone is open source. Veel add-on modules zijn ook open source. Worden door integrators vaak in eerste instantie voor één klant gebouwd. Soms kom je erachter dat het vrij makkelijk is om het voor algemeen gebruik te maken, bijvoorbeeld PloneFormGen. Wat komt er dan zoal uit Nederland, en hier specifiek bij Zest Software. Verkapte oproep: laat wat van je eigen modules zien.
- collective.sendaspdf: laat de server de pdf maken van een webpagina en email die. Heeft extra module nodig (wkhtmltopdf).
- zest.carouselitem: toevoeging voor collective.carousel. Speciaal contentitempje met plaatje en wat extra instellingen, zoals een ander kleurtje.
- mr.inquisition: voorafgaand aan migraties: toon onder andere overzicht van gebruikte content types.
- zest.portlet.contact: speciaal portlet voor contactgegevens
- zest.teammember: overzicht van teamleden/medewerkers, op een mooie manier vormgegeven met verschillende portretten.
- zest.releaser: maakt releasen makkelijk
Verder heb je bijvoorbeeld:
- TinyMCE (Four Digits)
- infrae.subversion (Infrae)
- Mlango (Goldmund)
- enz
Maar ja, releasen is soms iets teveel werk, dus niet alle genoemde pakketten hebben we al daadwerkelijk gereleased. Zet hem op! En maak reclame!
Zie de slides.
Kees Hink (Goldmund, Wyldebeast and Wunderliebe): deurmat
Binnen een jaar wilden twee van onze klanten een 'deurmat'. Een beetje zoals de homepage van http://plone.org. Maak linkjes aan, geef wat headers aan en je hebt een deurmat. Dat doet Products.Doormat.
Thijs Jonkman (Pareto): XDV skinning
Je kan XDV theming gebruiken om Collage in het Deco keurslijf te persen. De CSS positionering van Deco kan je namelijk ook al in Plone 3 of 4 gebruiken. De html code van Collage is lelijk, maar als je er een net zo lelijke xslt sheet tegenaan gooit, krijg je er wel wat schoons uit.
Maurits van Rees (Zest Software): collective.watcherlist
Poi is een issue tracker voor Plone. Hij wordt op plone.org gebruikt. Ik doe daar sinds een paar jaar de ontwikkeling van. In de loop der tijd heb ik daar een aantal problemen opgelost rond het versturen van e-mails met 'internationale' karakters, van Nederlandse accenten in de namen van ontvangers tot Japanse karakters in de tekst. Dat wilde ik het liefst maar één keer doen. Ik heb dus die code afgesplitst in een nieuw pakket collective.watcherlist. Poi 2.0 (voor Plone 4) gebruikt dit.
Met behulp van dit product kan je een lijstje bijhouden van mensen die geïnteresseerd zijn in updates van een item. In het geval van Poi zijn dat nieuwe issues of wijzigingen aan bestaande issues. Out-of-the-box doet watcherlist nog helemaal niets. Je moet zelf als programmeur dus integratiecode schrijven. Gelukkig is dat niet al te moeilijk naar mijn idee. De template die verstuurd wordt, registreer je gewoon als browser view. In de code van watcherlist zit een integratievoorbeeld.
Als ik ooit nog eens gek wordt van Singing & Dancing, maak ik een nieuwsbriefproduct met watcherlist als basis. :-)
Jeroen Vloothuis (KNMP) en Jan Murre (Pareto): Plone skinning met XDV
Een case studie van KNMP waarbij met Plone 4 en XDV de huisstijl is geïmplementeerd.
Jeroen Vloothuis en Jan Murre presenteren tijdens de Nederlandse Plone Gebruikersdag 2010 in de Euromast, Rotterdam.
Jeroen Vloothuis: ik heb ooit bij Pareto gewerkt, maar zit nu bij KNMP als klant van Pareto, dus dat is wel een bijzondere situatie. De KNMP behartigt de belangen van de apothekers in Nederland. We hebben twee websites: http://knmp.nl en http://pw.nl (Pharmaceutisch Weekblad). Daartussen moest ook nog wat gesynchroniseerd worden. Het ontwerp is gemaakt door TamTam.
Jan Murre: we hebben Plone 4 gebruikt. Vanaf de eerste betas was dit eigenlijk al een heel stabiel product. Verder onder andere PloneFormGen, Ploneboard, Collage, Feedfeeder (haal pagina's via RSS of atom binnen in je eigen site), Schemaextender, XDV.
Met Collage kan je in de content een layout maken met rijen en kolommen. De user interface is wat 'clunky'. Op termijn komt Deco in zicht als vervanging. De maker heeft aangegeven misschien een migratiepad van Collage naar Deco te maken, maar dat is dus onder voorbehoud.
Met SchemaExtender (bedankt, Jarn!) kan je bestaande content types uitbreiden. Dat is handig als een bestaand type bijna heeft wat je nodig hebt maar net even een veldje mist. In ons geval hebben we de schema extender gebruikt om het agenda item nog een plaatje mee te geven.
XDV: startte als Deliverance, door Paul Everitt. Doel is om de afstand tussen front- en backend developers te verkleinen. Zope Page Templates (ZPT) waren hier ook voor bedoeld. Het idee van ZPT was dat een pure html developer zonder Zope kennis ook een page template zou kunnen editen; in de praktijk staat er toch vaak teveel logica in.
Het skinnen van een Plone site bestaat uit het aanpakken van CSS ('decorating the tree'), viewlets, portlets, main template. Maar: Plone is 'zwaar': heel veel html, er moet veel gerekend worden. XDV gebruikt XSLT om die Plone boom te kortwieken. Met regels kan je zeggen: verplaats een deel van de html, of kopieer het, voeg wat toe aan de voor- of achterkant, haal wat weg.
Het scheelt aan de Plone kant niet aan rekenkracht, want Plone moet nog steeds de hele pagina laden. Voor de browser wordt het natuurlijk wel iets eenvoudiger, als je tenminste XDV gebruikt om van alles en nog wat weg te halen. Je zou aan de Plone kant wel een licht theme kunnen maken dat al veel minder html laadt.
Hoe doe je deployment? Gebruik collective.xdv voor Plone. Gebruik plugins voor de Nginx of Apache web server. Je kan ook dv.xdvserver als WSGI pipeline gebruiken. (Noot van Maurits: collective.xdv is ondertussen bezig met een naamsverandering naar Diazo.)
Lennert Regebro: "XDV is a potential game changer!" Als je het eenmaal in je vingers hebt, kan je heel snel Plone sites skinnen. Met Banjo kan je via drag-and-drop een XDV ruleset maken; nog niet ideaal, maar een goed begin.
Vraag uit de zaal: waarom is dit nou een voordeel? Antwoord: je hoeft veel minder aan de Plone kant aan te passen. Als je na een jaar weer een nieuwe vormgeving wilt, hoef je alleen maar de rules aan te passen, zonder dat je weer een hoop in Plone hoeft te veranderen. Een upgrade naar een nieuwere Plone versie zal ook gemakkelijker gaan.
Er is wat onenigheid in de zaal of het echt sneller is dan zelf een nieuw theme maken; het scheelt of je al een design in html en css aangeleverd hebt gekregen door een designbureau of dat je een Photoshop bestand hebt waar je nog helemaal me aan de slag moet.
Zie de slides.
Rob Gietema (Four Digits): Content bewerken in Plone met Deco
Met Deco wordt het onderhouden van een website echt leuk. Het geeft je alle vrijheid om pagina's op te maken.
Rob Gietema van Four Digits spreekt op de Nederlandse Plone Gebruikersdag 2010 in de Euromast, Rotterdam.
Deco zal standaard gebruikt worden in Plone 5 en je kan er in Plone 4 al mee experimenteren. Deco is de voorkant, Blocks de technische achterkant.
Deco werkt met een grid. Op dat grid kan je tiles (tegels) toevoegen met html; dat kan de weergave van de titel zijn, of een folder listing, of van alles en nog wat.
Op de Living Statues Sprint in augustus hebben we een voorbeeldwebsite gemaakt met Deco om alles te testen en te kijken wat er nog mist.
(Nu volgt een demonstratie.)
De tiles vervangen onder andere de viewlets en portlets, dus je hoeft weer wat minder technieken te weten.
Kan je het al gebruiken? Nog net niet, maar we zijn al een heel eind. Op dit moment is nog geen overerving mogelijk (zoals nu bij portlets). Je wilt nog een template op kunnen geven: gebruik standaard voor dit type deze layout, zodat het minder snel een zooitje wordt.
Om het te proberen, gebruik deze buildout: https://svn.plone.org/svn/plone/plone.app.deco/buildouts/dev
Zie de slides.