{"id":1032,"date":"2014-09-16T12:45:57","date_gmt":"2014-09-16T11:45:57","guid":{"rendered":"https:\/\/fossworld.dk\/?p=1032"},"modified":"2014-09-17T09:25:47","modified_gmt":"2014-09-17T08:25:47","slug":"webapps-ved-hjaelp-af-chromium","status":"publish","type":"post","link":"https:\/\/fossworld.dk\/?p=1032","title":{"rendered":"Webapps ved hj\u00e6lp af Chromium"},"content":{"rendered":"

Brugen af Webapps er ved at blive ganske popul\u00e6rt. Det betyder blandt andet at man som udvikler, i stigende grad, ikke beh\u00f8ver at koncentrere sig om at underst\u00f8tte specifikke styresystemer eller platforme, men generelle og \u00e5bne standarder. Det er til geng\u00e6ld de udviklere der st\u00e5r for at udvikle netl\u00e6serne, der har til opgave at h\u00e5ndtere.<\/p>\n

Det er dog ikke alle netl\u00e6sere der er lige godt forberedt til dette lille show. Mozilla Firefox har for eksempel ikke l\u00e6ngere en modus til afvikling af webapplikationer.<\/p>\n

Et af de bedste bud kommer fra Google, da man her til forskel fra de fleste andre netl\u00e6sere, har implementeret en “app” mode. Dette indeb\u00e6rer blandt andet at alle kontroller, faneblade og URL-linier ef sl\u00e5et fra. Bortset fra titlelinien, er det kun vinduesindholdet der vises.<\/p>\n

\"Diaspora*<\/a>
Diaspora* som Webapp<\/figcaption><\/figure>\n

Google Chrome er den bedst egnede netl\u00e6ser til disse opgaver, men desv\u00e6rre kigger den brugeren lidt for meget over skulderen. Heldigvis er der et alternativ, fra samme familie. Chrome bruger nemlig koden fra Chromium projektet som base. Denne udgives ligeledes som et selvst\u00e6ndigt program, nemlig netl\u00e6seren Chromium, der er lidt mere beskyttende for brugeren og dennes privatliv. Chromium er at finde i de fleste distributioners, som for eksempel openSUSE, biblioteker.<\/p>\n

Lad os oprette en programobjekt<\/h3>\n

Som et eksempel vil jeg her oprette et programobjekt til Instapaper. Dette er en tjeneste der g\u00f8r det muligt at gemme hjemmesider, til senere l\u00e6sning. Dette kan g\u00f8res ved hj\u00e6lp af udvidelser til din favorit netl\u00e6ser, for eksempel Mozilla Firefox og Google Chrome\/Chromium har udvidelser. Men der findes ogs\u00e5 programmer til mobile enheder, s\u00e5som Android- og SailfishOS-enheder.<\/p>\n

F\u00f8rst skal der oprettes en tekstfil med et beskrivende navn, der kan skelnes fra de andre programobjekt-filer. Den eneste regel er at den skal hedde “.desktop” til efternavn. Det kunne for eksempel v\u00e6re “instapaper.desktop”.<\/p>\n

Indhold af programobjekt:<\/p>\n\n\n\n\n\n\n\n\n\n\n
[Desktop Entry]<\/td>\nDefinerer filen som et programobjekt<\/td>\n<\/tr>\n
Name<\/td>\nNavn p\u00e5 programobjektet, der blandt andet benyttes i programmenuen.<\/td>\n<\/tr>\n
Comment<\/td>\nHer kan angives en kort beskrivelse af programobjektet.<\/td>\n<\/tr>\n
Exec<\/td>\nKommando der skal eksekveres<\/td>\n<\/tr>\n
Icon<\/td>\nAlle objekter har brug for et ikon, her defineres stien til billefilen.<\/td>\n<\/tr>\n
Type<\/td>\nHer defineres typen af det der skal eksekveres, mulighederne er Application, Link og Directory<\/td>\n<\/tr>\n
Categories<\/td>\nDefinerer kategorier til programmenuen.<\/td>\n<\/tr>\n
Terminal<\/td>\nHer defineres om prgrammet skal afvikles i en terminal (true) eller grafisk (false)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Som det m\u00e5ske kan anes af ovenst\u00e5ende er definitionen (For eksempel Name og Icon) versalf\u00f8lsomt. Skrives det ikke helt korrekt, ignoreres det. Selve r\u00e6kkef\u00f8lgen af metadata er ligegyldig for fortolkningen, s\u00e5 l\u00e6nge Desktop Entry definitionen er \u00f8verst.<\/p>\n

Et programobjekt til et Instapaper programobjekt kunne se s\u00e5ledes ud :<\/code><\/p>\n


\n[Desktop Entry]
\nComment=Instapaper is a tool for saving web pages to read later on
\nExec=\/usr\/bin\/chromium --window-position=\"100,100\" --window-size=\"1080,825\" --new-window --app=\"https:\/\/www.instapaper.com\"
\nGenericName=Instapaper
\nIcon=\/home\/flywheel\/Storage\/Billeder\/Andre\/Ikoner\/instapaper.jpg
\nName=Instapaper
\nTerminal=false
\nType=Application
\nCategories=Internet,Webapps
\n<\/code><\/p>\n

 <\/p>\n

Kommando :<\/strong>
\nF\u00f8rst kigger vi p\u00e5 den kommando som programobjektet skal udf\u00f8re.
\n
\n\/usr\/bin\/chromium --window-position=\"100,100\" --window-size=\"1080,825\" --new-window --app=\"https:\/\/www.instapaper.com\"
\n<\/code><\/p>\n\n\n\n\n\n\n\n
\/usr\/bin\/chromium<\/td>\nDette er kaldet af selve Chromium<\/td>\n<\/tr>\n
–window-position=”100,100″<\/td>\nDette er udgangspositionen for det tegnede vindue. Her er der defineret en margin, til sk\u00e6rmkanten, p\u00e5 100 punkter.<\/td>\n<\/tr>\n
–window-size=”1080,825″<\/td>\nSk\u00e6rmens dimensioner er 1280*1024. Vinduets dimensioner er defineret s\u00e5ledes at der er en margin p\u00e5 100 punkter, hele vejen rundt.<\/td>\n<\/tr>\n
–new-window<\/td>\nWebapplikationen afvikles i et nyt vindue<\/td>\n<\/tr>\n
–app=”https:\/\/www.instapaper.com”<\/td>\nHjemmesiden Instapaper.com vises i app-modus.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Med hensyn til ikonet, s\u00e5 er det nogenlunde nemt at finde et ikon vis ens favorit s\u00f8gemaskine og gemme filen lokalt. Med “Icon” angives stien til denne ikonfil.<\/p>\n

Som et alternativ til dette programobjekt-mageri, kan man direkte indf\u00f8re det som elementer i en dock-applikation, som for eksempel wbar, der nu i et \u00e5rs tid har v\u00e6ret husets valg.<\/p>\n

Her benyttes det samme ikon og kommando som ovenfor.<\/p>\n

DR Live TV<\/h3>\n

En anden fin m\u00e5de at benytte Chromiums app-modus er i forbindelse med Danmarks Radios Live-TV tjeneste. Chrome\/Chromium er generelt konkurrenterne overlegne n\u00e5r det drejer sig om Video-fremvisning. Undertegnede har oprettet fem elementer i min wbar til en Programoversigt, DR1, DR2, DR3 og DR-K.<\/p>\n

\"Live<\/a>
Live DR-K TV som Webapp<\/figcaption><\/figure>\n

I midten af billedet lige ovenfor, ses midt i billedet afspilningsvinduet og helt ude til h\u00f8jre i wbar ses fem elementer med DR-ikoner. Den \u00f8verste er TV-Oversigten og herunder de fire TV-kanaler som Danmarks Radio udbyder live.<\/p>\n

Den kommando som disse elementer er udstyret med, afviger kun fra den der blev gennemg\u00e5et tidligere i denne roman, med den adresse som Chromium benytter. B\u00e5de startposition og vindues-st\u00f8rrelse er beholdt. Afspilleren indretter sig efter afspilningsvinduets dimensioner.<\/p>\n\n\n\n\n\n\n\n
TV-Oversigt<\/td>\nhttp:\/\/www.dr.dk\/tv\/oversigt<\/a><\/td>\n<\/tr>\n
DR1<\/td>\nhttp:\/\/www.dr.dk\/tv\/live\/popup\/dr1#\/<\/a><\/td>\n<\/tr>\n
DR2<\/td>\nhttp:\/\/www.dr.dk\/tv\/live\/popup\/dr2#\/<\/a><\/td>\n<\/tr>\n
DR3<\/td>\nhttp:\/\/www.dr.dk\/tv\/live\/popup\/dr3#\/<\/a><\/td>\n<\/tr>\n
DR-K<\/td>\nhttp:\/\/www.dr.dk\/tv\/live\/popup\/dr-k#\/<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Adresserne i ovenst\u00e5ende tabel er det adressen til det pop-up vindue man kan fremkalde fra Danmarks Radios nye Live-TV tjeneste. Det gode ved denne fremgangsm\u00e5de er netop, at man kan manipulere st\u00f8rrelsen af afspilningsvinduet lige netop til den st\u00f8rrelse man \u00f8nsker. Til geng\u00e6ld skal man s\u00e5 selv holde styr p\u00e5 programoversigten, men det kan kureres ved ogs\u00e5 at implementere en s\u00e5dan, p\u00e5 samme vis. TV-Oversigten ses i \u00f8verste r\u00e6kke af tabellen. Denne giver yderligere adgang til den almindelige Live afspiller via “SE NU (LIVE)” linket, for programmer der kan ses live og linket “SE PROGRAMMER” for dem der allerede er lagt i arkivet.<\/p>\n

Henvisninger:<\/p>\n