Fullt av fallfruktsinitiativ

Fler än vi har funderat på det där med all fallfrukt som ruttnar bort så här års. Vi har ju fruktkartan.se, med fruktträd på allmänningar och i parker. Här är några andra initiativ vi gillar:

Det finns säkert fler, tipsa oss så kan vi fylla på listan!

PS. Fruktkartan.se är gjord för att vara så enkel att använda som möjligt. Därför finns det inte så många funktioner för att filtrera på trädtyp, redigera och flytta befintliga träd, etc. Vill du grotta ner dig mer i fruktträden kan du göra det på Säsongsmat.nu. Där visas samma kartor och träd, i ett mindre användarvänligt men mer avancerat gränssnitt.

Fruktkartan

Fruktkartan - Ikon

Säsongsmats sidoprojekt Fruktkartan fick för ett par veckor sedan en ordentlig uppdatering och nu finns också iPhone-appen ute. Eftersom vi vill att siten ska användas både för att dela med sig av fruktträd och för att hitta fruktträd att plocka från vill vi göra båda sakerna så enkla som möjligt. Telefonen är perfekt för båda fallen, och vi hoppas på att det blir den som kommer användas i första hand.

De senaste veckorna har det dessutom lagts till över 50 träd, och i de flesta av Sveriges största städer kan man nu hitta träd!

Det nya utseendet har alltså tagits fram i första hand för ett mobilt gränssnitt, men alla plattformar delar exakt samma grafik.

Fruktkartan på webbläsare

Målet med designen var att lämna så mycket plats som möjligt åt själva kartan, så på en dator är det bara 70 pixlar i toppen som används till något annat.

Fruktkartan på iPad och iPhone

På mobila enheter skalas sidan en aning, men i övrigt är stilmallarna samma för alla upplösningar. Webbsidan försöker positionera kartan men för att få den bästa upplevelsen bör iPhone-appen användas på mobilen. Förutom GPS:en kan man med appen använda kameran för att ta bilder på träden. Med iOS 6 kommer också kartorna uppdateras till att använda Apples nya kartografi.

3 bilder på iPhone med fruktkartan

 

iPhone-appen finns att ladda ner från App Store. Klicka på knappen nedanför och gör det!

Finns i App Store

Omvandlingstabeller i recepten

Nu har vi äntligen vettiga omvandlingsfunktioner för mått i recepten. Det har stått på att göra-listan länge men aldrig blivit gjort. Om du för muspekaren över ett gul-orange mått i en ingredienslista i ett recept, så får du upp vanliga omvandlingar (klicka med fingret om du har en touchscreen). Alla råvaror har vi förstås inte hunnit ta fram omvandlingstabeller för ännu, men du kan se hur det fungerar i recept som t.ex toscapäron. Även många historiska mått fungerar, som i A. Hollbergs ingefärspäron.

PS. Omvandlingarna är inte tokexakta. Storleken på en ”genomsnittlig potatis” varierar ju t.ex. med sort och årstid.

PPS. Ja, bubblorna är rätt fula, men det får se så ut för ögonblicket.

Ruby (furigana) i html

Eftersom jag både bygger sajter som hobby är språknörd, så blev jag glatt överraskad när jag härom dagen upptäckte att det finns en html-notation i HTML5 för att skriva ruby. Dessutom redan med bra stöd i nya webbläsare.

Ruby är vad typografer kallar de små tecken som används på exempelvis japanska (där kallas de furigana) för att tala om hur tecken ska uttalas, när det inte är uppenbart. Furigana, och motsvarigheterna på kinesiska och andra språk, skrivs med små tecken ovanför huvudtexten (i horisontell skrift) eller till höger om den (i vertikal skrift).

Uppslag ur en japansk bok, med ruby (furigana) på många ord. Heibon av Futabatei Shimei, 1908.

Jag kunde inte låta bli att märka upp japanska översättningar av råvarunamn på Säsongsmat med ruby, bara för att det går.

Syntaxen för ruby i HTML5, som förslaget ser ut nu, är rätt omständlig: För att skriva hakusai (Pak choi) med både kanji och furigana skull koden kunna se ut så här:
<ruby><rb>白</rb><rp>(</rp><rt>ハク</rt><rp>)</rp><rb>菜</rb><rp>(</rp><rt>サイ</rt><rp>)</rp></ruby>

…vilket ger följande resultat:

(ハク)(サイ)

Har du en hyfsat modern webbläsare bör kanjin (de kinesiska tecknen 白菜) ha kompletterats med furigana, en liten rad som anger uttalet ovanför. Här står det ハクサイ, hakusai, med den japanska stavelseskriften katakana. (Just här skulle man nog normalt sett bara ha använt katakana.) I en del versioner av android-webbläsaren verkar det som att ruby-tecknen alltid hamnar till höger, som i vertikal skrift, vilket kan se lite konstigt ut. Om du har en äldre webbläsare, utan stöd för ruby, så bör du se kanjitecknen följda av katakana inom parentes.

Grundprincipen är enkel: Hela uttrycket omsluts med ruby.taggar, sedan sätt huvudtecknet inom rb-taggar och rubyn inom rt-taggar. <ruby><rb>白</rb><rt>ハク</rt></ruby> Dessutom finns en rp-tagg för att kunna stoppa in parenteser (eller egentligen vad som helst), för att få ett snyggt och begripligt resultat även i de webbläsare som inte förstår ruby-taggarna. Sådana webbläsare ignorerar bara taggarna, och skriver ut tecknen emellan som de står.

