ID.nl logo
App maken voor Android en iOS
© Reshift Digital
Huis

App maken voor Android en iOS

Altijd al een eigen app willen maken, maar geen zin in ingewikkeld programmeerwerk of dure software? Met de online dienst iBuildapp is het niet alleen gratis, maar ook heel simpel. Leuk om eens op een regenachtige herfstmiddag mee aan de slag te gaan!

©CIDimport

Op zichzelf is het maken van een eigen applicatie een ingewikkeld klus die behoort tot het domein van de programmeur, maar met iBuildapp kunt u zelf ook een heel eind komen. iBuildapp (ibuildapp.com/) is een website waarmee u eenvoudige apps in elkaar kunt zetten. Het is mogelijk content toe te voegen, zoals foto's of filmpjes, en tot op zekere hoogte de uitstraling van de app te bepalen. Ook kan de zelfgemaakte app uitgerust worden  met eenvoudige functies, zoals rss, video streaming en maps. Er kan een app gemaakt worden voor Android- en iOS-telefoons en de iPad. Verder is er de mogelijkheid om een html5-webapp mee te bouwen die via de mobiele browser kan worden benaderd. iBuildapp is in principe gratis, maar bedenk daarbij wel dat gratis hier wordt opgeofferd aan reclame die in de apps verschijnt. Door een abonnement te nemen kunt u die reclame afkopen. Verder zijn er kosten verbonden aan het plaatsen van een applicatie in de Apple App Store (299 dollar). Plaatsing in Google Play is wel gratis. Overigens kunt u wel een ongelimiteerde hoeveelheid apps maken.

Van start!

Er hoeft niets gedownload te worden om met iBuildapp aan de slag te gaan. U begint met het aanmaken van een account op de website van iBuildapp. Aanmelden is een eenvoudige zaak en kan ook door aan te melden met een Facebook-account. Na de aanmelding komt u terecht in het hoofdscherm van uw account, waar u een overzicht krijgt van de mogelijkheden. Bij My template kunt u bijvoorbeeld een nieuwe vormgeving voor een app maken en onder My module kunt u zelfgemaakte toepassingen uploaden.

Wij zijn op dit punt echter geïnteresseerd in het maken van een hele nieuwe app en die optie vindt u onder My Apps. Bij het maken van een app zal u gevraagd worden wat voor soort app u wilt maken: een native applicatie voor iPhone of Android, een native app voor de iPad of een webapplicatie op basis van html5. Een native app verschilt van een webapp, doordat ze specifiek is toegesneden op een bepaald besturingssysteem. Een native app voor Android werkt dus niet op een telefoon met Windows, maar daar staat weer tegenover dat de app vaak sneller is en beter gebruiktmaakt van de mogelijkheden van een toestel. In dit voorbeeld maken we een app voor een Android-toestel, maar de verschillende stappen zijn klein. Kies Create new app onder Native apps en ga verder.

 

©CIDimport

Maak een eigen template

U komt nu in een scherm waarbij u een template (een sjabloon) kunt kiezen in de Template Marketplace. De template bepaalt de vormgeving van de app (waar de knoppen zitten en hoe de app eruit ziet). Er zijn veel templates beschikbaar en veel zijn er gemaakt door andere gebruikers van iBuildapp. De meeste templates zijn gratis, maar voor sommigen dient aan die gebruikers betaald te worden. Als u dus erg artistiek bent kunt u misschien nog rijk worden met iBuildapp, hoewel die kans met een bedrag van ongeveer 1,50 euro per template klein is.

Om een eigen template te maken klikt u op de optie Create own template en geeft u uw eigen template een naam. U komt nu in een scherm waarmee u zelf de vormgeving kunt bepalen. In het midden van het scherm staat een plaatje van een afbeelding van een telefoon. In het linker schermdeel vindt u een User Interface Library, vanwaar u de knoppen, afbeeldingen en labels in de telefoon kunt slepen. De belangrijkste optie in de UI Library is het Menu waarmee u de menubalk van uw app kunt inrichten. U krijgt de keuze uit een aantal pictogrammen, zoals een winkelwagen of een huis. Wat  er achter de knoppen valt, kan in een later stadium worden aangepast. Het publiceren van een template in de Template Marketplace kan overigens buiten de app-creator in het hoofdmenu van uw account. Kies My Templates en u zult zien dat er een nieuwe template is opgedoken. Met Publish kunt u ervoor kiezen om de app zichtbaar te maken in de marketplace.

 

