React Aalborg Meetup #3 – Introduktion til Redux & Storybook

 

I går havde vi tredje meetup i Aalborg React & React Native Meetup, som jeg har været med til at starte.

State i React med Redux

Wouter fra UVdata gav en rundtur i Redux og hvordan ens React apps bliver super fede og nemmere at styre når man bruger Redux til at styre state.

Wouter har delt det kode eksempel han viste frem, med den obligatoriske brug af vores favorit API: Star Wars API.

Storybook til dine React komponenter

Thomas fra SubHub introducerede og holdt derefter coding dojo om Storybook, et super cool værktøj til at hjælpe med til at udvikle, dokumentere og teste sine React komponenter.

En af de vigtigste fordele ved at bruge Storybook er at man sikrer at ens komponenter er afkoblede og man øger derfor deres genbrugbarhed.

Video

Jeg skød en video af det meste af dagens oplæg.

Næste Meetup

Vi har allerede sat dato for næste Meetup i Aalborg React, nemlig d. 25. april. Kom og vær med!

Innovation for alle med PRE.DO – sæt strøm på idearbejdet

Innovation er vigtigt

Alle taler om innovation og disruption. De nævnes så meget og i så mange sammenhænge at ordene næsten mister deres værdi og betydning.

Det er dog svært at se mange positive veje fremad for samfund og menneskeheden som helhed, hvis vi skulle stoppe med at opfinde og forbedre, hvad og hvordan vi gør ting.

Innovation og idéudvikling er bare ikke nemt, for der opstår nemt en afkobling mellem folk med stor metodisk og teoretisk viden og folk der har praktisk erfaring, med det område man ønsker at udvikle på.

Hav altid en industriel designer inden for rækkevidde

Begreber som Design Thinking, Service Design, Co-creation, Lean og Agile metoder (og mange flere) er gode metoder, der skaber rammer for at dygtige design- og metode-folk mødes med emne-eksperter (‘subject matter experts’ lyder federe) og de så sammen brainstormer, analyserer og designer nye løsninger på opgaver, problemer eller muligheder.

Der uddannes bla. dygtige design tænkere fra Aalborg Universitets Industrielle Design linier, og jeg har haft fornøjelsen af at arbejde tæt sammen med flere af dem.

De er desværre ikke alle steder på alle tider, men det er der snart råd for!

Sammen med to af de allerdygtigste Industrielle Designere jeg har mødt; Thomas Broen og Christoffer Mørch fra Ideaal og en af de allerskarpeste markedsføringshjerner; Maj-Britt Kjær Sørensen, har jeg arbejdet frem imod at lave et digitalt værktøj, der vil kunne hjælpe nogen af alle de mennesker og virksomheder med ideer, der ikke altid har en designer inden for arms længde.

Gode ideer udnyttes ikke

Vi har talt med hundredevis af gode mennesker i kompetente virksomheder og organisationer, alt fra helt nye iværksætter til store globale virksomheder, og vi har set de samme mønstre igen og igen:

Virksomhederne går glip af enorme værdier i ideer eller forbedringsforslag fra medarbejderne, samarbejdspartnere og kunder, der ikke bliver samlet op og vurderet effektivt.

Vi har set, at virksomhederne oftest er super dygtige til at køre og gennemføre udviklingsprojekter, men det er ikke altid de vigtigste eller rigtige udviklingsprojekter, der bliver udvalgt og startet.

PRE.DO – Innovation for alle

Derfor er vi gået igang med at bygge PRE.DO, som navnet antyder et værktøj, der skal bruges inden projekterne udføres. Pre-doing.

PRE.DO bliver en Software as a Service (SaaS) platform, som individer, teams og virksomheder kan bruge til at opsamle, berige og evaluere de ideer og forbedringsmuligheder, som medarbejdere, samarbejdspartnere og kunder dagligt får.

Berigelsen af de rå ideer vil kunne gøres let tilgængelig, sjov og effektiv ved at digitalisere et udvalg af de mere end 100 metoder, som vi tilsammen har udviklet eller mødt gennem årene.

PRE.DO skal pitches

Det bliver et stort arbejde og vil kræve, at vi får noget ekstern finansiering ind i projektet. Vi har valgt, at det første sted, vi vil opsøge det, er til Growing Investors eventen i Århus d. 20. april, hvor 80-100 Venture Capital investorer vil lytte til 6 udvalgte start-ups pitche deres ideer og virksomheder.

