Category: Kanban
Kanban og multimediedesign
Mit masterprojekt på IT-Vest i “IT og Multimedier” handler om at bruge kanban pædagogisk på multimediedesigneruddannelsen. Kanban-metoden er udviklet af Toyota omkring 1950. Kanban betyder tavle med tegn på. Scrum-udviklere bruger ofte et whiteboard eller en opslagstavle til at visualisere projekter i et antal faser, der leder frem til “job done”.
Som underviser har jeg brug for et system, der kan visualisere og evaluere en arbejdsproces. Denne blog er min research på vej mod udvikling af en hypermedieløsning – en kanban der kan bruges på uddannelser.
-
Canvas “Op-Art”
Ved hjælp af nogle simple loops kan man lave herlige geometriske former.
-
Corona Sprites – hvordan virker de?
At skabe en sprite i Gimp eller Photoshop er relativt enkelt. Beslut dig for, hvor stor hver frame skal være, fx 512 x 256 px. I Photoshop skabes et dokument, med plads til fx 8 billeder. Koden herunder viser, hvordan animationen fungerer.
- local sheetData – her oplysninger om png filens størrelse.
- width = frame-bredde.
- height = frame-højde.
- sheetContentWidth og -Height: størrelsen på hele .png filen
Når Corona har disse oplysninger kan animationen afvikles. Animationen initieres med andre ord af koden. Se eksemplet fra Coronas side om sprites.
local sheetData = { width=512, height=256, numFrames=8, sheetContentWidth=1024, sheetContentHeight=1024 } local mySheet = graphics.newImageSheet( "runningcat.png", sheetData ) local sequenceData = { { name = "normalRun", start=1, count=8, time=800 }, { name = "fastRun", frames={ 1,2,4,5,6,7 }, time=250 } } local animation = display.newSprite( mySheet, sequenceData ) animation.x = display.contentWidth/2 --center the sprite horizontally animation.y = display.contentHeight/2 --center the sprite vertically animation:play() -
WordPress and jQuery
Add this code to the header.php file in the theme. Add this line before wp_head():
wp_enqueue_script("jquery");Then you can write a script (inside script tags) – somewhat like this:
var $j = jQuery.noConflict(); // using j as selector to avoid conflicts $j(function(){ $j("#respond").hide(); // hide comment field });Based on this tutorial by Chris Coyier.
-
Research save sortable
<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
-
Stien til jQuery i WordPress
/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.
-
Formattering af datoer
<!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:
-
FTP / Upload – where
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.