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

Bezit je een flinke digitale muziekcollectie, dan heb je waarschijnlijk helemaal geen Spotify of andere streamingsdienst nodig. Met Navidrome bouw je gewoon je eigen muziekcloud. Alle toegevoegde nummers zijn op al je apparaten beschikbaar, ook onderweg. In deze workshop lees hoe je de muziekserver zo goed mogelijk inricht.

Het gratis downloaden van muziek was tot 2014 legaal. Mogelijk heb je uit dat tijdperk nog heel wat audiobestanden op je computer of externe harde schijf staan. Daarnaast bewaar je natuurlijk net zo makkelijk kopieën van cd’s op de pc of laptop. Gebruik hiervoor een gratis tooltje, zoals Exact Audio Copy of fre:ac. Als je eenmaal een omvangrijke digitale muziekverzameling hebt opgebouwd, wordt Navidrome zeer interessant. Installeer de freeware op je computer en stream vervolgens jouw favoriete liedjes naar geschikte afspeelapparaten. Denk aan je smartphone en tablet.

Client-servermodel

Met Navidrome installeer je een muziekserver op de computer. Dit programma indexeert alle audiobestanden en creëert hiervan een overzichtelijke bibliotheek. Daarna kunnen overige computers, smartphones en andere clients de nummers opvragen. Dit zogenoemde client-servermodel werkt alleen wanneer de muziekserver actief is. Kortom, regel dat het systeem met Navidrome op de juiste luistermomenten is ingeschakeld.

Navidrome downloaden

Een pluspunt is dat de freeware lage eisen aan de hardware stelt. Gebruik het programma dus gerust op een wat oudere pc of laptop. Er zijn versies voor Windows, macOS en Linux beschikbaar. Ga naar www.navidrome.org/docs/installation om de juiste editie te downloaden. Navidrome werkt ook op een Raspberry Pi of geschikte NAS, maar voor deze workshop concentreren we ons op de Windows-versie.

Navidrome stuurt je voor het juiste downloadbestand uiteindelijk door naar de GitHub-site. Klik onderaan zo nodig op Show all om alle downloadbestanden te tonen. Kies in de lijst het msi-bestand en start direct na het downloaden de installatie. Mogelijk slaat Windows alarm, omdat dit besturingssysteem het programma niet kent. Geen zorgen, want volgens VirusTotal vormt Navidrome geen enkele bedreiging.

Enkele instellingen

Tijdens het installatieproces verschijnt er een instellingenvenster. Merk op dat Navidrome standaard poortnummer 4533 gebruikt. Dit nummer is in feite een digitale toegangspoort tot jouw muziekserver. Je hebt dat nodig om browsers en apparaten met jouw persoonlijke muziekcloud te verbinden. Daarover later meer. Je laat het poortnummer in de meeste gevallen gewoon staan. Alleen wanneer Navidrome met een ander programma conflicteert, kun je de getallen wijzigen.

Geef verder in het veld onder Music Folder aan in welke map de nummers staan opgeslagen. Bewaar je op verschillende bestandslocaties albums? Houd er rekening mee dat het programma in eerste instantie slechts één map (met alle onderliggende submappen) accepteert. Je kunt op een later moment nog wel andere bestandslocaties toevoegen. Rond met Next en Install de installatieprocedure af.

Account aanmaken

Na de installatie is de muziekserver direct actief op de achtergrond van jouw systeem. Staat het programma niet in het startmenu? Dat klopt, want je bedient Navidrome in een willekeurige browser. Typ in de adresbalk http://localhost:4533 en druk op Enter. Er verschijnt een inlogscherm. Je creëert nu eerst een account. Bedenk een gebruikersnaam en typ twee keer het wachtwoord. Bevestig daarna met Create Admin.

Als je tijdens de installatie een muziekmap hebt opgegeven, zie je waarschijnlijk diverse albumhoezen. Zelfs bij grote muziekcollecties gaat het indexeren erg snel. Ga uit van hooguit enkele minuten. Een pluspunt is dat de freeware met ieder gangbaar audioformaat uit de voeten kan, waaronder mp3 en flac. Je gebruikt bovenaan de zoekfunctie om een album of artiest te vinden. Het is helaas niet mogelijk om naar de naam van een liedje te speuren.

Muziek correct taggen