Vi ❤️ feedback, så her er vores pitch-deck for PRE.DO.

Vi har også valgt, at stille op til Løvens Hule på DR-tv, så i næste uge skal vi raffinere og optage video af vores pitch.

Har du ideer til steder, vi skal stille os på for at præsentere vores projekt, har du ideer eller tanker til emnet, folk vi skal snakke med, eller noget helt andet, så giv mig et pip.

Alle kan kode med Node-RED

ADVARSEL: Tonen i denne blogpost kan næsten ikke undgå at blive lidt lummer, for jeg er ellevild med Node-RED. ❤️

Jeg har en ambition for Danmark:

I dagens Danmark kan måske 1-2% af befolkningen sætte sig ned og lave programmer til at løse de mest monotone dele af deres arbejdsopgaver.

Jeg tror på, at man vil kunne øge denne andel til måske 15-30% uden at skulle vente en generation eller to, men ved at lave og tilbyde let tilgængelige værktøjer.

Disse værktøjer vil være robotter, sensorer og aktuatorer i den fysiske verden kombineret med software med grader af intelligens fra simpel logik til komplekse machine learning “hjerner”.

Jeg tror at Node-RED kan være et centralt værktøj i realiseringen af denne ambition.

Men… hvad er det der Node-RED som har gjort dig så vild i varmen, Uffe?

Jeg er glad for at du spørger, Uffe.

Hvad er Node-RED?

Node-RED er en open-source platform udviklet af IBMs Emerging Technologies group til at lave visuel flow-programmering af Internet of Things (IoT) systemer. Flow-baseret programmering blev opfundet først i 1970’erne, så det er absolut ikke en ny opfindelse.

Node-RED er bygget på Node.js og deraf fornavnet.

I Node-RED editoren laver man flows og sub-flows. Flows består typisk af en input-trigger, nogle mellemliggende beslutninger eller processeringer og noget output.

Man binder alle disse noder (der var den igen) sammen med virtuelle ledninger på skærmen og skaber derved flows.

En trigger kan være noget så simpelt som en knap, en timer, eller et HTTP-endpoint (dvs. en URL der kaldes fra browser eller en service på nettet) eller ændringer i et twitter-feed eller en besked på en Slack kanal, en ændring af en temperatur på et pillefyr, eller ….

Hvis du har 5 minutter, så se Nick O’Leary, en af skaberne af Node-RED, vise et par eksempler:

Hvad skal der til?

Node-RED kan køre på små og store systemer, alt fra Raspberry Pi over Windows, Mac og Linux computere til Amazon Webservices og IBMs Watson supercomputer.

Alt afhængig af hvor det kører, kan man udvide Node-RED med pakker af nye noder. De fleste af de mange pakker, der findes, kan køre hvor som helst, men nogle af dem giver mulighed for at interagere direkte med det miljø, hvor Node-RED kører.

F.eks. findes der en pakke til Raspberry Pi, hvor man fra Node-RED kan læse og skrive direkte til benene i GPIO stikket på Raspberry Pi’en og derved direkte styre eller måle på elektronik – og dermed verden!

Hvis man kører Node-RED på IBMs BlueMix platform, kan man direkte tilgå funktioner på IBM Watson supercomputeren, f.eks. Semantisk analyse af tekster, Tale-til-Tekst og Tekst-til-Tale oversættelse, Tone analyse, Utrænet mønster detektering, Personlighedsprofilering (som sandsynligvis hjalp Donald Trump med at blive valgt), billedanalyse og mange flere. Ret vildt!

OK Uffe, men nu er du nødt til at blive lidt mere konkret. Kan du komme med nogle eksempler på hvad man KAN man med Node-RED?

Ja for dælen, det kan du tro…

Pillefyret … igen

Jeg har hooket mit træpillefyr op til Node-RED og får nu events ind ca. hvert 5. minut med målinger af, hvor mange træpiller der er tilbage, og hvor varmt vandet der kommer ud af fyret er.

For hver måling vil jeg gerne kunne se den vist på et “speedometer” (gauge) og på en graf over tid.Node-RED dashboard til Uffes pillefyr

Det har jeg gjort med Dashboard pakken, der giver nem mulighed for at lave en web-baseret brugergrænseflade i Node-RED.