©CIDimport

Content plaatsen

Nu u de template gemaakt hebt is het tijd om door te klikken naar het volgende scherm. Hier kunt u bepalen welke functies en content er achter de knoppen zitten. Ook kunt u hier nog het een en ander customizen (naar eigen smaak aanpassen), zoals Edit background, Edit logo image en Edit text. Het idee is dat u stapsgewijs uw eigen app invulling geeft. Stap 1 t/m 3 richten zich onder andere op de achtergrond en de teksten en spreken eigenlijk voor zich. Stap 4 richt zich op het inrichten van de navigatie. Heeft de door u gekozen template bijvoorbeeld te veel knoppen dan kunt u die hier verwijderen. Let op: u kunt hier geen extra knoppen invoegen.

Stap 5 (manage content) is echter het belangrijkst. Selecteer de eerste pagina achter een van de knoppen die u wenst invulling te geven bij Current page. U krijgt vervolgens de opties Page type en Page title. Met Page type bepaalt u wat voor functie u achter de pagina wilt hangen. Standaard maakt u een 'platte' html-pagina waar u enkel tekst kunt lezen, maar het is bijvoorbeeld ook mogelijk een rss-lezer achter de knop te plaatsen, een link naar Facebook of Twitter of een QR-code scanner. Het is ook mogelijk om video, beeld en audio in te laden, waarbij u ervoor kunt kiezen content op de app op te slaan of gebruik te maken van een externe website. Zo is het voor afbeeldingen bijvoorbeeld mogelijk een verbinding te leggen met Picasa of Flickr, maar u kunt ook een foto inladen. Er is een vrij goede uitleg bij iedere functie bijgevoegd. Bovendien kunt u door middel van de Preview-optie bekijken hoe uw app eruit gaat zien. U kunt dus naar hartenlust experimenteren.

Publiceren

Hebt u dat allemaal gedaan, dan kunt u de app afmaken en publiceren in Google Play (of de App Store van Apple). Ga naar het tabblad App Settings en kies bij Target mobile platfom voor welk platforum uw app bedoeld is (Android, iPhone of allebei). U kunt daar ook een Time format kiezen (gebruikt u 24 uur of 12 uur om de tijd aan te duiden). In het volgende tabblad, App Info, kunt u een beschrijving geven van uw app. Deze beschrijving zal in de appwinkel van uw keuze gebruikt worden. Het laatste tabblad (App publishing) helpt u bij het publiceren van de app. Volg daarbij de verschillende beschreven stappen. Genereer een MD5-certificaat en  een Maps API key.

Nieuwe content?

Sommige applicaties kunnen om de zoveel tijd weer nieuwe content bevatten. iBuildapp heeft middelen om dat bij gebruikers onder de aandacht te brengen. Zo kunt u ervoor kiezen om push notificaties te verzenden. Dit houdt in dat de gebruiker een push bericht krijgt, wanneer de applicatie iets belangrijks te melden heeft. Ga naar het tabbblad Notifications, kies in de tickbox het platform dat u wenst te gebruiken (in ons geval Android) en klik op de optie Configure. Maak een nieuw Google API-project aan en klik door de schermen tot u bij een lijst met services bent. Zet de optie Google Cloud Messaging for Android aan en accepteer de voorwaarden. U kunt ook berichten verzenden op basis van een gps-locatie (hoewel dat ook wel storend kan zijn en averechts kan werken). Ga naar de optie Gps Notifications en voer een locatie in en een berichtje onder Add Gps Notification. Mensen krijgen nu een bericht wanneer ze bij die locatie in de buurt komen.

Tekst: Bram Semeijn

Deze workshop komt uit Computer Idee nummer 23, jaargang 2012

▼ Volgende artikel
Personalisatie: zo zet je Android en iOS naar je hand
© MG | ID.nl
Huis

Personalisatie: zo zet je Android en iOS naar je hand

