Categories
Kanban

Kanban Software Development – YouTube

Kanban Software Development – YouTube.

Categories
Kanban

Kanban vz. Scrum

Am I 100% sold on Kanban yet?  No, but neither was I on Scrum.  I really think the best approach may lie somewhere inbetween a Kanban + XP type of process.  See my post on pair programming.  Perhaps I’ll get a chance to try this out.  I already bring a large amount of XP to my Scrum, because XP has very good software construction practices.

(John Somnez “Kanban vs. Scrum“)

Categories
Kanban

Wireframe brainstorm

Sådanne designs kan vises i bredformat; men der er intet til hinder for at de forskellige tilstande blot bises som en lodret søjle i “block” display.

Wireframe
Wireframe – brainstorm. Øverst er processer “i gang”. Nederst er “færdig” eller “done”.

Herunder samme div-tags vist i et lodret design (Itten har ikke levet helt forgæves…):

Tilstand: "done"
Tilstand: “done”. Lodret wireframe.
Lodret wireframe til mindre displays
Lodret wireframe til mindre displays
Categories
Kanban

Mellem drøm og vågen

Lodret scroll fra drømmen - med farvekoder for færdighedsgrad / sprint.
Lodret scroll fra drømmen – med farvekoder for færdighedsgrad / sprint.

I tilstanden mellem drøm og vågen så jeg, at div-tags ville være bedre end tabeller, når man skal gestalte et design af firkanter til PC og mindre mobile skærme. Det handler om float og display block på små skærme.

En lille skærm kan vise en kanban lodret – der scrolles op og ned. Måske også til højre og venstre når man skal gå fra story til sprint (i et scrum-inspireret design). Drømmen konkluderer tilsyneladende at div er bedre end table.

Farverne styres via CSS klasser, der igen genereres af PHP. Koderne kunne være:

  • Grøn = “done”
  • Gul = “todo”
  • Rød = “pending”

I drømmen lavede jeg en papirsprototypetest og bad brugerne om at klikke på firkanterne. De skulle sige, hvad der ideelt ville ske, når man klikker på en firkant. Forudsætningen var, at brugeren introduceres for kanban først.

Der var også noget om wireframe for placering af knappper på firkanterne; men den del af drømmen husker jeg ikke tydeligt. Vistnok noget med at man klikkede på firkanten for at komme ind til en editeringsmenu.

Layout for større skærm via float
Layout for større skærm via float
Categories
Kanban

Hypermedieopslagstavle?

Fra papirt til hypermedie - QR på stickit note.
Fra papir til hypermedie – QR på stickit note.

Sp.: Kan man lave en opslagstavle med links?

Sv.: QR!

Et webcam eller et godt DSLR kamera kan tage billeder af opslagstavlen – og distribuere via www.  Og sådan kan en almindelig opslagstavle forvandles til et hypermedie… fx ved at  linke direkte til arbejdsdokumenter, regneark, præsentationer mv. i Google Docs.

I praksis kan man klistre QR på en huskeseddel eller et kartotekskort. Her er et link til nogle PHP QR classes, der kan anvendes på en webserver.

QR kan indeholde små tekster eller informationer om:

  • Hyperlinks til www
  • Vcard (visitkort)
  • Geolocation
  • Telefonnummer
  • etc.
Herunder er mit visitkort:
QR Per Thykjær Jensens vcard
QR Per Thykjær Jensens vcard

 

Categories
Kanban

iPad og Android specifik CSS

Mobilenheder og specifik CSS / HTML

Fordelen ved at kode i HTML5 er at man ikke skal ud i versionering af operativsystemer til de forskellige platforme. Med HTML5 kan man skrive en kode, der udnytter de mobile enheders muligheder, Her et par kilder til styling af tablets og smartphones:

En kanban webserver skal kunne betjene mange platforme, enheder og operativsystemer.
En kanban webserver skal kunne betjene mange platforme, enheder og operativsystemer.

iPad

Fra CSS Tricks stammer denne kodestump:

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

Iphone

Her er en oversigt over iPhone specifik kodning i HTML, CSS og PHP.

Android

Så vidt jeg kan se er den bedste måde at style Android at lave et CSS ud fra device-max width / height::

// target mobile devices
@media only screen and (max-device-width: 480px) {
    body { max-width: 100%; }
}

// recent Webkit-specific media query to target the iPhone 4's high-resolution Retina display
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    // CSS goes here
}

// should technically achieve a similar result to the above query,
// targeting based on screen resolution (the iPhone 4 has 326 ppi/dpi)
@media only screen and (min-resolution: 300dpi) {
    // CSS goes here
}

Eller direkte i HTML (ex fra stackoverflow.com):

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" href="css/mobile.css" type="text/css" />
<link rel="stylesheet" media="only screen and (min-resolution: 300dpi)" href="css/mobile.css" type="text/css" />

Se også David Calhouns blogindlæg om mobil-specific styling. David mener, at nogle Android browsere er begyndt at kunne bruge den iPad specifikke HTML / CSS.

#Bogen om “HTML5 spil” (husker ikke præcis titel; men den kommer snart…) siger noget lignende. Her understreges, at det kun er iPad der får en webside til at ligne en app; mens Android fremviser websiden i et browservindue.

Categories
Kanban

Er Scrum nødvendig i dette projekt?

Min arbejdskanban på indersiden af en skabslåge.
Min arbejdskanban på indersiden af en skabslåge.

Spørgsmål: Hjælper Scrum eller er det en klods om benet?

Svar: Scrum er en metode blandt metoder. Kanban kan principielt anvendes i mange udviklingsmetoder. Men Scrum har bragt kanban på banen. Scrum er altså kun et eksempel på implementering af kanban. Måske er projektets essens nærmere at udvikle en mere visuel platform, der kan bruges til planlægning og evaluering af en multimedieproduktion.

Og dog: scrum får alligevel en betydning for den bagvedliggende logik i databasen. Måske. Det skal vist fintænkes.