Node-RED flow fra Uffes pillefyr

DET var nemt, ik?

I stedet for, at jeg skal holde øje med grafen hele tiden, kunne det være fedt hvis jeg kunne få en push-besked på min telefon, når pillestanden falder under et bestemt niveau.

Node-RED flow fra Uffes pillefyr incl. push-besked

Det lavede jeg ved at trække en Switch node ind og skrive “> 55” i den. Jeg har nemlig fundet frem til, at hvis jeg får besked om, at der snart mangler træpiller, når der er 55 cm fra sonaren ned til træpillerne, har jeg ca. 24 timer til at tage mig sammen til at få hældt 80-100kg træpiller på.

Min Switch node har to udgange: en der bliver aktiveret, når der er målt mere end 55 cm, og en der får besked, når der er kortere. På den første har jeg trukket en Pushover node ind. Den sender en push-besked til Pushover app’en på min telefon. Den anden Switch-udgang skriver bare teksten ud i en log-fil.

Jeg vil også gerne gemme målingerne, så jeg har trukket en AWS DynamoDB node ind også. Easy-peasy.

Philips Hue

Det første stykke med IoT mange mennesker får indenfor døren derhjemme er pærer fra Philips Hue eller lignende, hvor man fra en app kan tænde og slukke, skrue op og ned og bestemme farven på sit lys.

Der er (selvfølgelig) nogen, der har lavet en Node-RED pakke, der giver adgang til at styre ens Hue pærer. Det kunne være en tidsstyring, baseret på hvornår solen står op og går ned, eller baseret på ens kalender.

Jeg har lavet en web-UI til mine Hues, som ret sikkert bliver tilpasset med tiden.

Node-RED flow til styring af Philips Hue

Bil speedometer

Jeg er ret glad for min Volvo, men må indrømme, at jeg drømmer om at skifte den ud med en Tesla en gang. For at komme lidt tættere på, byggede jeg en CarPuter af en RaspberryPi, en 7″ touch-skærm, en USB GPS-modtager og lidt gammelt Meccano legetøj.

Den kører selvfølgelig Node-RED, og jeg viser hastigheden og højden over havet (fordi jeg kan) i to gauges på en Dashboard side. (Undskyld billedkvaliteten, men jeg lover det er taget på privat vej).

Node-RED dahboard i Uffes CarPuter med Raspberry Pi og Touch-skærm og GPS

CarPuteren kan en masse mere, men det skriver jeg om en anden dag. 🤖

Future Finance Hackathon

Da jeg for nogle uger siden deltog i Future Finance Hackathon hos Spar Nord Bank (og vores team vandt 2. pladsen YAY!), byggede vi løsningen med og omkring Node-RED.

Der viste vi bl.a. hvordan man kan bygge Node-RED ind i netbanken, så bankkunder og bankrådgiverne i samarbejde kan programmere flows der hjælper kunderne med deres økonomi.

Her er et eksempel på et flow, der hver d. 20. i måneden checker om man har minimum 3000kr på sin lønkonto, og hvis ikke får kunden en venlig push-besked og en besked på en Slack kanal.

Node-RED flow integreret i SparNords netbank, med AdvisoRED (mockup)

DET system kommer jeg også helt sikkert til at skrive meget mere om. 🇩🇰

Kan Node-RED alt?

Node-RED er ikke perfekt, men det er i mine øjne et fantastisk godt værktøj der har brede anvendelsesmuligheder og har potentialet til at rykke os et godt stykke nærmere på en befolkning, der kan programmere sig ud af hverdagsproblemer.

Jeg ser en ENORM værdi i, at man lynhurtigt kan lave prototyper af selv rimeligt komplekse integrationer, funktioner og systemer med Node-RED, og derved hurtigt kan få sine tossede afprøvet og sit liv forbedret.

Tag et kig på Node-REDs hjemmeside eller tag fat i mig hvis jeg skal give en demonstration over en kop kaffe.

Glæd dig til DEN GODE DAG

Det går ret godt i verden. Selv hvis man spørger en nordjyde, kunne det gå møj værre.

Vi har det bedre end nogensinde. Ikke mange ved det, så det laver vi om på med vores konference. Vi følger i Dr. Hans Rosling fodspor og vil bekæmpe uvidenhed med en faktabaseret verdensbillede, som alle kan forstå.