Met het kiezen van een eigen thema, bedieningspanelen en omgeving zet je je Android- of iOS-toestel pas echt naar je hand. Android 16 en iOS/iPadOS 26 bevatten voldoende mogelijkheden voor een gepersonaliseerde omgeving. Hoe je te werk gaat, lees je hier.

In dit artikel kijken we naar Android 16 en iOS 26. Voor Android maken we gebruik van een Samsung-toestel in combinatie met One UI 8. We beginnen met Android, want de meest recente versie beschikt over interessante opties om de omgeving te personaliseren. Verderop lees je over iOS 26.

Ben je wat uitgekeken op de statische achtergronden van je Android-toestel, dan kun je een dynamische achtergrond gebruiken. Open de instellingen en kies Achtergrond en stijl, Achtergronden wijzigen. Blader naar beneden en tik op Dynamisch vergrendelscherm. Hier kun je verschillende categorieën kiezen. Kies maximaal vijf aansprekende categorieën. Vervolgens wordt elke 2 weken een nieuwe set afbeeldingen geladen. Standaard worden de nieuwe afbeeldingen alleen gedownload met een wifi-verbinding. Wil je dat de plaatjes ook via een mobiele verbinding worden bijgewerkt, dan activeer je Downloaden met mobiele gegevens. Als je geen veranderende foto’s wilt zien, maar in plaats hiervan veranderende kleuren, kies je in de sectie Kleuren voor Dynamisch.

Dynamische achtergronden zorgen voor afwisseling.

Bediening met één hand

Als je gebruikmaakt van een telefoon met een relatief groot scherm, kun je het systeem hier beter rekening mee laten houden. Tik in de instellingen op Geavanceerde functies en schakel de optie Bediening met één hand in. Je kunt de verschillende elementen op het scherm nu beter met één hand (je duim) bedienen.

Wil je een specifieke app in een andere taal gebruiken, dan hoef je hiervoor niet de volledige gebruikersomgeving om te zetten. Kies in de instellingen voor

Algemeen beheer, Talen van app. Kies de app waarvoor je de taal wilt instellen en kies een taal uit de lijst Alle talen. Je kunt op elk moment terugkeren naar de oorspronkelijke instelling: kies in hetzelfde venster voor Systeemstandaard.

Handig: voor specifieke apps een andere taal hanteren.

Snelle instellingen

Geef het onderdeel Snelle instellingen (Quick Panel) een eigen indeling. Het onderdeel verschijnt wanneer je met de vinger vanuit de rechterbovenhoek naar beneden veegt. Tik op de knop met de pen. Eerst bepaal je de volgorde van de elementen: tik op een component en sleep het vervolgens naar de gewenste locatie. Tik hierna op Bewerken: je vindt deze knop bij de onderdelen die je kunt aanpassen. Je kunt vervolgens de individuele knoppen verplaatsen naar een andere locatie. Ook kun je deze knoppen verwijderen (gebruik het minteken linksboven elk pictogram) en andere knoppen toevoegen via het venster Beschikbare knoppen. Tot slot is het mogelijk om het gedeelte met de knoppen groter te maken, zodat je meer knoppen in één keer ziet. Pak de onderrand van het blok en sleep de rand naar beneden, totdat een extra rij met knoppen verschijnt. Tevreden met de instellingen? Bevestig met een tik op Gereed.

Het venster Snelle instellingen is flink op de schop gegaan.

Niet meer los

Geeft je Android-toestel het onderdeel Snelle instellingen apart weer van het scherm met de meldingen? In het verleden waren beide schermen gecombineerd in één weergave. Wil je terug naar die oude situatie? Open het onderdeel Snelle instellingen in de bewerkingsmodus (via de knop met de pen). Tik hierna op Vensterinstellingen. Kies voor Samen: beide vensters worden weer gecombineerd zoals vanouds. Je kunt ook kiezen om het venster Snelle instellingen links in plaats van rechts te tonen. Kies in hetzelfde scherm voor Quick Panel aan linkerkant.

Je hoeft geen genoegen te nemen met losse vensters.

Aangepaste pictogrammen

