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
Matter uitgelegd: de nieuwe standaard voor een zorgeloos slim huis
Zekerheid & gemak

Matter uitgelegd: de nieuwe standaard voor een zorgeloos slim huis

Wil jij een slimme woning waarin alles gewoon werkt? Met de komst van Matter behoort de wirwar aan verschillende apps en protocollen definitief tot het verleden. Deze universele standaard zorgt ervoor dat al je apparaten naadloos met elkaar communiceren. We leggen uit hoe deze techniek jouw slimme huis naar een hoger niveau tilt zonder ingewikkelde installaties.

Je herkent het vast: je koopt een slimme lamp die vervolgens niet samenwerkt met je favoriete app. De nieuwe smarthome-standaard genaamd Matter maakt daar voorgoed een eind aan. In dit artikel leggen we uit wat deze techniek precies inhoudt en waarom het de manier waarop je jouw huis automatiseert fundamenteel verandert. Het draait namelijk allemaal om eenvoud en universele samenwerking tussen apparaten.

Universele taal voor al je apparaten

Matter is in de basis een communicatieprotocol dat ervoor zorgt dat apparaten van verschillende fabrikanten dezelfde taal spreken. Voorheen zat je vaak vast aan een specifiek ecosysteem zoals Apple HomeKit, Google Home of Amazon Alexa. Met de komst van Matter maakt het merk van de hardware niet langer uit voor de app die je gebruikt om alles te bedienen. Het is een softwarematige laag die boven op je bestaande wifi-netwerk of het nieuwe Thread-netwerk draait om verbindingen betrouwbaar en snel te maken. Hierdoor hoef je bij de aanschaf van een nieuwe sensor of schakelaar alleen nog maar te letten op het kenmerkende logo.

©Matter

Waarom Matter, eh, matters...

De grootste winst voor jou als gebruiker zit 'm in de eenvoud van het installatieproces en de betrouwbaarheid van het systeem. Elk product dat over de officiële ondersteuning beschikt, kun je simpelweg scannen met een QR-code, waarna het direct wordt toegevoegd aan je netwerk. Omdat grote techreuzen de handen ineen hebben geslagen, hoef je niet meer bang te zijn dat een nieuwe aankoop onbruikbaar blijkt in je huidige setup. Bovendien werkt Matter lokaal in plaats van via de cloud. Dat heeft als grote voordeel dat je privacy beter gewaarborgd is en dat je lampen ook gewoon aangaan als je internetverbinding er onverhoopt een keer uitligt.

De rol van Thread en lokale snelheid

Hoewel Matter de taal is die gesproken wordt, hebben de apparaten ook een manier nodig om die signalen fysiek te versturen. Veel moderne apparatuur maakt hiervoor gebruik van Thread, een energiezuinig protocol dat een zogenaamd mesh-netwerk vormt. Hierdoor versterken apparaten elkaar en wordt het bereik in je hele woning vergroot zonder dat je extra steunpunten hoeft te plaatsen. De combinatie van deze technieken zorgt voor een razendsnelle reactietijd. Je merkt dit direct in de praktijk omdat de vertraging tussen het indrukken van een knop in je app en de daadwerkelijke actie van het apparaat vrijwel nihil is.

©ER | ID.nl

En de toekomst...?

Hoewel de techniek nog volop in ontwikkeling is, breidt de ondersteuning zich razendsnel uit naar nieuwe productgroepen zoals robotstofzuigers, slimme sloten en zelfs huishoudelijke apparaten. Fabrikanten brengen regelmatig software-updates uit voor oudere apparatuur om deze alsnog compatibel te maken met de nieuwe standaard. Dat zorgt voor een duurzamere benadering van elektronica, omdat je niet direct al je hardware hoeft te vervangen om te profiteren van de nieuwste mogelijkheden. Het bouwen van een slim huis wordt hiermee eindelijk een overzichtelijke ervaring waarbij de techniek volledig in dienst staat van jouw gemak.

Populaire merken met Matter-compatibiliteit

