• mopedgaraget-start
    Ladda upp din moppe på modegaraget! Ladda upp din moppe på modegaraget!

    Ladda upp din moppe på modegaraget!

Ladda upp din moppe på modegaraget!

Tidningen Moped som ges ut av klassiker-redaktionen på OK-förlaget ligger bakom sajten mopedgaraget.se som vi på Bricco byggt.

Mopedgaraget ska bli en samlingsplats för mopedentusiaster som vill dela med sig av sina mopedprojekt, ladda upp träffbilder eller diskutera hur man bäst trimmar en K50 i forumet.

Hemsidan är baserad på den befintliga Drupal 7-kodbasen som vi använder för förlagets andra titlar. (Vi bilägare, Klassiker, Bike, Husbil & Husvagn m.fl.) Men med ett helt nytt bastema.

Senare under året är planen att migrera även de övriga titlarna till det nya temat, baserat på bootstrap 3.

Så vad väntar du på, ladda upp din moped på: www.mopedgaraget.se

skrivet av |8 juli 2016|Drupal|Kommentering avstängd
  • travfakta
    Travfakta.se är lanserad Travfakta.se är lanserad

    Travfakta.se är lanserad

Travfakta.se är lanserad

Travfakta är en tjänst för seriösa travspelare. Som användare får man t.ex. tillgång till kommentarer, huvudlag och vagn för varje start.

Vi har byggt en generell e-shop lösning och travdatabas för TR Media som Travfakta använder. På så sätt kan vi enklare utveckla fler travtjänster för TR Media i framtiden. Även Travögat är baserad på samma e-shop lösning och travdatabas.

Som teknisk plattform har vi använt Drupal för de olika komponenterna. Den huvudsakliga travdatan hämtas automatiskt via ATGs webservice AIS. Sedan utökar TR Medias redaktörer travdatabasen med eget unikt innehåll.

Vi har samarbetat med Wonderboys i framtagandet av tjänsten.

Kika gärna på Travfakta.se. Det går att prova en månad gratis.

skrivet av |8 juli 2016|Okategoriserade|Kommentering avstängd
  • 3d_gas_cutting
    Manufacturing Guide beta är nu live Manufacturing Guide beta är nu live

    Manufacturing Guide beta är nu live

Manufacturing Guide beta är nu live

Med kunden Hans Bergmark har vi utvecklat Manufacturing Guide. Det är främst en tjänst för dig som är produktutvecklare inom tillverkningsindustrin. Du får hjälp med att välja bearbetningsmetoder, material och finna leverantörer. Registrering av innehåll pågår för fullt och lämna gärna feedback på sajten.

Besök manufacturingguide.com

Tekniskt sett är sajten byggd i Drupal och vi använder oss av välkända moduler som t.ex. Commerce och Search API. En grundidé har varit att få ut så mycket som möjligt från Drupal out of the box. Temat är byggt på Bootstrap. Vi har arbetat i nära kontakt med kunden i korta iterativa sprinter. Där vi tillsammans har kommit fram till vad som har behövts göras.

skrivet av |16 maj 2016|Drupal|Kommentering avstängd

Tillgänglighet för webben

Det här inlägget är en sammanfattning av
- dels ett seminarium om tillgänglighet på webben
- dels litet läsning och tester.

Den 24 april 2015, föreläste Pär Lannerö om tillgänglighet för webben. Pär har uppdrag för PTS (Post- och telestyrelsen) och är med och jobbar med sajten webbriktlinjer.se.

Tillgänglighet för alla

Enligt Pär har ca ⅕ – ¼ av användarna har någon form av funktionsnedsättning. Och ju äldre vi blir desto fler blir vi. Men ALLA har särskilda behov ibland. En stressig dag, en bad hairday eller när man sitter på ett skakigt tåg. Så att tänka tillgänglighet vid sajtutveckling ger ökad användbarhet för alla.

Verktyg

Pär tipsade om ett flertal verktyg man kan använda sig av i arbetet med tillgänglighet på webben:

Struktur
Verktyg för att utvärdera strukturen på webbplatser.
Verktyg: WAVE (plugin till Chrome/Firefox), WAT (Windows).

Lyssna
Testa hur din sajt upplevs via en skärmläsare, ett sätt att upptäcka hur du kan förbättra tillgängligheten på din sajt.
Verktyg: Fangs (plugin till Firefox), NVDA(Windows), Voiceover (Mac).

Zooma
Går det att zooma in utan att text hamnar bakom andra objekt och utan att funktionalitet går förlorad?
Verktyg: ZoomText