Toe aan andere vormen voor de pictogrammen in Android? Dat is mogelijk. Tik op een leeg gedeelte van het thuisscherm. Onderin verschijnt een balk met keuzen. Kies voor Achtergrond en stijl. Kies voor Pictogrammen. Vervolgens kun je kiezen uit verschillende vormen, waaronder een boog, vierkant en rechthoek. Of je deze functie aantreft op je telefoon, is afhankelijk van de fabrikant. Bij Samsung heb je de app Good Lock nodig. Je vindt deze als beschikbare download in de Galaxy Store. Bij Pixel-telefoons is de optie direct toegankelijk via de gebruikersomgeving. 

Verlichtingseffect

Krijg je een melding binnen, dan kun je het als een subtiele lijn rondom het scherm tonen. Via instellingen kies je voor Meldingen, Pop-upstijl melding. Tik op Verlichtingseffect toevoegen. De optie Basis geeft een subtiele lijn, maar je kunt ook uitgebreidere effecten tonen, zoals Spotlight of Echo. Kies de tab Kleur om een aangepaste kleur te kiezen. Normaal gesproken past de kleur zich aan de app aan. In de sectie Geavanceerd kun je details aanpassen, zoals transparantie, breedte en duur van het effect. De kleur kan ook op basis van een trefwoord veranderen. Tik op Kleur van verlichtingseffect op trefwoord. In de sectie Trefwoord tik je op het plusteken (+) om nieuwe trefwoorden (bijvoorbeeld van contactpersonen) op te geven. Kies hierna de kleur die je wilt toepassen op het verlichtingseffect.

Een verlichtingseffect zodra je een melding ontvangt.

iOS

Ook iOS (en iPadOS) kun je goed naar je hand zetten. Recent bracht Apple iOS 26 uit. Mogelijk verwachtte je iOS 19 als logische opvolger van versie 18, maar de makers uit Cupertino hanteren voortaan een ander naamschema. iOS 26 verwijst naar 2026. Opvallend aan deze editie is het nieuwe Liquid Glass Design, waarin transparantie en spiegelingen een grote rol spelen. Er zijn volop aanpassingsmogelijkheden, beginnend bij het vergrendelingsscherm. Tik hierop en kies Pas aan, Pas huidige achtergrond aan.

Tik op de datum bovenin om een widget te kiezen en meer informatie te tonen, bijvoorbeeld het weer. In het venster vind je een overzicht van bruikbare widgets en suggesties. Waar mogelijk gebruikt iOS het ‘glass’-ontwerp, dus ook bij de klok. Gelukkig kun je dit aanpassen als je niet enthousiast bent. Tik erop en schakel onderin het venster tussen Glas en Effen. In hetzelfde venster kun je ook een kleur selecteren, terwijl je met de schuifregelaar de dikte van de klok kiest. Via Voeg widgets toe kun je extra widgets op het vergrendelingsscherm plaatsen. Via het element onderin kun je swipen tussen verschillende achtergronden.

iOS 26 hanteert het Liquid Glass-design.

Zonder achtergrond

iOS bevat de nieuwe app Voorvertoning. Hiermee kun je documenten scannen, invullen en opslaan als pdf-bestand. Wil je een nieuwe achtergrond op het vergrendel- of thuisscherm instellen, maar heeft de afbeelding een achtergrond die je liever niet ziet? Ook dan kun je de app Voorvertoning inzetten. Open de afbeelding en tik op de knop rechtsboven (herkenbaar aan >>). Kies voor Verwijder achtergrond. Sla de afbeelding opnieuw op en gebruik deze vervolgens als achtergrond. 

Thuisscherm

Ook het thuisscherm zetten we naar onze hand. Tik op een leeg gedeelte en kies Wijzig, Pas aan. Je kunt nu kiezen hoe de pictogrammen worden getoond. De standaardmodus ken je al van eerdere versies. Kies voor Donker om de pictogrammen donker te maken. Dit werkt nog niet voor alle pictogrammen: de app-maker moet hiermee rekening houden. Kies Helder als je alle pictogrammen een uniforme, lichte uitstraling wilt geven. Tot slot is er Getint: hiermee kun je de pictogrammen een eigen kleur en contrast geven.

Bepaal hoe de pictogrammen worden getoond.

Uniforme kleuren

Je kunt het kleurenschema van iOS ook overeen laten komen met de kleur van de behuizing van het toestel, bijvoorbeeld oranje. In het vak Getint vind je uiterst links een knop met het pictogram van een telefoon. Klik hierop om de kleuren te laten ‘matchen’. iOS weet op basis van het serienummer welke telefoon en welke kleur je gebruikt.