Derfor har vi i Det Gode Firma og CIMA Technologies besluttet at afholde DEN GODE DAG.

En god dag for den gode sag

Det skal være en en-dags konference hvor vi sætter fokus på hvor godt det egentlig går i verden og hvor meget vi allerede har og sammen kan udrette, hvis vi holder et positivt fokus.

DEN GODE DAG vil vi samle idéskabere, tænkere, tech-nørder og udviklere til at gå sammen om at løse en udfordringen på blot én dag.

Vores mål er at uddanne befolkningen, og vi vil at se hvordan du vil løse kommunikationsproblemet, som vi står overfor i dag:

hvordan får vi viderebragt de data der viser verdenssamfundets tilstand?

Vi har hyret fire eksperter til at hjælpe dig, og de kommer med store værktøjskasser, så der kan udvikles Real Time. Det bliver en geek jam session uden lige!

Verden har brug for dig

Som deltager på DEN GODE DAG kan du bidrage med input og gode ideer til samfundets store udfordringer, og sammen med fire ekspertudviklere tager vi ideerne og laver Real Time Coding – projektudvikling på stedet!

På den store scene vil der være foredrag om teknologi, software og data som vil blæse dig omkuld.

Konferencen vil have fokus på Big Data AI, Machine Learning, Real Time kodning og The Meshing af Everything (IoT / IoE relateret). 🤖 ❤️

Alt overskud for konferencen går til FN-organisationen Verdens Bedste Nyheder.

Vær med

DEN GODE DAG bliver d. 18. maj 9-17.30 og stedet bliver KPH VolumeEnghavevej 80-82, 2450 København.

Læs mere og book din billet allerede nu på dengodedag.dk.

Der kommer mere information de kommende uger, men vi kan allerede nu annoncere to af talerne:

Taavi Kotka, CIO for den Estiske regering, Udvikler, Enterprenør, og en af ​​kræfterne bag det estiske e-Residency program. Taavi har været en hyppig taler på flere tech konferencer, hvor han inspirerende taler og deler indsigt i, hvordan Estland blev det mest digitale land i verden. Et land, der er i stand til at tage en sikkerhedskopi af landet, gennemføre reelle e-afstemninger, og meget mere.

Den anden taler vi kan annoncerer i dag, er en dansk tv-vært, journalist, tech-nørd og generelt en god fyr ved navn Nikolaj Sonne. Nikolaj er en fremragende kommunikator og kendt for at være gadget på So Ein Ding på DR. Hvis du er på udkig efter et interessant bud på fremtidens teknologi og de nyeste gadgets, er Nikolaj manden. Nikolaj vil på DEN GODE DAG holde sit indlæg: Din mobil – Den Lille forræder.

React & React Native Aalborg Meetup #2

I tirsdags havde vi vores andet møde i Aalborg React & React Native Meetup.

Vi havde fået lov til at mødes i Aalborg Syndikatet, tak for det!

Ikke mindre end 35 interesserede havde tilmeldt sig og næste alle mødte op. ❤️

Programmet for dagen

  1. Thomas der introducerede React Native
  2. Andri der viste en lækker demo at next.js der gør det nemt at lave server-side rendering
  3. Andri viste også flere forskellige måder at deploye React sites på: now.js, docker og kubernetes.
  4. Christian Broberg fra Webhouse, der præsenterede deres planer om et re-make af deres Odeum produkt i React.

Video

Jeg skød noget video af dagens indlæg:

Links

Her er links til de nævnte libraries og teknologier:

Næste meetup

Det er fedt der er så meget opbakning og interesse omkring meetup’et, vi glæder os til næste meetup, der bliver d. 21. marts.

Vandt 2. plads i Spar Nord Banks Future Finance Hackathon!!!

Fra i fredags d. 4. februar kl. 17.00 og 48 timer frem deltog jeg i Spar Nord Banks Future Finance Hackathon i Spar Nords hovedkvarter i Aalborg sammen med 99 andre udviklere, designere og forretningsfolk, fordelt på 18 teams.

Tidligere på ugen mødtes teamet første gang og snakkede vidt og bredt om vilde ideer, teknologier og tanker vi havde. Teamet består af:

Vi ville gerne bygge ovenpå de muligheder, der kommer i 2018 med PSD2 reguleringerne, der kort sagt vil give os forbrugere adgang til vores egne bankdata og mulighed for at give andre end vores egen bank adgang til dem.