Zie je in Navidrome dubbele hoezen of is de artiest onbekend? Daar kun je iets aan doen. Elk nummer heeft metadata. Hierin is onder meer de naam van het liedje, het album en de artiest opgeslagen. Wanneer de metadata niet kloppen, wordt het al gauw een rommeltje. Navidrome creëert op basis van deze gegevens namelijk een bibliotheek. Zeker bij audiotracks afkomstig uit omstreden downloadnetwerken is de informatie soms niet correct.

Het aanpassen van metadata heet in computerjargon ook wel het taggen van muziek. Jammer genoeg zit deze functie niet in Navidrome. Mp3tag en MusicBrainz Picard zijn twee tools die deze taak moeiteloos vervullen. Selecteer de gewenste nummers en pas de metadatavelden naar eigen inzicht aan. Overigens kan dat bij de genoemde programma’s ook automatisch. In dat geval maakt Mp3tag of MusicBrainz Picard verbinding met een onlinedatabase. Vergeet niet om de wijzigingen op te slaan.

Op jouw verzoek plukt MusicBrainz Picard de juiste tags uit de eigen database.

Nog wat aanpassingen

Voordat je muziek gaat luisteren, pas je eerst nog enkele instellingen aan. De voertaal is standaard Engels, maar er is ook een Nederlandse vertaling beschikbaar. Klik rechtsboven op Settings (pictogram met poppetje) en kies Personal. Je klikt nu in het uitrolmenu onder Language op Nederlands. De taal verandert direct. Vind je de huidige vormgeving te donker? Selecteer dan onder Thema een ander uiterlijk. Je laat Navidrome desgewenst zelfs op Spotify lijken.

Bepaal verder of je de instelling ReplayGain wilt activeren. Hierdoor krijgen nummers van verschillende albums hetzelfde volumeniveau, mits ze voorzien zijn van zogeheten ReplayGain-tags. Voorkom daarmee dat een bepaald liedje ineens veel luider of zachter klinkt. Besef wel dat niet alle clients met deze techniek overweg kunnen. Navidrome slaat alle instellingen automatisch op.

Extra muziekmap

Je voegt eventueel nog een extra muziekmap toe. Navidrome creëert hiervan een tweede bibliotheek. Zodra je naar Instellingen / Libraries navigeert, verschijnt de eerder opgegeven map. Met Toevoegen opent er een nieuwe pagina. Typ eerst een relevante naam. Vul nu achter Path het volledige pad van de beoogde map in. Bij gebruik van Windows kopieer je dat eenvoudig vanuit de verkenner.

Blader eerst naar de gewenste bestandslocatie en klik vervolgens in de adresbalk van dit hulpprogramma. Je kopieert het pad nu naar Navidrome. Bevestig met Opslaan en klik daarna linksboven op Alle. De ‘nieuwe’ muziek is meteen beschikbaar. Kies linksboven op Libraries en vink de zojuist aangemaakte bibliotheek aan. Verandert er nog niets? Met behulp van het gebogen pijltje bovenaan ververs je de bibliotheken.

Afspeellijst aanmaken

Je luistert eenvoudig naar muziek. Zweef met de muisaanwijzer boven een albumhoes en klik op de playknop. Er verschijnt nu onderin een balk met mediaknoppen. Je kunt nummers skippen, de audioweergave pauzeren en het volume wijzigen. Klik desgewenst op het hartje om een liedje aan je favorieten toe te voegen. Er is zelfs een downloadknop om de audiobestanden lokaal op te slaan. Deze optie is met name nuttig wanneer je een ander apparaat met de Navidrome-server verbindt. Zo speel je de muziek ook op plekken zonder internetverbinding af.

Luister je graag naar nummers van verschillende artiesten? Maak dan een afspeellijst. Klik op een albumhoes om de bijbehorende nummers te tonen. Je plaatst daarna voor één of meerdere liedjes een vinkje. Kies Voeg toe aan afspeellijst en bedenk een naam. Je klikt vervolgens op het plusteken, waarna je bevestigt met Voeg toe. In het linkermenu duikt nu de zojuist ingevoerde naam op. Je sleept voortaan eenvoudig verse nummers naar deze afspeellijst.

M3u-bestanden

Zie je in Navidrome al een afspeellijst? Waarschijnlijk telt jouw digitale muziekcollectie dan één of meerdere m3u-bestanden. In zo’n tekstbestandje staan verwijzingen naar verschillende liedjes. Navidrome creëert hiervan op eigen houtje een afspeellijst. Wil je dat liever niet? Zweef in het linkermenu dan met de muisaanwijzer boven Afspeellijsten en klik op het tandwiel. Nadat je alle ongewenste afspeellijsten hebt aangevinkt, klik je op Verwijderen.

