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
Review Amazon Echo Dot Max – Betaalbare smartspeaker met Nederlandstalige Alexa
© Amazon
Huis

Review Amazon Echo Dot Max – Betaalbare smartspeaker met Nederlandstalige Alexa

Amazon introduceerde kortgeleden een nieuwe generatie slimme speakers, waaronder de hier besproken Echo Dot Max. Volgens de fabrikant levert deze bescheiden luidspreker een verbeterde audiokwaliteit, terwijl de microfoon naar verluidt nauwkeuriger spraakopdrachten verwerkt. Met een adviesprijs van 109,99 euro is het ook nog eens een van de goedkopere smartspeakers in de markt. Hoog tijd voor een review!

Goed
Conclusie

Zoek je een slimme luidspreker met een redelijke audiokwaliteit voor het luisteren van achtergrondmuziek? Dan is de Amazon Echo Dot Max een interessante kandidaat. Da een zeer gevoelige microfoon laat je allerlei stemopdrachten op deze smartspeaker los. Meestal verwerkt de Echo Dot Max probleemloos deze commando's, al gaat er soms ook weleens iets fout.

Plus- en minpunten
  • Betaalbaar
  • Compacte behuizing
  • Twee actieve audiodrivers
  • Wifi6E-adapter
  • Snelle en gebruiksvriendelijke configuratie
  • Gevoelige microfoon
  • Temperatuur- en aanwezigheidssensor
  • Geen accu
  • Paarse uitvoering heeft goedkope uitstraling
  • Ongeschikt voor muziek luisteren op hoog volume
  • Onjuiste interpretatie van bepaalde stemopdrachten

Vergeleken met de voorgaande Echo Dot-speaker uit 2022 is het design ietwat op de schop gegaan. De behuizing oogt weliswaar nog altijd als een bolletje met als verschil dat er aan de voorzijde een stukje is 'afgesneden'. Je treft hier twee volumetoetsen en een aan-uitknop voor de microfoon. Rondom dit bedieningspaneel bevindt zich een blauwgekleurde ledring. Verder zit er aan de achterzijde een ingang voor de bijgesloten voedingsadapter.

©Maikel Dijkhuizen

De compacte productdoos bevat alleen een wifi-speaker, netadapter en korte handleiding.

Lichtgewicht wifi-speaker zonder accu

De bolvormige behuizing heeft een diameter van amper elf centimeter. Ondanks deze geringe afmetingen leent de wifi-speaker zich voornamelijk voor binnengebruik. Dit nieuwe model heeft namelijk, net zoals bij eerdere generaties het geval was, weer geen accu. Een gemiste kans, want de compacte constructie van 505 gram is in principe handzaam genoeg om ook als mobiele bluetooth-speaker te dienen.

De door ons geteste paarse uitvoering heeft naar onze smaak een nogal kitscherige uitstraling. Gelukkig is de Amazon Echo Dot Max er ook in een wit en grijs jasje. Die zien er al heel wat chiquer uit en zullen in jouw woonkamer niet misstaan. Het grootste deel van de kunststof behuizing is voorzien van een laagje stof. Dit materiaal voelt niet zo stevig aan zoals we bij veel bluetooth-speakers van onder andere JBL tegenkomen. Nou is dat niet zo'n probleem, want ten opzichte van weerbestendige speakers heeft dit exemplaar natuurlijk minder te lijden.

©Maikel Dijkhuizen

Vind je deze paarse versie niet zo fraai, dan kun je de witte of grijze uitvoering overwegen.

Verbinden en luisteren

De configuratie en bediening van het apparaat gebeurt via de Amazon Alexa-app op een smartphone. Dat gaat erg vlot. Na verbinding met wifi downloadt de Echo Dot Max eerst een firmwareupdate. In de behuizing zit trouwens een rappe wifi6E-adapter, waardoor het apparaat overweg kan met de snelste draadloze netwerken. Al met al duurt de configuratie slechts enkele minuten.

Je koppelt Spotify of een andere muziekdienst eenvoudig aan je Amazon-account. Zeg vervolgens hardop waarnaar je wilt luisteren. Met een spraakopdracht als “Alexa, speel Coldplay” hoor je binnen enkele ogenblikken de bijbehorende deuntjes. Gebruik je stem ook om bijvoorbeeld een liedje te skippen of het volume te wijzigen. De microfoon is zéér gevoelig. Zelfs zacht uitgesproken (fluister)opdrachten op enkele meters afstand verwerkt de speaker zonder morren.

Lees ook: Van mobiel naar desktop: waarom je Spotify op je pc moet proberen

De behuizing is weliswaar compact, maar toch slaagde Amazon erin om een tweeter en woofer te integreren. Kijken we binnen dezelfde prijscategorie naar de enigszins vergelijkbare Apple HomePod Mini, dan biedt dit nieuwe model van Amazon dus een extra audiodriver. Voor zo'n kleine speaker in deze prijsklasse hoef je uiteraard geen wonderen te verwachten, maar voor het opzetten van een achtergrondmuziekje voldoet dit product prima. Met name de hoge tonen klinken erg helder. Als we geconcentreerd luisteren, horen we ook een beetje bas. Deze lage tonen zijn ietwat ondervertegenwoordigd. Verder gaat het geluid op een hoog volume galmen en vervormen.

