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

Bij ID.nl zijn we gek op producten waar je niet de hoofdprijs voor betaalt. Daarom gaan we een paar keer per week op zoek naar zulke deals. Met de feestdagen voor de deur kijken we dit keer naar 5.1-surroundsets voor de woonkamer. Want wat is er nou leuker om je favoriete film of serie te kijken met supergoed geluid? Of bij het gamen? Voor minder dan 300 euro welteverstaan.

Een 5.1 speakerset is een geluidssysteem dat is opgebouwd uit zes verschillende luidsprekers. Het cijfer 5 staat voor de satellietluidsprekers: een middenkanaal voor spraak, twee speakers voorin (links en rechts) en twee speakers die je achter je plaatst. De .1 verwijst naar de subwoofer, die specifiek de lage bastonen voor zijn rekening neemt. Doordat deze luidsprekers rondom de luisterpositie worden geplaatst, komt het geluid vanuit verschillende richtingen op je af. Dit creëert een ruimtelijk effect waardoor je bij het kijken van films en series of het spelen van games wordt omringd door geluid.

Logitech Z906

Deze set is ontworpen om meerdere audiobronnen tegelijkertijd te kunnen verwerken. Je sluit tot zes apparaten aan, zoals een televisie, gameconsole of computer, via de beschikbare digitale optische, digitale coaxiale of analoge ingangen. De set beschikt over een bedieningsconsole die je stapelt bij je apparatuur en een draadloze afstandsbediening voor bediening vanaf de bank. Het systeem levert een continu vermogen van 500 watt en is THX-gecertificeerd, wat betekent dat het voldoet aan specifieke prestatie-eisen voor bioscoopgeluid. De decodering ondersteunt Dolby Digital en DTS-soundtracks. Naast de subwoofer krijg je vier satellietluidsprekers en een middenkanaal die je flexibel kunt plaatsen.

Sony HT-S40R

Bij dit systeem worden de achterste luidsprekers aangestuurd door een draadloze versterker, waardoor er geen kabels van de soundbar voorin de kamer naar achteren hoeven te lopen. De soundbar zelf beschikt over drie kanalen en werkt samen met de subwoofer en de twee achterspeakers voor de 5.1-weergave. Het totale uitgangsvermogen bedraagt 600 watt. Voor de connectiviteit maak je gebruik van HDMI ARC, een optische ingang of een analoge aansluiting. Daarnaast is er Bluetooth 5.0 aanwezig voor het streamen van audio vanaf mobiele apparaten. De soundbar kan aan de muur worden bevestigd of voor de televisie worden geplaatst.

Trust GXT 658 Tytan

Dit geluidssysteem is eigenlijk voornamelijk bedoeld voor games en in combinatie met een pc of gameconsole, waarbij de houten subwoofer het middelpunt vormt. De basweergave is gesynchroniseerd met geïntegreerde LED-verlichting die reageert op het ritme van het geluid. Het systeem schakelt automatisch naar een stand-by modus wanneer het niet in gebruik is. De set wordt geleverd met een afstandsbediening waarmee je onder andere de bas en het volume regelt. De kabels voor de achterste luidsprekers hebben een lengte van 8 meter, wat plaatsing in grotere ruimtes mogelijk maakt zonder verlengsnoeren. Het piekvermogen ligt op 180 watt.

Hisense AX5100G

Dit audiosysteem ondersteunt Dolby Atmos-technologie voor een ruimtelijke geluidsweergave. De set bestaat uit een soundbar, een losse subwoofer en twee achterluidsprekers. Met een totaal vermogen van 340 watt worden de verschillende frequenties verdeeld over de speakers. Je hebt de beschikking over diverse equalizer-modi, waaronder instellingen voor nieuws, film en games. Aansluiten op de televisie gaat via HDMI eARC, maar er zijn ook opties voor USB en een optische kabel. De achterspeakers plaats je achter de luisterpositie om het surround-effect van de 5.1-opstelling te completeren.

Sony HT-S20R

Je installeert dit systeem met een soundbar, subwoofer en twee bedrade achterspeakers. De soundbar verzorgt de linker-, rechter- en middenkanalen, terwijl de externe subwoofer de lage tonen voor zijn rekening neemt. Het systeem heeft een totaal vermogen van 400 watt en ondersteunt Dolby Digital. Via de USB-poort speel je audiobestanden direct af van een geheugenstick. Voor de verbinding met de televisie gebruik je HDMI ARC, maar als je televisie dit niet ondersteunt, zijn er optische en analoge ingangen beschikbaar. De set beschikt over diverse geluidsmodi die je met een knop op de afstandsbediening selecteert.

AOC brengt met de Gaming 25G4KUR een monitor op de markt die volledig is afgestemd op competitieve gamers. Het 24,5-inch scherm haalt een verversingssnelheid tot 420 Hz en biedt snelle reactietijden, Adaptive-Sync en ergonomische instelmogelijkheden.

Supersnel beeld voor competitieve spelers

De AOC Gaming 25G4KUR (adviesprijs 259 euro) is bedoeld voor wie elke milliseconde telt. Dankzij een overklokte verversingssnelheid van 420 Hz (400 Hz standaard) en een responstijd tot 0,3 milliseconde reageert het scherm vrijwel direct op elke actie. Dat maakt hem geschikt voor snelle shooters, esports-toernooien en spelers die vloeiende bewegingen en minimale vertraging willen.

Het 24,5-inch formaat is populair onder professionele esports-spelers, omdat het speelveld overzichtelijk blijft zonder dat de ogen veel hoeven te bewegen. De Full HD-resolutie zorgt ervoor dat hoge framerates haalbaar zijn, zelfs met een middenklasse grafische kaart.

©AGON by AOC

Heldere kleuren en vloeiende beelden

De 25G4KUR gebruikt een Fast IPS-paneel met brede kijkhoeken en een kleurdekking van 121 procent sRGB. Het scherm is compatibel met NVIDIA G-SYNC. Adaptive-Sync, zorgt ervoor dat beelden vloeiend blijven zonder haperingen of tearing. DisplayHDR 400 biedt bovendien een iets hoger contrast en betere helderheid dan standaard SDR-monitoren.

Ontworpen voor urenlang gamen

AOC rust de monitor uit met functies die lange gamesessies comfortabeler moeten maken. De flicker-free achtergrondverlichting en blauwlichtreductie verminderen vermoeide ogen, terwijl de ergonomische standaard in hoogte verstelbaar is en kantel-, draai- en rotatiefuncties heeft. Via AOC's G-Menu-software kunnen spelers profielen aanmaken, instellingen aanpassen en de Low Input Lag-modus activeren.