Als je een afspeellijst niet gebruikt, verwijder je die uit het menu.

Extra gebruiker

Je geeft optioneel andere mensen toegang tot de Navidrome-server, zoals gezinsleden en vrienden. In dat geval creëer je voor ieder persoon een eigen account. Diegene kan dan eigen favorieten en afspeellijsten opslaan. Navigeer achtereenvolgens naar Instellingen, Gebruikers en Toevoegen. Je vult nu een gebruikersnaam, naam, e-mailadres en wachtwoord in. Bedenk goed of je iemand beheerdersrechten wilt geven. Een beheerdersaccount heeft rechten om onder meer nieuwe muziekbibliotheken en gebruikers toe te voegen. Bepaal verder welke afspeellijsten je wilt delen en vink die zo nodig aan. Zodra je onderaan op Opslaan klikt, verschijnt de nieuwe gebruiker in het overzicht. Aan jou de taak om de inloggegevens met de bewuste persoon te delen. Nuttig om te weten is dat je een gebruiker op een later moment weer kunt verwijderen.

Clients binnen thuisnetwerk

Wanneer de Navidrome-server eenmaal correct is ingesteld, kun je ook op andere apparaten van de muziek genieten. Op een pc, laptop of mobiel apparaat binnen jouw thuisnetwerk is dat relatief simpel. Open een willekeurige browser en typ in de adresbalk http://[ip-adres]:4533. Hierbij vervang je [ip-adres] door het ip-adres van de computer waar Navidrome op draait.

Weet je dat niet? Open dan in Windows het hulpprogramma Opdrachtprompt. Typ nu ipconfig en druk op Enter om het lokale ip-adres te tonen. Zodra je op een andere computer binnen jouw netwerk naar het juiste adres gaat, verschijnt er een inlogvenster van Navidrome. Als je persoonlijke muziekcloud niet verschijnt, gooit wellicht een firewall roet in het eten. Je kunt een uitzondering instellen of de firewall op eigen risico (tijdelijk) uitzetten.

Portforwarding

Het is ook mogelijk om een computer, tablet of smartphone buiten je thuisnetwerk met de Navidrome-server te verbinden. Uiteraard is het dan wel een voorwaarde dat het apparaat verbonden is met internet. Verder dien je poortnummer 4533 in jouw router open te zetten voor netwerkverkeer. Op die manier maak je de muziekserver toegankelijk voor inkomende verbindingen van buiten het thuisnetwerk. Het openzetten van een netwerkpoort heet portforwarding. Bij elke router werkt het op een andere manier.

Gebruik je bijvoorbeeld een SmartWifi-modem van Ziggo? Ga met een browser dan naar https://smartwifiweb.ziggo.nl en log in. Je bereikt de meeste andere routers door het ip-adres van dit netwerkapparaat in de browser te typen. Navigeer in het routerpaneel van Ziggo naar Geavanceerde instellingen / Poort Forwarding en kies Nieuwe regel aanmaken. Stel bovenaan het ip-adres van de Navidrome-server in. Je hoeft alleen maar de getallen na de laatste punt in te vullen. Typ in de velden onder Lokale startpoort, Lokale eindpoort, Externe startpoort en Externe eindpoort het poortnummer 4533. Je selecteert bij Protocol de optie UDP/TCP en kiest onder Ingeschakeld voor Aan. Bevestig tot slot met Regel toevoegen.

Via het publieke ip-adres van jouw internetadres en poortnummer 4533 open je op afstand je persoonlijke muziekcloud. Via whatismyipaddress.com kun je het benodigde ip-adres achterhalen. Kijk op http://[publieke ip-adres]:4533 en geniet van de muziek.

Mobiel streamen

De vorige paragraaf beschrijft hoe je een apparaat buiten jouw thuisnetwerk met de Navidrome-server verbindt. Dat werkt ook met een browser op je smartphone, maar misschien vind je dat niet zo prettig. Gelukkig verbind je als alternatief een geschikte app met jouw muziekserver. Substreamer is daarvan een uitstekend voorbeeld. Deze toepassing is zowel voor iOS als Android beschikbaar.