Adding authorship information to MediaWiki pages

The perhaps most visible example of search engines starting to look for semantic data is the author information in Google search results, such as shown in the image above. Here is how we made pages like that one (a ginger bread recipe) on Säsongsmat.nu appear with author information in Google’s search results.

First of all: The whole point with using a wiki is to have many people, or personas, editing pages collaboratively. And Google won’t be able to handle multiple authors, as far as I know. Still, there might be cases where showing a single author is relevant. In our case we have a namespace for recipes, where the creator of an article is by default the only one allowed to make changes, and other people can only fork the recipe to start creating their own version.

So we have pages that make good candidates for author markup, now what? Säsongsmat.nu is heavily based on Semantic MediaWiki, so that’s what we will be using to retrieve and print the author(s). It would, however, not be difficult to write an extension for the same purpose without using Semantic MediaWiki.

Get the authors

To automatically get the list of authors of an article we use an extension called Semantic Extra Special Properties (first version written by us, heavily improved by others), that automatically adds semantic data about things like authors, number of revisions, etc.

If you plan to add authorship information to just an handful of articles, you could skip this step and create the links by hand.

Print out the authors

The way to tell Google that a certain name is refering to the author of an article is to add the attribute rel=author to the link’s html code. This is not something that MediaWiki will allow us to do by default, so we needed to write yet another extension: LinkAttributes. This extension extends MediaWiki’s link syntax so that we can write things like [[User:Leo|Leo|rel=author]]. Changing the wiki syntax is not always a good idea, so you might want to adjust the extension for your own needs (e.g. by creating a parser function instead). This works for us, however.

Next we need to create a template to be included in pages where we want authorship information visible. If you are using the page creator property of SemanticExtraSpecialProperties, you just need to query SMW for it, and put the result in a link. If you want all page contributors, you will need to use the Arrays extensions, like we do in our template:

{{#arraydefine:authors|{{#show:{{FULLPAGENAME}}|?Page contributor|link=none}}}}{{#if:{{#arrayprint:authors}}|
==Authors==
{{#arrayprint:authors||@@@@|{{Author-row|@@@@}}}}
}}}}

And in the template author-row:

[[{{{1|User:Example}}}|{{#replace:{{{1|User:Example}}}|{{ns:User}}:|}}|rel=author]]

Which will produce something like this:

[[Användare:Leo|Leo|rel=author]]
Which will in its turn produce a html output like this:
<a href="http://xn--ssongsmat-v2a.nu/ssm/Användare:Leo" rel="author">Leo</a>

Update: Claus points out in the comments that the #replace parser function is part of the ParserFunctions extension, that needs to be installed. Furthermore $wgPFEnableStringFunctions must be set to true in LocalSettings.php.

Note that it’s also possible to have MediaWiki print out the N last contributors to a page in the footer by setting $wgMaxCredits to N. You could use that output to add this data, by writing your own extension hooking into.

Connect user pages with Google+

To make authors appear in Google search results they need to have a Google+ page. And Google will need to be able to connect the author to that Google+ page. We do that by adding a field to the template that makes up user pages, making room for an optional Google+ profile url, and by, once again, adding an attribute to that url when printing it: rel=me. And while we are on it we add the same attribute to Facebook, blog and Twitter links as well.

Social media links in the user page form
As we are using SemanticForms to edit pages in the wiki, and have set the whole user page namespace to use the same form by default, it’s easy to add and remove templates from each user’s page.

Finally, the user needs to add our site to the list of contributing sites in Google+ (profile/edit)

It can take some time for results to appear in Google search results.

Summary

  • You need MediaWiki with the SemanticMediaWiki, ParserFunctions, SemanticExtraSpecialProperties and LinkAttributes extensions (disclaimer: I wrote the last two, and they most certainly contain some examples of bad coding in them). Make sure $wgPFEnableStringFunctions = true; in LocalSettings.php.
  • You probably want the Array and SemanticForms extensions as well
  • Add a template to query Semantic MediaWiki for author(s), and put the result in a link to the author user page with the rel=author attribute
  • Make sure users use a user page template with a field for Google+ user page url. If you are using SemanticForms, this will be a piece of cake.
  • Tell users that they need to add your site to the list of sites they are contributing to in Google+, in order to be credited in the Google search results.

Nya fruktkartan.se: Mer karta, mindre fluff

Nu är fruktkartan.se uppdaterad. Med Mattis ord: ”Mer karta. Mindre fluff.” Säg gärna vad du tycker, och lägg till träd du själv känner till om du gillar tjänsten!

Fruktkartan.se är en systersajt till Säsongsmat.nu. Träden lagras i Säsongsmats databas, så att andra sajter och appar kan hämta ut dem via samma API.

Freakonomics Radio om vår matproduktion

Freakonomics är en bok, blogg och podcast om ekonomiska perspektiv på samhällsfrågor och har nyligen haft två avsnitt om matproduktion. Båda avsnitten är väl värda en lyssning!

Det första avsnittet handlar om matindustrins historia och de problem som finns med den idag.

Det andra avsnittet försöker hitta lösningar och tittar då främst på vilka effekter man kan nå med närproducerad mat.

Slutsatserna visar hur komplex dagens matindustri är, och hur många parametrar man behöver ta hänsyn till för att räkna på miljöpåverkan. Det är därför vi på Säsongsmat tar hänsyn även till t.ex. odlingssätt när vi gör våra säsongsbedömningar.