Zelf een Samsung widget maken

Veel Samsung telefoons hebben een achtergrond waarop verschillende widgets kunnen worden geplaatst. Er worden redelijk wat widgets aangeboden door Samsung zelf, maar hoe ga je te werk als je er zelf een wilt schrijven?

Widgets?

Een widget is een klein stukje software wat de mogelijkheden van het product uitbreid. De meest gebruikte widget is een snelkoppeling widget. Wanneer deze widget wordt geactiveerd zal deze een webpagina openen.

Waar bestaat een widget uit?

Samsung TouchWiz widgets zijn gebaseerd op de W3C Widget specificatie. Deze bestaat uit een aantal bestanden in een ZIP-archief, eindigend op .wgt.
De volgende bestanden zitten in een .wgt-archief:

config.xml (voor de beschrijving van de widget)
index.html (bevat de HTML-code van de widget)
icon.png (icoon voor in de widgetbalk)
js/sc.js (javascript nodig voor het openen van de URL)
css/common.css (CSS voor het uiterlijk van de widget)
images/twitter.png (afbeelding van de widget zelf)

Widget schrijven

Omdat er nog geen Twitter-snelkoppeling is zal het schrijven daarvan als voorbeeld worden gebruikt.
config.xml
Dit bestand bestaat uit informatie over de widget zoals het versienummer en de naam.

<?xml version="1.0" encoding="UTF-8"?>
<widget id="TWITTERSHORTCUT1" version="1.0" width="100" height="100" xmlns="http://www.w3.org/ns/widgets">
<title>Twitter snelkoppeling</title>
<description>
Snelkoppeling naar www.twitter.com.
</description>
<icon src="icon.png"></icon>
<content src="index.html"/>
<access network="true"></access>
</widget>

index.html
Dit bestand bevat de HTML-code die ervoor zorgt dat, wanneer er op de afbeelding wordt gedrukt, de webpagina van twitter wordt geladen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>twitter</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<script src="js/sc.js" type="text/javascript"></script>
</head>
<body>
<div id="con"><p><img src="images/twitter.png" width="70" height="70" onclick="open_url('http://twitter.com')" /></p></div>
</body>
</html>

icon.png
Dit is een afbeelding van 64 bij 64 pixels, die in de widgetbalk aan de linkerkant van het scherm zal worden weergegeven, wanneer de widget niet actief is. Deze afbeelding moet in png zijn opgeslagen.

sc.js
Een javascript bestand dat in de map js is geplaatst. Bestaat uit de volgende code:

function open_url(value)
{
try {
widget.openURL(value);
} catch(e) {
window.location.href = value;
}
}

common.css
CSS-stylesheet die, gedeeltelijk, het uiterlijk van de widget verzorgd.

body {margin:0px; padding:0px;}
img {border:0px;}
p {margin:0px; padding:0px;}
div#con {margin:0px; padding:0px;width:100px;height:100px;}

twitter.png.
Afbeelding, in png formaat, van 70 bij 70 pixels, waar op gedrukt gaat worden.

Widget maken

Om de widget te maken moeten eerst de bovengenoemde bestanden allemaal in de juiste mappen staan. Vervolgens kan met een programma als WinRAR een zip-archief worden aangemaakt. Tot slot moet het bestand hernoemd worden naar NAAM.wgt.

Widget uitproberen

Ga naar http://innovator.samsungmobile.com/ en maak een account aan. Wanneer je je account hebt geactiveerd kies je in het linker menu op de site voor Widget Test Page. Vervolgens klik je op Register en vul je de gegevens van de widget in. Klik nu op Save en je widget zal worden opgeslagen.
Je zal nu een overzicht te zien krijgen van de door jou geüploade widgets. Kies achter de juiste widget voor pin en er zal een nieuw venster verschijnen met de unieke pincode voor jouw widget. Maar eerst zal nog even de pin-widget moeten worden geïnstalleerd op je telefoon. Ga daarvoor op je telefoon naar: http://widget.samsungmobile.com/pin.htm en kies de juiste versie voor jouw telefoon.
Nadat je de pin-widget hebt geactiveerd kan je de unieke pincode invoeren in de pin-widget en zo jouw widget downloaden en uitproberen.

© 2010 - 2012 Waarten, gepubliceerd in Tutorials (Pc en Internet) op . Het auteursrecht van dit artikel ligt bij de infoteur. Zonder toestemming van Waarten is vermenigvuldiging van dit artikel verboden. Meer informatie…

Gerelateerde artikelen

Samsung S8000 Jet mobiele telefoon: Touch the Speed Samsung brengt de nieuwe smartphone op de markt; de S8000 Jet 'Touch…
De Samsung Galaxy S De Samsung Galaxy S wordt op dit moment ook wel beschouwd als de beste Android telefoon die beschikba…
Samsung Galaxy S II De Samsung Galaxy S II si de opvolger van de Galaxy S. De telefoon beschikt over een 4,3 inch multi-t…
Samsung Galaxy Mini Er zijn vele telefoons op de markt. Een ervan is de Samsung Galaxy Mini, over deze telefoon wordt mee…
Samsung Chat 335 De Samsung Chat 335 is een mobiele telefoon die behalve telefoneren, ook internet via Wifi aanbiedt. Het…

Bronnen en referenties

http://www.allaboutsymbian.com/features/item/Creating_a_shortcut_TouchWiz_Widget_for_the_Samsung_i8910.php

Infoteur: Waarten
Rubriek: Pc en Internet / Tutorials
Bronnen en referenties: 1