Minderen

Je kunt de transparante uitstraling van iOS 26 niet volledig uitschakelen. Toch bestaan er een paar trucs om het Liquid Glass-ontwerp iets te verminderen. In de instellingen kies je voor Toegankelijkheid, Beweging en activeer je de optie Verminder beweging. Verder kies je Toegankelijkheid, Weergave en tekstgrootte en kies je Maak minder doorzichtig.

Liquid Glass kan niet helemaal uitgeschakeld worden, maar je kunt een eind komen.

Donkere modus

Via de app Instellingen kun je meer onderdelen van de gebruikersomgeving tweaken. Tik in de instellingen op Scherm en helderheid en kies tussen de lichte en donkere modus (Licht en Donker). Bovendien kun je hier de tekstgrootte aanpassen en de tekst op het scherm dikker tonen (via Vette tekst). Dit kan helpen om de tekst beter leesbaar te maken. Om eenvoudig achtergronden aan te passen, kun je via instellingen ook kiezen voor Achtergrond en tikken op Voeg nieuwe achtergrond toe.

Werp ook een blik bij Beginscherm en appbibliotheek. Hier bepaal je onder meer of aanbevolen en recente apps moeten worden getoond in het Dock (het gedeelte onderaan het scherm). Wil je het Dock zo opgeruimd mogelijk houden, dan haal je de vinkjes weg bij Toon appbibliotheek in Dock en Toon aanbevolen en recente apps in Dock.

Kies tussen een lichte en donkere modus.

Volledig scherm

Vooral als je een iPad hebt, kun je meer uit het schermoppervlak halen door te werken met vensters. Je kunt dan meerdere apps naast elkaar plaatsen. Werken met vensters is overigens niet verplicht. Schuif met je vinger vanaf de rechterbovenhoek naar beneden, zodat het bedieningspaneel opent. Tik op de knop Apps in vensters. Je vindt deze op de onderste rij, naast het pictogram van de batterij. Kies vervolgens tussen Apps in vensters of Stage Manager. Die laatste optie zorgt ervoor dat apps schermvullend worden getoond. 

Berichten

Ook voor veel apps hoef je niet genoegen te nemen met de standaardinstellingen en kun je deze personaliseren. Goed voorbeeld is de app Berichten. Geef personen met wie je vaak communiceert een eigen achtergrond. Open de app en tik op de naam van de persoon voor wie je een achtergrond wilt instellen. Tik op Achtergronden. Je kunt kiezen uit foto’s, maar ook uit vaste kleuren. In de sectie Suggesties vind je een combinatie van standaardfoto’s en foto’s die je eerder zelf hebt gemaakt. Sommige foto’s zijn geanimeerd: je kiest eerst de foto en kunt dan vaak ook een kleurenschema selecteren. Heb je na verloop van tijd geen behoefte meer aan een specifieke achtergrond, dan selecteer je de naam van de contactpersoon en kies je Geen. Houd er rekening mee dat de achtergrond ook wordt aangepast bij de contactpersoon.

Je kunt aangepaste achtergronden kiezen in de app Berichten.

Safari

Maak je gebruik van Safari? De gebruikersomgeving is ook onder handen genomen en vooral op dieet gegaan: het aantal knoppen is teruggebracht en het grootste deel van de bediening loopt nu via swipes. Zet ook de browser naar je hand. Via instellingen kies je voor Apps, Safari. In de sectie Tabbladen geef je aan in hoeverre je wél de bedieningselementen wilt zien. Standaard is Compact geactiveerd, maar je kunt hier ook kiezen voor Onder en Boven

Bestanden

De app Bestanden heeft in iOS 26 ook volwassen opties om de omgeving verder te personaliseren. Zo kun je mappen een eigen kleur geven zodat je ze beter kunt onderscheiden. Tik op een map en houd de map vast totdat het menu verschijnt. Kies Pas map en tags aan. Tik op Tags en kies de gewenste kleur. Je kunt via hetzelfde venster ook emoji’s aan de map toevoegen.