Kontrast
Är kontrasten på sajten sådan att alla kan tillgodogöra sig din sajt. Rött bredvid grönt är inte tillgängligt för de som har en vanlig form av färgblindhet. Det finns dock olika typer av färgblindhet.
Verktyg: Colorbrewer(för kartor)

SEO
Enligt Pär Lannerö är tillgänglighet bra inte bara för fysiska besökare av din sajt, utan också för SEO. “Google Bot brukar sägas vara blind.” Det som är tillgängligt för dina blinda besökare är med andra ord troligtvis också tillgängligt för Google Bot, vilket i sin tur gör det sökbart. Vilket gör det bra för SEO (Search Engine Optimization / Sökmotoroptimering).

Ta tempen på din webbplats
På webbriktlinjer.se kan du testa din webbplats genom att klicka igenom ett antal frågor som hjälper dig att tänka igenom sajten ur ett tillgänglighetsperspektiv. På andra sidan testet får du ett betyg på hur din sajt förhåller sig gentemot andra sajter som gjort testet.
Verktyg: http://webbriktlinjer.se/testa-din-webbplats/

Prio-lista
För att åtgärda din webbplats tillgänglighet i rätt ordning kan man utgå från webbriktlinjers priolista.
Verktyg: http://webbriktlinjer.se/riktlinjer/.

Prio 1-punkterna ska man alltså börja med:
- Sajten ska följa WCAG 2.0 nivå AA http://www.w3.org/WAI/intro/wcag
- Ge all information på begriplig svenska
- Ange tydligt om viss information är inaktuell
- Gör länkar, klickbara ytor och menyer användbara för alla
- Lyft fram det viktigaste i texten
- Skriv tydliga och informativa rubriker
- Följ standarder
- Skapa en flexibel layout
- Skapa rubriker med h-element
- Testa och utvärdera designförslag
- Anpassa webbplatsen även för små skärmar

Verktygstest

WAVE Evaluation Tool
Jag har testat att använda WAVE Evaluation Tool – ett plugin till Chrome som gör att man kan köra tester på sin lokala sajt eller sidor bakom inloggning. Man får en knapp i Chrome som gör att man kan slå på och av analysverktyget.

Wave förtydligar den bakomliggande html-strukturen på ett överskådligt sätt. Den visar och bedömer bl a:
- Logisk struktur (eller avsaknad därav) på rubriknivåer, att det finns en h1, samt att h3 kommer efter h2 osv.
- Saknade alt-taggar liksom vilka som används.
- Formulär-element om det saknas labels
- Visar ut HTML5-element som t ex nav
- Duplicerade länkar – att både bild, rubrik och ingress är länkade. Det resulterar i fler steg för skärmläsare för att navigera sajten.

Fangs
Jag har testat att använda Fangs. Ett plugin till webbläasren Firefox. När man installerat det går man till sajten som ska undersökas och högerklickar i sidan och väljer “View Fangs”. Där får du tre vyer:
- Skärmläsarvy: en emulering (skriven text) av hur innehållet på din sida skulle läsas upp i en skärmläsare.
- Rubrikvy: en lista över sidans rubriker
- Länkvy: en lista över sidans länkar

Det var intressant att få en ny överblick över sidan. Framförallt tycker jag att rubrik- och länkvyerna ger ett snabbt kvitto på om man namngivit dessa på ett begripligt sätt.

Dock tror jag att skärmläsarvyn inte är representativ för dagens skärmläsare eftersom den t ex inte verkar förhålla sig till HTML5-element. Men det kanske inte är så konstigt eftersom den senaste versionen av Fangs som jag hittade var 1.0.8, vilken kom i juli 2010.

Länkar

http://www.mfd.se/
Myndigheten för delaktighet – tillhandahåller också vägledning.

http://webbriktlinjer.se/
Webbriktlinjer – en webbplats från e-delegationen.

http://www.w3.org/WAI/intro/wcag
Web Content Accessibility Guidelines (WCAG)

skrivet av |8 maj 2015|Okategoriserade|Kommentering avstängd

Testfakta.se körs nu på Drupal 7

testfakta.se
Den 15 juli lanserades nya Testfakta.se på Drupal 7. Sajten låg tidigare i Escenic 5.1 med Widget Framework 1.5.
I samband med migreringen så har sajten blivit responsiv och fungerar nu fint på mobil, läsplatta och desktop. Bricco har stått för hela projektet. Mallbygge, styling, migrering och projektledning.

Drupals språkstöd används och sajtfunktionaliteten är fullständig på tre språk. Svenska, norska och danska. Dessutom finns språkstöd för vissa artiklar på franska, engelska, finska och tyska.

I samma veva släpptes Nyhetsbyrån Testfakta. Testfaktas sajt för förmedling av tidningsmaterial. Även den en Drupal 7 installation. Den migrerades från samma Escenic-instans men även från Escenic Community Engine. Där blev det ett lyft att få in användarhanteringen i Drupal.