Inloggen is simpel. Typ het correcte ip-adres en poortnummer van de Navidrome-server. Bedenk voor het invullen van de juiste gegevens of je binnen of buiten het thuisnetwerk actief bent. Je vult daarna de gebruikersnaam en het wachtwoord in. Zodra je bevestigt met Login verschijnt de muziekbibliotheek met alle albumhoezen. Vanwege de gelikte gebruikersomgeving lijkt het net alsof je een app van een online muziekdienst gebruikt. Substreamer heeft diverse handige functies in huis. Zo kun je onder andere albums downloaden en nummers naar een Chromecast doorsturen. Veel luisterplezier!

Bij ID.nl zijn we dol op kwaliteitsproducten waar je niet de hoofdprijs voor betaalt. Een paar keer per week speuren we binnen een bepaald thema naar zulke deals. Heb je geen grote keuken maar zou je toch graag een vaatwasser willen? Wij vonden vijf betaalbare vrijstaande vaatvassers met een compact formaat voor je.

In niet iedere keuken is plek voor een vaatwasser en zeker als je geen inbouwruimte meer hebt, kan het lastig zijn om er eentje kwijt te kunnen. Maar er zijn ook vaatwassers met afwijkende formaten die een stuk kleiner zijn en daardoor ook makkelijk passen in een keuken die niet zo heel groot is. Wij vonden vijf betaalbare modellen voor je.

Tomado TDW5501B mini-vaatwasser

De Tomado TDW5501B is een compacte, vrijstaande vaatwasser die geschikt is voor zes couverts. Volgens de specificaties is de breedte 55 cm en bedraagt het geluidsniveau 47 dB. Het apparaat heeft verschillende programma’s, waaronder een kort programma, een eco‑stand en een intensief programma. De energieklasse is D, maar in ruil daarvoor krijg je een machine die weinig ruimte inneemt en eenvoudig op het aanrecht kan worden aangesloten. De startuitstel‑optie maakt het mogelijk de wasbeurt later te laten beginnen. De TDW5501B is ontworpen voor huishoudens met weinig ruimte die toch een volwaardige vaatwasbeurt willen.

Tomado TDW5501W

De TDW5501W is het witte broertje van de TDW5501B. Dit model heeft eveneens een breedte van 55 cm en biedt plaats aan zes couverts. Het geluidsniveau is 47 dB en de energieklasse D, net als bij de zwarte variant. Er zijn meerdere programma's, waaronder een eco- en een kort programma. De vaatwasser is vrijstaand, maar vanwege het lage formaat zet je 'm het best op een aanrecht en sluit je hem aan via een slang op de kraan. Dankzij de startuitstel‑functie kun je zelf bepalen wanneer hij begint met spoelen.

Beko DTC36610W

De Beko DTC36610W is een compacte vrijstaande vaatwasser voor huishoudens met beperkte ruimte. De machine is 55 cm breed en heeft een geluidsniveau van 49 dB. Met energieklasse A+ is hij zuiniger dan veel andere mini‑vaatwassers. Het apparaat is geschikt voor zes couverts en biedt verschillende programma’s om lichte en intensieve vaat schoon te krijgen. Omdat hij niet ingebouwd hoeft te worden, kun je hem gemakkelijk op het aanrecht of in een kleine keuken plaatsen.

Inventum VVW4530AW

De Inventum VVW4530AW is een smalle vrijstaande vaatwasser met een breedte van slechts 44,8 cm. Het toestel is geschikt voor tien couverts en beschikt over een verstelbare bovenkorf en startuitstel, zodat je de indeling en het wasprogramma kunt aanpassen. De energieklasse is E en het geluidsniveau bedraagt 47 dB. Het voordeel van deze vaatwasser is dat hij de normale hoogte heeft van een gewoon model, je schuift hem daardoor eenvoudig onder een werkblad of plaatst hem vrij.

Inventum VVW5520

De Inventum VVW5520 is een mini-vaatwasser voor zes couverts. Het apparaat is onderbouw (dus vrijstaand) en heeft een breedte van 55 cm, een diepte van 50 cm en een hoogte van 44 cm. Het geluidsniveau is 47 dB en de energieklasse D. In de specificaties worden een resttijdindicator, condensdroging en uitgestelde start genoemd. De machine is bedoeld voor kleine huishoudens die niet de ruimte of behoefte hebben aan een grote vaatwasser, bijvoorbeeld als je op kamers woont, een klein gezin hebt of een kleine keuken.