Software ontwikkeling@nos

Software Ontwikkeling @NOS Nieuwe Media 17 april 2010, Zwolle Jan Willem Eshuis

Wie ben ik

Dit dus...

Jan-Willem Eshuis @jweshuis

Onze missie altijd, overal en voor iedereen

Afdeling nieuwe media - 1 hoofd nieuwe media - 4 developers (inclusief mijzelf) - 2 (web)designers - 2 projectmanagers - 1 freelance interaction designer - 1 freelance (web)designer always, everywhere for everybody 17 - 5 freelance developers - 1 freelance projectmanager

Ons werk

NOS.nl

NOS.nl / Nieuws

NOS.nl / Sport

NOS Mobiele website

Applicaties (mobiel)

Uitdagingen

Uitdagingen - Het (snel) groeiende aantal verschillende platformen - De (grote) hoeveelheid aanvragen voor het gebruiken van “onze” NOS content - Het beschermen van onze content (zoals live-streams van sportevenementen) - De steeds veranderende vorm van communicatie met als transportmiddel internet (denk aan Philips Net TV, Sony Internet TV, iPad enz.) - Performance van de website(s) en applicaties - Performance netwerken (o.a. van providers)

Capaciteit van netwerken

De basis

De basis - Open standaarden indien mogelijk - Linux, Apache, LightHTTP, MySQL, Streaming Servers, Progressive Download platform, PHP - Zend Framework always, everywhere for everybody - phpUnit - HTML, Javascript, CSS

Basis architectuur

Architectuur Backend Content Platform (database) always, everywhere for everybody Website Mobiel Api

Content platform

Content platform Write actions Master Database Master Database Content Platform Read actions SQL Proxy Slave 1 Slave 2 Slave 3 Slave 4

Kenmerken content platform - MySQL database (master(s) - slaves constructie) - Applicatie gebaseerd op Zend Framework - Verzamelen van “alle” beschikbare content (artikelen, audio, video, foto, dossiers) - Importeren en exporteren van content - Centrale (code) library voor gebruik in website, mobiel en API

Service Oriented Architecture

Kenmerken SOA structuur @NOS - Koppelingen tussen systemen op basis van “human readable” XML - Alle systemen zijn goed in wat ze moeten doen (kleine stukjes software) - Externe (niet maatwerk) systemen zijn allemaal “bewezen” systemen - Systemen kunnen (eenvoudig) worden vervangen door andere systemen - Eenvoudig uitbreidbaar

Voorbeeld: Search @ NOS website(s) Content Website Database API SOLR Engine Index

Implementatie search ‣ Bewezen techniek (SOLR) ‣ Eenvoudig in onderhoud ‣ Open systeem, klaar voor de toekomst ‣ XML, PHP, JSON in- en export ‣ “Domme zoekindex”, garbage in, garbage out ‣ De API maakt het leven makkelijker

Proces (web)

Proces (web) 1. 2. 3. 4. 5. Eisen en WireFrames Vormgeving Techniek Testen wensen always, everywhere for everybody 6. Live

Gouden regels (techniek)

1.Kleine stapjes

Kleine stapjes - Projecten worden opgedeeld in deelprojecten van maximaal 2 weken - Elke 2 weken is er dus een daadwerkelijke oplevering - Alle functionaliteit wordt altijd getest (logisch), inclusief automatische testing (indien mogelijk) - Iedereen werkt mee, vaak “pair programming” waardoor kennis wordt gedeeld - Elke 2 weken (soms vaker) evaluatie van opgeleverde code

2. Alles kan!

Alles kan - Veranderingen zijn altijd mogelijk, het nieuws verandert doorlopend dus ook de wensen van de gebruiker - Door korte projecten kan er dus snel worden bijgestuurd - Kleine projectteams, dus snelle korte lijnen - Je moet wel een beetje gek zijn!

Voorbeeld: www.afstandgemist.nl - Donderdag 11 februari bedacht (rond 23 uur ‘s avonds) - Vrijdag 12 februari registratie domeinnaam - Zaterdag 13 februari ontwikkeling en testen - Zondag 14 februari voor het eerst gepubliceerd