skrivet av |17 juli 2014|Okategoriserade|Kommentering avstängd

Sätt upp Drupal på under minuten

Ibland vill man snabbt sätta upp en Drupalinstans för att testa nåt.
Nu kan man göra det med skriptet setup_drupal.sh.
Skriptet gör detta

  • Installerar senaste Drupal 7
  • Installerar några vanliga moduler
  • Skapar en drush make fil
  • Skapar MySQL-databas och användare
  • Skapar en Apache virtual host
  • Lägger till en domän i lokal hosts-fil

Skriptet finns att ladda ner på GitHub.

skrivet av |10 juni 2014|Drupal|Kommentering avstängd

Maria som Scrum Master på Svenskt Näringsliv

Från december 2013 till och med våren 2014 vikarierar Maria Ekman som Product Owner / Scrum Master på Svenskt Näringsliv. Hon gick in i projektet i ett intensivt skede. Under nästan ett år hade man jobbat med utvecklingen av sajterna www.svensktnaringsliv.se och www.entreprenor.se, och i samma veva uppgraderat från Escenic 4 till Escenic 5.6 med Widget Framework 3. Sajterna lanserades i början av mars.

skrivet av |23 mars 2014|Okategoriserade|Kommentering avstängd

Migrerar SvD till Escenic 5

Under hösten 2013 medverkar Stefan Norman från Bricco i Svenska Dagbladets uppgraderingsprojekt.
Projektets syfte är att uppgradera Escenic från version 4.3 till senaste version 5.6 (alt 5.7). Stefans roll i projektet är att bistå med kunskap kring Escenic 5 samt att sköta migreringen av innehåll. Detta görs mha de två migreringspluginsen i Escenic.
Den första tanken att gå över till Escenics Widget Framework 3 har skrotats och nu blir det en ”rak” översättning av funktionalitet istället.
Projektet är planerat att vara klart innan jul.

skrivet av |24 september 2013|Okategoriserade|Kommentering avstängd

Allt om Vetenskap: från E-Drum till Drupal

Nu har vi gjort klart migreringen av Allt om Vetenskap från E-Drum till Drupal 7.
Som vanligt har vi använt oss av Bamboo för att hantera deployer och Jira för ärendehantering.
Projektet har främst gått ut på att byta CMS till Drupal.

För den teknikintresserade, så finns här en lista på de moduler vi använt oss av:

Chaos tool suite, Date, Elysia Cron, Entity API, Entity Reference, Entity Cache, Features, Feeds, Field collection, Google Analytics, Job scheduler, Localization update, Media, Link, Pathauto, Poll Enhancements, Taxonomy menu, Token, Transliteration, Views, Views Bulk Operations, Webform, Wysiwyg, Menu block, Node convert, Administration Views

skrivet av |20 mars 2013|Drupal|Kommentering avstängd

Nu spurtar vi med Miljöpartiets nya sajt!

Sedan mitten av sommaren 2012 har vi från Briccos sida varit delaktiga i integrationen av nya mp.se. Som vanligt tar vi över när webbyrån, i detta fall proffsiga Oktavilla, har fått ok på sina visionära skisser och förslag.

Vårt jobb är att göra verklighet av design och koppla till valt CMS (publiceringsverktyg, i det här fallet Drupal). En period av strukturdiskussioner tar vid och vi går igenom vad som ska vara innehållstyper, taxonomier och andra systemrelaterade frågeställningar. Det är här vi lägger grunden för hur de som dagligen jobbar med nya mp.se kommer att uppfatta den nya webbplattformen.

Vad är då specifikt för nya mp.se i Drupal? Vi har utöver uppsättning och konfiguration lagt mycket tid på:

  • eget tema med stöd för den sidstruktur och navigeringsmodell som Oktavilla tagit fram,
  • Import av medlemsdata via modulen Feeds där bla hanteringen av källan, i form av en webservice, krävt uppdatering av feeds_soap,
  • rättigheter och roller och
  • Varnish – cachemotor för att klara av stort antal besökare.

Nya mp.se kommer självklart att utvecklas vidare och därför har vi redan i första fasen satt upp en plattform för utveckling och förvaltning. Plattformen baseras på Jira för ärendehantering och Bamboo för Continuous Integration.

Vi känner oss redo att trycka på knappen och låta nya.mp.se bli tillgänglig för alla.

skrivet av |20 november 2012|Drupal|Kommentering avstängd

Bricco AB, info@bricco.se, 070-948 05 00

Besöksadress: Stora Nygatan 5, 111 27 Stockholm(visa karta)