13.06.12 | kl. 09:08 | Aktuelt, Prosabladet
Sådan programmeres Windows 8 med Javascript
Vores Metro-program placerer sig som en rude yderst til højre i grænsefladen.
Windows 8 står for døren, og Microsoft har valgt, at næste aftapning af systemet skal kunne afvikles på forskelligartede enheder, i særdeleshed tablets og pc'er med berøringsskærme.
Forskellen mellem en grænseflade, som bruger mus, og én, der bruger fingrene, er stor, og Microsoft har valgt at løse problemet med et nyt præsentationslag, som hedder "Metro" og er inspireret af de grænseflader, der kendes fra smartphones og tablets.
Men det skal også blive nemmere for en bredere skare udviklere at skabe applikationer til den nye grænseflade. Derfor har Microsoft tilføjet endnu en brik i Windows-stakken, som allerede er godt fyldt op. I bunden af Windows lever det gamle og små-bøvlede Win32-API, som kræver C eller C++. Her hedder grænsefladeteknologien Windows Forms og MFC (Microsoft Foundation Classes). Ved siden af kommer .Net, som stadig ikke har fingrene helt inde i systemet. Præsentationslaget her er WPF (Windows Presentation Foundation), men af de store programmer er det indtil videre kun Visual Studio, der benytter WPF.
Og nu har Windows-udviklerne altså fået Metro og WinRT med i pakken. Den sidste del er et nyt runtime-modul, som gør det muligt at tilgå funktionalitet på højt niveau fra for eksempel Javascript og C#. Metro kan både udnyttes med C, C++ og C#/.Net, men altså også med HTML5 og Javascript. Det er denne mulighed, vi nu vil se nærmere på. Når Metro benyttes på denne måde, foregår præsentationen via en udgave af Internet Explorer, som afvikles i en specielt privilegeret proces og med andre host-objekter end normalt. Det sidste dækker blandt andet over et "Windows"-objekt, som er indgangen til funktionaliteten i WinRT.
En Metro-apps anatomi
Windows 8 og Visual Studio 11 Express installeres som beskrevet i boksen her på siden.
Lad os nu skabe et helt simpelt projekt. Åbn Visual Studio og vælg File – New Project – Templates – JavaScript – Windows Metro style og Blank Application i det midterste panel. Nu dannes projektets skelet-filer. Der er en Javascript-fil, default.js, samt HTML- og CSS-filer, som også hedder default. Klik Ctrl+F5 for at køre projektet. Nu bringes app'en op i Metro-fladen. Det ser ikke ud af så meget – der står blot 'Content goes here' i venstre hjørne. Lad os gøre det lidt sjovere. Åbn default.html (findes i panelet) til højre, find paragraf-tagget med 'Content goes here' og skift teksten til for eksempel 'Hej verden!' Klik Ctll+F5 igen. Nu skulle der gerne stå 'Hej verden!' i applikationsvinduet.
Prøv at udskifte linjen med
<p><a href="" onclick="document.write('Noget nyt')">Hej verden!</a></p>
og kør applikationen. Nu er der et link på teksten, og når vi klikker, udskiftes det hele med teksten 'Noget nyt' – fuldstændig som i en 'almindelig' browser.
Som tidligere nævnt tilgås den underliggende funktionalitet med to host-objekter, Windows og WinJS. Et eksempel er Windows.UI.Notifications, som gør det muligt at vise beskeder på desktoppen. Et andet eksempel er WinJS.UI.Animation, som assisterer med animationer.
Der er masser af dokumentation og eksempler på MSDN, hvorfra Visual Studio Express downloades. Et 'Sample App Pack' på 300 megabyte indeholder en bunke af eksempler, der også kan ses på et galleri på MSDN-sitet, hvor koden bag ved også kan browses igennem.
Et Metro-projekt i Visual Studio 11 Express består af Javascript-, HTML- og CSS-filer samt andre ressourcer.
-
Sådan installerer du Windows 8 med udviklingsværktøjer
Den foreløbige beta-udgave af Windows 8, der bærer tilnavnet "Consumer Preview", downloades som et installer-program på fem megabyte, som tjekker pc'ens grad af kompatibilitet og henter installationsfilerne fra nettet.
Download-siden findes nemmest ved blot at søge på navnet i en søgemaskine.
Det er muligt at installere fra en hjemmebrændt dvd via et ISO-image eller fra en USB-nøgle med kapacitet på mindst fire gigabyte. Man kan enten vælge at installere på en ren partition eller opgradere en eksisterende Windows 7-partition. Det sidste skulle bibeholde filer, programmer og drivere, men husk at backe up først alligevel.
Som en sidste mulighed kan Windows 8 installeres som et 'live-system' på en USB-nøgle. Det kalder Microsoft for "Windows to Go". Denne mulighed kræver lidt flere skridt. En beskrivelse findes på sitet Tweaks.com, via bit.ly/nxagFV .
Ud over Windows 8 skal man bruge Visual Studio 11 Express Beta for Windows 8 til at udvikle med. Den findes nemmest ved at søge på navnet. Endelig kan man downloade en stor mængde eksempler og hjælpefiler fra samme sted på MSDN, Microsofts udviklersite.
PRINT
