Per Thykjaer Jensen

  • <ul id="sortable">
        <li id="1">elem 1</li>
        <li id="2">elem 2</li>
        <li id="3">elem 3</li>
        <li id="4">elem 4</li>
    </ul>
    
    $(document).ready(function(){
        $('#sortable').sortable({
            update: function(event, ui) {
                var newOrder = $(this).sortable('toArray').toString();
                $.get('saveSortable.php', {order:newOrder});
            }
        });
    });

    Kilde: http://stackoverflow.com/questions/7097168/save-jquery-ui-sortable-positions-to-db

  • /wp-includes/js/jquery
    

    Mappen indeholder disse filer:

    jquery.color.min.js
    jquery.form.js
    jquery.form.min.js
    jquery.hotkeys.js
    jquery.hotkeys.min.js
    jquery.js
    jquery.masonry.min.js
    jquery.query.js
    jquery.schedule.js
    jquery.serialize-object.js
    jquery.table-hotkeys.js
    jquery.table-hotkeys.min.js
    jquery.ui.touch-punch.js
    suggest.js
    suggest.min.js
    ui (mappe)

    Plugins / Templates kan mao. anvende jQuery. Ui mappen indeholder som navnet antyder en række ui-filer: knapper, datepicker etc. etc.

    En række bloggere advarer mod at bygge jQuery ind i et plugin eller en template. I stedet bør man bruge den version af jQuery, som WP indeholder. Hvis flere versioner anvendes kan jQuery angiveligt være årsag til konflikter eller sammenbrud på websiden.

  • <!doctype html>
     
    <html lang="en">
       <head>
         <meta charset="utf-8" />
         <title>jQuery UI Datepicker - Default functionality</title>
         <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
         <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
         <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
         <link rel="stylesheet" href="/resources/demos/style.css" />
         <script>
         // denne funktion formatterer til noget som MySql forstår
         $(function() {
           $( "#datepicker" ).datepicker({dateFormat: 'yy-mm-dd'});
         });
         </script>
       </head>
    <body>
    
    <p>Date: <input type="text" id="datepicker" />
    </p>
    
    </body>
    </html>

    I kanbanprototypen er det et problem, at brugeren selv skal formattere datoen på “amerikansk manér”. Det ville være smartere med jQuerys datepicker. Denne kode virker:

  • Fin intro til JavaScript – gode forklaringer / ævelser fx:

    • Basal JS syntaks
    • Dynamiske formulaerer
    • jQuery
    • Form validation

    Eksemplerne er her.

  • I have tried to access the servers at mmd – but I cannot get access. So you may have to add the source code on a DVD attached to the report and link to your web hotel.

    I have addressed the problem to the system administrator. But you need a solution here and now – so that’s my best advice.

  • [MiniKanban]

    – Eksempel på minimal kanban. I stedet for kolonner bruges farver som metafor for notens udvikling gennem et workflow.

  • Kanbanens logfil skal gemme nummeret på sidste autoincrement i en anden tabel. Men hvordan finder man det? Løsning (inspired by this blogpost):

            // looking for the number of the last id increment
            $last = $wpdb->get_row("SHOW TABLE STATUS LIKE 'kbnQotes'");
            $lastid = $last->Auto_increment -1;
    
            // adding the entry to the log
            $title = date('Y-m-d G:i:s') . '<br /><strong> ' . $_POST['Title'] . '</strong><br />' .  $_POST['What'];
    
                    // indsaetter ingen vaerdi i Id ... hvordan opdateres den?
                    $wpdb->insert(
                            "KbnQog",
                            array(
                                    'Id' => NULL,
                                    'What' => $_POST['What'],
                                    'KbnNotesId' => $lastid,
                                    'KbnStatesId' => $_POST['KbnStatesId'],
                                    'KbnProjectsId' => $_POST['KbnProjectsId'],
                                    'KbnNotesName' => $title,
                                    'Date' => date('Y-m-d G:i:s')
                            ),
                            array(
                                    '%d', '%s', '%d', '%d', '%d', '%s', '%s'
                            )
                    );
  • Ide: kanbanens noter burde være i hCalendar 1.0 format. Så kan man linke fra noten til en kalender.

  • Tænke-højt-test

    1. Præsenter dig selv.
    2. Fortæl hvad formålet med observationen er.
      Fx – at det er et tidligt forsøg på at undersøge om et program virker, om noget er for svært at bruge, etc.
    3. Sig at det er OK, hvis testpersonen ikke kan løse en af opgaverne.
    4. Præsenter udstyret i testrummet.
    5. Forklar, hvordan man tænker højt. At alle de tanker brugeren har er interessante for udvikleren. Du skal bare sige, hvad der farer gennem hovedet når du bruger programmet.
    6. Sig at du ikke hjælper med opgaven, fordi det er vigtigt at se hvordan brugeren reagerer på programmet.
    7. Beskriv nu brugerens opgaver og introducer produktet.
    8. Spørg om der er noget brugeren er i tvivl om inden testen begynder.
    9. Gennemfør testen med opgaverne.
    10. Analyser og gennemfør derefter forbedringer.

    Kilde: Tognazzini: “User Testing on the Cheap” kap. 14 i bogen: “Tog on Interface”, Addison Wesley (1990)

    OPgaver

    Kanban 29.3. 2103
    Kanban 29.3. 2103

    Tænke-højt-test: webkanban.

    1. Introduktion til undersøgelsen jvf. Tog.
    2. Tilføj en opgave fx “vaske op”. Den skal vises i “todo”.
    3. Nu leger vi at opgaven er fuldført. Hvordan vil du redigere notet, så man kan se at opgaven er færdig?
    4. Find og klik på “Log”
      (læg mærke til om brugeren finder ikoner eller menuen)
    5. Hvad siger loggen dig? Hvad kan den bruges til?
    6. Hvilke funktioner mangler loggen?

     

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