©Maikel Dijkhuizen

Geef de Amazon Alexa-app toegang tot Spotify en bedien de muziek voortaan met je stem.

Smartspeaker met Alexa

Lange tijd legde Alexa van Amazon het af tegen de spraakassistenten van Google en Apple, maar sinds 2024 verstaat Alexa eindelijk ook Nederlands. Daarmee is de Echo Dot Max een serieus alternatief voor smartspeakers van de eerdergenoemde merken. Je kunt in de Alexa-app onder andere een wekker, timer, herinnering, agenda-afspraak en boodschappenlijst instellen.

De behuizing heeft een temperatuursensor, zodat je naar de kamertemperatuur kunt vragen. Je kunt ook allerlei andere verzoeken doen. Vraag bijvoorbeeld naar de weersverwachting of naar de leeftijd van een BN'er. Helaas gaat niet iedere stemopdracht even vlekkeloos. Zo weigert ons testmodel om een overzicht van het laatste nieuws af te spelen.

Een nuttige optie is dat je in huis andere smarthome-apparaten met Alexa-ondersteuning kunt bedienen, zoals slimme lampen, stekkers en thermostaten. Dat werkt eveneens via spraakopdrachten. Misschien komt de geïntegreerde aanwezigheidssensor goed van pas, zodat de smartspeaker geschikte apparaten zelfstandig kan in- en uitschakelen.

Amazon Echo Dot Max kopen?

Zoek je een slimme luidspreker met een redelijke audiokwaliteit voor het luisteren van achtergrondmuziek? Dan is de Amazon Echo Dot Max een interessante kandidaat. Dankzij een zeer gevoelige microfoon laat je allerlei stemopdrachten op deze smartspeaker los. Meestal verwerkt de Echo Dot Max probleemloos deze commando's, al gaat er soms ook weleens iets fout.

▼ Volgende artikel
Zo verklein je mappen en schijven met NTFS-compressie in Windows 11
© ID.nl
Huis

Zo verklein je mappen en schijven met NTFS-compressie in Windows 11

Heb je een pc met weinig opslagruimte dan loont het wellicht om in Windows 11 de bestandscompressie in te schakelen. Dan hebben we het niet over zip-archieven, maar de NTFS-compressie waarmee je bestanden, mappen en zelfs volledige schijven kunt verkleinen.

Dit gaan we doen

In dit artikel ontdek je hoe je NTFS-compressie inzet om mappen of een volledige schijf kleiner te maken. Je ziet waar je de optie vindt in Windows Verkenner, welke stappen je doorloopt en wanneer deze methode wel of niet zin heeft. Ook leggen we uit hoe je een gecomprimeerde map herkent en hoe je de compressie later weer uitschakelt. Zo kun je bewuster omgaan met beperkte opslagruimte zonder je bestanden te hoeven verplaatsen.

Lees ook: Dit is er nieuw in de 25H2-update van Windows 11

Eerst een waarschuwing

Dankzij compressie is het mogelijk om meer data op te slaan op dezelfde ruimte. In Windows 11 kun je NTFS (New Technology File System) aanspreken. Het nadeel van deze methode is dat het extra rekenkracht vraagt iedere keer dat je zo'n gecomprimeerd bestand opent. Hetzelfde gebeurt wanneer je na de bewerking het bestand sluit en er recompressie wordt toegepast. Gebruik deze methode dus voor data die je lange tijd niet gebruikt en waar extra laadtijd nauwelijks hinderlijk is.

Je kunt op deze manier ook een volledige schijf comprimeren, maar we raden af om dit met de opstartschijf te doen. Gebruik deze functie niet op usb-sticks en alleen op snelle schijven zoals ssd's. Het prestatieverlies zou teveel doorwegen. Bij jpg-afbeeldingen of mp3- of mp4-mediabestanden is de winst verwaarloosbaar.

Een gecomprimeerde map herken je aan twee blauwe pijltjes in de rechterbovenhoek.

Map comprimeren

Open Windows Verkenner en navigeer naar de map waarvan je de inhoud wilt verkleinen. Klik met de rechtermuisknop op de map en in het snelmenu selecteer je Eigenschappen. Open het tabblad Algemeen en klik op Geavanceerd. Bij de Geavanceerde kenmerken zie je onderaan Compressie en versleutelingskenmerken. Plaats een vinkje bij Inhoud comprimeren om schijfruimte vrij te maken. Klik op OK en klik daarna op Toepassen.

Selecteer indien nodig de optie Wijzigingen toepassen op deze map, submappen en bestanden en klik op de OK-knop. Net zoals voorheen kun je zo'n map openen en de bestanden bekijken in Verkenner. Om de volledige map te decomprimeren, open je opnieuw de Eigenschappen en volg je de beschreven stappen.

Comprimeer de map via de Eigenschappen.

Station comprimeren

Het is mogelijk om een volledige schijf te comprimeren. Open Windows Verkenner en klik op Deze pc in het linkerdeelvenster. Klik met de rechtermuisknop op de opslagschijf die je wilt comprimeren. Selecteer onder het gedeelte Apparaten en stations de optie Eigenschappen. Daarna kun je opnieuw de optie aanvinken: Dit station comprimeren om schijfruimte te besparen.

Het is ook mogelijk om een volledig station te comprimeren.

Ook leuk:

Een stoomwals van Lego