Author: Per Thykjaer Jensen

  • Notes from Lev Manovich: “The Database”

    Lev Manovich
    Source: Wikipedia

    “The sites always grow. New links are being added to what is already there. It is as easy to add new elements to the end of list as it is to insert them anywhere in it. All this further contributes to the anti-narrative logic of the Web. If new elements are being added over time, the result is a collection, not a story. Indeed, how can one keep a coherent narrative or any other development trajectory through the material if it keeps changing?

    (…)

    “The editors of Mediamatic journal, who devoted a whole issue to the topic of “the storage mania” (Summer 1994) wrote: “A growing number of organizations are embarking on ambitious projects. Everything is being collected: culture, asteroids, DNA patterns, credit records, telephone conversations; it doesn’t matter.” Once it is digitized, the data has to be cleaned up, organized, indexed. The computer age brought with it a new cultural algorithm: reality-> media->data->database. The rise of the Web, this gigantic and always changing data corpus, gave millions of people a new hobby or profession: data indexing. There is hardly a Web site which does not feature at least a dozen links to other sites, therefore every site is a type of database. And, with the rise of Internet commerce, most large-scale commercial sites have become real databases, or rather front-ends to company databases.”

    (…)

    “As a cultural form, the database represents the world as a list of items and it refuses to order this list. In contrast, a narrative creates a cause-and-effect trajectory of seemingly unordered items (events). Therefore, database and narrative are natural enemies.

    (…)

    “With new media, the content of the work and the interface become separate. It is therefore possible to create different interfaces to the same material.

    (…)

    “Montage is the default visual language of composite organization of an image. However, just as database supports both the database form and its opposite – narrative, a composite organization of an image on the material level supports two opposing visual languages.”

    (…)

    “Database – narrative opposition is the case in point. To further understand how computer culture redistributes weight between the two terms of opposition in computer culture I will bring in a semiological theory of syntagm and paradigm. According to this model, originally formulated by Ferdinand de Saussure to describe natural languages such as English and later expanded by Roland Barthes and others to apply to other sign systems (narrative, fashion, food, etc.), the elements of a system can be related on two dimensions: syntagmatic and paradigmatic. As defined by Barthes, “the syntagm is a combination of signs, which has space as a support.””

    (…)

    “In the original formulation of Saussure, “the units which have something in common are associated in theory and thus form groups within which various relationships can be found.” This is the paradigmatic dimension.”

    (…)

    “The paradigm is privileged over syntagm in yet another way in interactive objects presenting the user with a number of choices at the same time – which is what typical interactive interfaces do. For instance, a screen may contain a few icons; clicking on each icon leads the user to a different screen. On the level of an individual screen, these choices form a paradigm of their own which is explicitly presented to the user.”

    (…)

    “Just as a language user constructs a sentence by choosing each successive word from a paradigm of other possible words, a new media user creates a sequence of screens by clicking on this or that icon at each screen.”

    (…)

    “Why does new media insist on this language-like sequencing? My hypothesis is that it follows the dominant semiological order of the twentieth century – that of cinema. Cinema replaced all other modes of narration with a sequential narrative, an assembly line of shots which appear on the screen one at a time. For centuries, a spatialized narrative where all images appear simultaneously dominated European visual culture; then it was delegated to “minor” cultural forms as comics or technical illustrations.”

    (…)

    “The ancient Greeks produced long narratives, such as Homer’s epic poems The Iliad and The Odyssey; they also produced encyclopedias. The first fragments of a Greek encyclopedia to have survived were the work of Speusippus, a nephew of Plato. Diderot wrote novels – and also was in charge of monumental Encyclopédie, the largest publishing project of the 18th century. Competing to make meaning out of the world, database and narrative produce endless hybrids. It is hard to find a pure encyclopedia without any traces of a narrative in it and vice versa.”

    (…)

    “Vertov’s goal is to seduce us into his way of seeing and thinking, to make us share his excitement, his gradual process of discovery of film’s new language. This process of discovery is film’s main narrative and it is told through a catalog of discoveries being made. Thus, in the hands of Vertov, a database, this normally static and “objective” form, becomes dynamic and subjective. More importantly, Vertov is able to achieve something which new media designers still have to learn – how to merge database and narrative merge into a new form.”

    Manovitch on the Web

    Visit Lev Manovitch’s web page here.

  • At visualisere en arbejdsproces

    Kanban handler om at visualisere en arbejdsproces. Om udviklerne vælger at arbejde med rollefordeling a la Scrum eller om de bruger en vandfaldsmodel – eller et af de andre “udviklingsparadigmer” er underordnet.

    Kanban kan både bruges lineært og iterativt. Man kan vælge at lade sedlerne flytte sig trin for trin – så har man et vandfaldsparadigme. Alternativt kan man prøve sig frem – hvis en test ikke lykkes, så kan sedlen gå tilbage til en todo – eller hvad den passende kolonne nu hedder. Og så er metoden pludselig “agil”.

    Men jeg tror ikke, at Toyota har tænkt kanban som en agil metode. Kanban skulle sikre et “workflow” med klart definerede trin, der logisk leder frem mod “done”. Oprindeligt minder kanban mere om en vandfaldsmodel end en agil metode.

    Hvorfor er det da så vigtigt for agilisterne bruge en model, der har rod i en vandfaldsmetode?

  • 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“)

  • 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
  • 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
  • Hypermedieopslagstavle?

    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

     

  • iPad og Android specifik CSS

    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.

  • Er Scrum nødvendig i dette projekt?

    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.

  • Forskellen på uddannelse og industriel produktion

    Forskellen på uddannelse og industriel produktion

    Breügel alkymist
    Breügel “Alkymist” – selv om det vistnok ikke lykkedes alkymisterne at lave guld, så har videnskaben lært meget af deres eksperimenter (fosfor, alkohol, krudt mv.) En uddannelse liger et laboratorium, hvor man eksperimenterer og prøver at lære noget af sine erfaringer.

    Uddannelse og industriel produktion ligner ikke hinanden. Industriel produktion handler om at færdiggøre produkter og at få dem ud på markedet. Uddannelse handler om at prøve sig frem. Om et projekt lykkes eller ej er ikke det vigtigste. Det vigtigste er at lære noget af erfaringen.

    En kanban er beregnet til industriel produktion. Men på multimediedesigneruddannelsen har vi brug for et program, der kan bruges til planlægning og registrere hvordan en kreativ udviklingsproces forløber (og ja: programmering er en kreativ disciplin…)

  • Native HTML5 Drag and Drop – HTML5 Rocks

    Native HTML5 Drag and Drop – HTML5 Rocks – her er (endelig) en grundig introduktion til “drag and drop” med HTML5 og JavaScript. Artiklen forklarer de forskellige eventlisteners, og giver konkrete eksempler på, hvordan de bruges.

Enable Notifications OK No thanks

We use cookies - more information

Multimusen.dk will set a few cookies from Doubleclick, Google and the Social Media plugins they ay set some cookies. Some of my pages use APIs - such as YouTube, LinkedIn, Google Fonts, Google Maps, Mapbox, Spotify, Jetpack, Twitter, Facebook &c.. Such plugins may set the odd cookie.

Close