Binnen de wereld van Matter zie je een aantal fabrikanten die momenteel de toon zetten met hun ondersteuning en innovatie. Philips Hue is een grote naam die via hun bridge ondersteuning biedt aan vrijwel hun gehele assortiment slimme verlichting. Nanoleaf biedt creatieve verlichtingsoplossingen die direct uit de doos samenwerken met andere systemen, terwijl TP-Link met de Tapo-serie betaalbare opties biedt voor slimme stekkers en sensoren die moeiteloos integreren in elke moderne woning.

▼ Volgende artikel
Meer grip op je data: zo wis je je Facebook-geschiedenis
© ID.nl
Huis

Meer grip op je data: zo wis je je Facebook-geschiedenis

Alles wat je op Facebook doet, wordt automatisch op de achtergrond opgeslagen. Iedere video die je bekijkt en iedere reactie die je achterlaat, belandt achter de schermen in een archief. Voel je je daar niet prettig bij? Geen paniek: je kunt die geschiedenis bekijken en zelf wissen.

Dit gaan we doen

Facebook bewaart al je acties in een activiteitenlogboek: van bekeken video's tot zoekopdrachten en reacties. In dit artikel zie je waar je dat logboek vindt, hoe je per categorie losse items verwijdert of in één keer een hele reeks wist, en hoe je je zoekgeschiedenis opruimt. Tot slot loop je door de diepere lagen van het logboek, zodat je ook gekoppelde data, zoals je Instagram-zoekopdrachten, weghaalt. 

Lees ook: 20 tips om je online privacy te waarborgen

Activiteitenlogboek

Om je Facebook-geschiedenis te wissen, open je de app in een internetbrowser en klik je rechtsboven op je profielfoto. Kies Instellingen en privacy in het keuzemenu en open vervolgens Instellingen. Scrol in de linkerkolom tot het onderdeel Je activiteit en toestemmingen en dubbelklik op Activiteitenlogboek.

Aan de rechterkant zie je een overzicht van je volledige geschiedenis: livevideo's, bekeken video's, zoekopdrachten, reacties, groepsberichten, opmerkingen, verhalen, pagina-likes, vrienden, inlogsessies en relaties. Al deze informatie vind je netjes in deze rubrieken terug. Blader door het logboek en verwijder wat je liever kwijt dan rijk bent.

Controleer het Activiteitenlogboek en verwijder wat je wilt laten verdwijnen.

View post on TikTok

Item per item of meteen de volledige categorie verwijderen

Het is niet mogelijk om al die geschiedenis in één keer te elimineren. Dat staat Facebook niet toe. Je moet dus elke sectie doorlopen en zien wat tot nu toe is verzameld en wat je wilt verwijderen. Bijvoorbeeld, in de sectie Video's die je hebt bekeken, zie je de lijst van alle filmpjes die je hebt bekeken sinds je je account hebt aangemaakt. Je kunt dus een reis terug in de tijd maken door in deze sectie de knop Weergeven te gebruiken.

Wil je één bepaald item uit de geschiedenis verwijderen, dan klik je op de drie puntjes aan de rechterkant van dat item en kies je de opdracht Verwijderen. Als je de volledige kijkgeschiedenis wilt zappen, scrol je omhoog en selecteer je in dit voorbeeld de knop Kijkgeschiedenis van video wissen.

Het is mogelijk om de volledige kijkgeschiedenis van video in één keer te verwijderen.

Zoekgeschiedenis

Je zoekgeschiedenis kun je ook via een andere route wissen: ga naar Instellingen / Accountcentrum / Je gegevens en toestemmingen / Zoekgeschiedenis. Klik op het pijltje rechts en vervolgens op de blauwe knop Alle zoekopdrachten wissen.

Wil je nog dieper gaan? Open opnieuw het Activiteitenlogboek en klik op Je Facebook-activiteit. Daar verschijnt weer een menu met reacties, berichten, groepen, pagina's, polls en meer. Doorloop elke categorie en verwijder alles wat je definitief kwijt wilt.

Zo wis je in één keer niet alleen je zoekopdrachten op Facebook, maar ook op Instagram.

Ben je juist een mega-fan van Facebook?

Dan wil je dit misschien wel aan de muur