Communicatie

Resultaten

3. Statische content is goedkope content!

Schematische weergave Dynamisch Duur Hybride Statisch Goedkoop

Statisch publiceren - Is nodig door enorme load op platform - Bij pieken meer dan 500.000 hits op webservers per minuut - Zorgt voor snellere gebruikerservaring - Waarom dynamisch als het statisch kan?

4. Trial and error!

Alleen binnenskamers ;-) - Vrijwel alle software die we ontwikkelen wordt eerst binnenskamers en dan extern getest (closed beta) - Alle feedback wordt meegenomen - Testers weten dat applicatie’s niet “af” zijn - Zorgt voor snelle ontwikkeling - Is mogelijk door kleine teams, korte projecten

5. Deel je ervaringen en leer van anderen

6. De open deuren

Maak gebruik van SVN, GIT of een andere versiebeheer omgeving!

Documenteer alleen waar nodig, teveel documentatie is echt onzin!

/** * This function make a copy of the source * file to the destination location * * @param string $source * @param string $destination */ public function copyFile($source, $destination) { copy($source, $destination); }

eXtreme Programming werkt! Werk samen aan een probleem en bedenk/programmeer een oplossing

Gebruik een framework! Niemand zal op dit moment een wiel opnieuw gaan uitvinden, waarom jij wel?

Maak afspraken! En hou je aan de afspraken! Maak afspraken over het gebruik van namen, doe je dit in Engels of Nederlands?

/** * This function makes a copy from file a to file b */ ‣ public function cpFl($a, $b){ copy($a,$b); } public function copyFile($source, $destination) { copy($source, $destination); }

Test je code zoveel mogelijke automatisch!

Hou je code leesbaar! Een paar kleine functies zijn beter dan 1 grote!

public function readItems() { $_aNewsItems = array(); $_aLines = file($this->m_sRSSfeed); $_sLines = implode('',$_aLines); $sLines = substr($_sLines,0,strpos($_sLines,'</items>') + 8); $sLines = str_replace('nos:tcmid','tcmid',$sLines); $_objSXML = new SimpleXMLElement( substr($_sLines,0,strpos($_sLines,'</items>') + 8) ); foreach ($_objSXML->item as $_objRow) { foreach ($_objRow as $_sKey => $_sValue) { $_aN[$_sKey] = trim( $_sValue ); } $_aNews[] = $_aN; } for ($a=0; $a < count($_aNews);$a++) { $_aLines = array(); $_aLines = file('$_aNews[$a]['url']); if (count($_aLines)>0) { $_sLines = implode('',$_aLines); $_objXML = new DOMDocument(); $_objXML->loadXML( $_sLines ); $_aItemList = $_objXML->getElementsByTagName('item'); // read al the sport items from the XML for ($i=0; $i < $_aItemList->length; $i++) { $_aNewsItem = array(); $_aNewsRel = array(); $_aNewsAv = array(); $_objItemElement $_aItemList->item($i); = $_aElementList = $_objItemElement->getElementsByTagName('*'); for ($j=0; $j < $_aElementList->length; $j++) { Fout

public function renderAcountBalancePage() { if ( $this->accountBalancePositive() ) { return $this->renderAcountBalancePositive(); } return $this->renderAccountBalanceNegative(); } Goed

Gebruik een bugtracker!

Heb plezier! Doe wat je leuk vindt, zoek nieuwe uitdagingen!

Vragen?

@jweshuis http://twitter.com/jweshuis http://www.janwillemeshuis.nl http://weblogs.nos.nl/nieuwemedia/

http://janwillemeshuis.nl	73
http://intranet	24
http://www.slideshare.net	10
http://app-enterprise.dyndns.biz	2
http://app-enterprise02.dyndns.biz	1

Software ontwikkeling@nos

by Jan Willem Eshuis on Apr 16, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 110

Statistics

Software ontwikkeling@nos — Presentation Transcript