Op bestandsgebied kun je ook aangeven welke app voor het bestand moet worden geopend. Tik op een bestandsnaam en houd ingedrukt totdat het menu verschijnt. Kies voor Open met en selecteer de gewenste app. In hetzelfde menu kun je ook de elders besproken app Voorvertoning kiezen. Vooral bij documenten en foto’s (zoals pdf- en jpg-bestanden) werkt deze app goed. 

▼ Volgende artikel
Waar voor je geld: 5 accuboormachines met een hoog review-cijfer
© ID.nl
Huis

Waar voor je geld: 5 accuboormachines met een hoog review-cijfer

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt of die door gebruikers een hoge waardering krijgen. Op Kieskeurig.nl kunnen kopers van producten een review achterlaten en hiermee aangeven hoe goed (of slecht) ze een product vinden. Wij vonden vijf accuboormachines die door gebruikers zijn gewaardeerd met een 7 of hoger.

Consumentenreviews zijn een van de beste manieren om erachter te komen of een product goed of slecht is. Op Kieskeurig.nl kunnen kopers van producten aangeven wat ze ervan vinden, zodat ze potentiële nieuwe kopers kunnen helpen een aankoopbeslissing te maken. Wij vonden vijf accuboormachines die door kopers op Kieskeurig.nl zijn voorzien van een waardering van minimaal 7 van de 10 punten.

Metabo PowerMaxx BS 

De Metabo PowerMaxx BS is een compacte schroefboormachine met een Li‑ion‑accu. Dit model weegt circa 2,08 kg in de verpakking en is voorzien van een koolborstelloze motor. De machine heeft twee snelheden en werkt op 10,8 volt, waardoor hij geschikt is voor lichte boor- en schroefklussen. Door het ergonomische ontwerp ligt het toestel prettig in de hand en kun je nauwkeurig werken. De set wordt geleverd met oplader, bits en een koffer. Gebruikers waarderen het apparaat met een hoge score (9,8). Door de relatief lage spanning is hij met name bedoeld voor kleinere klussen in huis.

DeWalt DCD777S2T

Deze DeWalt schroefboormachine werkt met een 18 V Li‑ion‑accu en heeft een compacte behuizing. Hij beschikt over twee snelheden en een 13 mm boorkop. Het gewicht in de verpakking is 3,85 kg en de boormachine wordt geleverd met twee accu’s en een oplader. Dankzij de stevige koffer kun je de machine makkelijk meenemen. Het model heeft een reviewscore van 9,0 en is daarmee geschikt voor deze selectie. De brushless motor zorgt voor een langere levensduur en meer kracht per acculading. De machine is van recente bouwjaar en wordt nog steeds verkocht.

Bosch PSB 18 LI‑2 Ergonomic

De Bosch PSB 18 LI‑2 Ergonomic is een klopboormachine voor gebruik met 18 volt. Het apparaat is uitgerust met een brushless motor en wordt geleverd met een Li‑ion‑accu en lader. Dankzij de ergonomische grip ligt het toestel comfortabel in de hand. Het maximale koppel is geschikt voor klussen in hout, metaal en lichte steen. In de verpakking zit een koffer zodat je alles netjes kunt opbergen.

Makita DDF485RFJ

De Makita DDF485RFJ is een 18 V accu‑schroefboormachine met een brushless motor. Het apparaat heeft twee versnellingen en een metalen boorkop van 13 mm. De machine wordt geleverd in een Mbox met twee 3,0 Ah accu’s en lader, zodat je langere tijd achtereen kunt werken. Dankzij de ergonomische handgreep en het gewicht van circa 5 kg inclusief verpakking ligt het toestel stabiel in de hand. De machine behaalt een goede gebruikerswaardering en is geschikt voor zwaardere schroef- en boorklussen.

Makita DF457DWE

De Makita DF457DWE is een accuboormachine die vooral bedoeld is voor huis-, tuin- en keukenklussen. Hij werkt op een 18 V Li‑ion‑accu en wordt geleverd met twee accu’s en een oplader. De machine heeft twee snelheden en een 13 mm boorkop, waardoor je zowel kunt schroeven als boren. Het toestel wordt geleverd in een koffer zodat je het gemakkelijk kunt opbergen. Ondanks dat het model al enkele jaren op de markt is, is deze Makita nog steeds verkrijgbaar bij diverse winkels.