APP DESIGN

-

De app klaar maken voor publicatie

De verschijningsvorm van je app wordt geregeld door config.xml. Dit bestand moet in de hoofddirectory van je app staan, op dezelfde plaats als je index-file.

In het config.xml kun je een heleboel dingen met betrekking tot je app aangeven. In principe staan een heleboel dingen al default, met andere woorden je hoeft alleen maar iets aan te geven als je het wil veranderen.

Het complete config.xml staat hier.

Hieronder staat in geel aangegeven wat je moet veranderen in het config.xml


id = "nl.werensite.voorbeeld" veranderen in "nl.werenict.jouwnaam"
versionCode="1"
version = "1.0.0">

<!-- versionCode is optional and Android only -->

<name>Rihanna fashion</name> veranderen in jouw naam

<description>
voorbeeld app veranderen in iets wat je zelf verzint
</description>

<author href="http://werensite.nl" veranderen in "http://jouwnaam.werenict.nl"

email="jc.wiebring@tabor.nl">

veranderen in "leerlingnummer@leerling.tabor.nl"

JW-design veranderen in jouwnaam-design
</author>

Let op!!! Alles wat met geel is aangegeven is unieke informatie en moet voor iedere app anders zijn. Pas dit aan, aan je eigen gegevens.

Je kunt op deze manier je app een naam geven en identificeren. Om het nakijken te vergemakkelijken is het prettig als je de app jouw naam geeft. Dus in bovenstaand voorbeeld moet je Rihanna fashion vervangen door jouw naam.

Pas het config.xml aan en sla het op in het mapje app.

Een icon

Belangrijk voor de vormgeving is de icon-tag. Daarmee geef je de app een icoontje mee

Het maken van zo'n icoon is heel makkelijk, daar zijn uiteraard programma's voor maar je kunt het ook online doe. Bijvoorbeeld deze site. Een splashscreen kun je op deze site maken.

De icons en de splashscreens worden vervolgens aangemaakt in diverse formaten. Dat heeft weer te maken met de resolutie en dpi (pixelgrootte) van de verschillende beeldschermen. In het config.xml kun je dat allemaal regelen. Voor onze app houden we het eenvoudig met alleen deze toevoegingen:

<icon src="icon.png" />
<splash src="splash.png" />

Let er op dat je het icon dus opslaat onder de naam icon.png

Splash-screen

Ook kun je een splash-screen aangeven. Een splash-screen wordt getoond tijdens het laden van de app.

Ook hier moet je de foto opslaan onder de naam splash.png

 

 

 

 

 

 

 

©jw webdesign