Vi ville bygge en platform til at interagere med ens bankdata og -konti. Det gjorde vi så og fik hurtigt hul igennem allerede fredag aften. Resten af weekenden byggede vi så videre på use cases, forretningsmodel, sparring med mentorer, brugervalidering og vores pitch.

Vores 4 minutters pitch søndag eftermiddag gik ret godt, og vi fik gode spørgsmål fra juryen og god respons fra publikum.

Juryen skulle bedømme ideerne på fire kriterier:

  • Innovation
  • Potential impact
  • Execution
  • Customer validation

Alle 18 præsentationer var af imponerende høj kvalitet, og selvom vi troede på vores ide, var det absolut ikke givet, at vi ville komme i nærheden af præmierne.

Vi vandt 2. pladsen og en check på 50.000kr, nice!

Team Red IO (med Kim Østergaard fra Spar Nord som stunt-double af Rene)

Hvad er så næste skridt for vores ide og projekt? Det finder vi snart ud af, for vi skal mødes om en times tid og snakke videre.

Machine Learning fra Stanford

Kunstig intelligens og Machine learning er på grænsen til at blive overhypet. Det er næsten tenderende den hype som den hellige treenighed: MObile, LOcation aware og SOcial har oplevet de sidste 5-6 år.

Der er dog et solidt grundlag under en stor del af hypen omkring de kunstige intelligenser og alle deres applikationer. Vi tager endda mange af dem for givet nu:

  • Face detection til tagging af billeder på Facebook
  • Voice recognition med Siri
  • Spam filtrering i Gmail
  • Anbefalinger af relaterede varer på Amazon
  • Auto-pilot funktionen i Tesla
  • Fingeraftryksgenkendelse på din iPhone
  • og mange mange flere…

Da jeg tog min specialisering på Aalborg Universitet og skrev mit speciale på Queens University i Belfast, var det på en retning der hed Intelligent Multi-Modal Systems. Ordet Intelligent i den titel henviste til at vi blev undervist og arbejdede med kunstige intelligenser i form af regel-baserede systemer, ekspert systemer, neurale netværk, mv.

Jeg har også taget ordet Intelligens med i Det Gode Firmas payoff:

Det Gode Firma logo

Det er når godt design, lækre features kombineres med intelligens at det sjove opstår.

Jeg har kun haft få muligheder for at arbejde med det siden studiet, men nu skal det være. Computerne er blevet hurtigere, data-lagring er blevet billigere, netværk hurtigere og algoritmerne bedre, så nu kan og bliver kunstig intelligens anvendt mere og mere.

For at friske lidt op på emnet og for at blive opdateret med de nye algoritmer, meldte jeg mig på et kursus jeg fandt højt anbefalet. Kurset hedder Machine Learning og afholdes af professor Andrew Ng fra Stanford University. Det er gratis at deltage i kurset online via coursera.com.

Kurset er det mest populære kursus på hele Stanford University, og det siger lidt om hotness af emnet lige nu.

Jeg vil anbefale alle der interesserer sig for emnet at tage kurset. Det er dog ikke helt let at komme igennem og kræver en del tid. Det kræver et fornuftigt niveau af matematik, selvom der i starten af kurset startes blødt op med et resume af vector og matrix-matematik. Øvelserne undervejs kræver ikke en masse programmeringserfaring, men lidt er nok ikke dumt at kunne.

Martin Lindstrom + Det Gode Firmas website = 🔥🔥🔥

Jeg deltog i går d. 27. januar 2017 i konferencen Modern Marketing Orchestration #MMO17 med 750 deltagere i Musikkens hus i Aalborg arrangeret af Konxion.
Jeg havde fået den helt unikke mulighed for at få en omgang feedback på brandet Det Gode Firma, af selveste brand-guruen Martin Lindstrom.

Martin lagde ikke fingre imellem og var dejligt direkte i sin feedback, og han har jo ret i det han siger, så kommunikationen og websitet skal tilbage til tegnebrættet. 😀

Martins tre konkrete tips var:

  1. Find ét ord, som jeg skal ‘eje’. På samme måde som Google ejer ordet Search og Disney ejer ordet Magic.
  2. Simplificér, giv fokus og giv overblik.
  3. Find to hverdagsbegreber og kombinér dem til noget nyt der beskriver min differentieringsmulighed eller vinkel til markedet.