Blog

Een rekenmachine toevoegen aan uw mobiele applicatie

  Bijgewerkt op   3 min leestijd

Voor ontwerpers die hun toepassingen willen verbeteren, is een calculator de oplossing bij uitstek. Hiermee kunnen ze de aandacht van gebruikers vasthouden met dynamische, gepersonaliseerde Inhoud.

De GoodBarber extensie store biedt al een aantal hulpmiddelen, waaronder een body mass index calculator en een Valuta-omrekenhulp. Voor degenen die verder willen gaan, raden wij u aan Appizy te (her)ontdekken, een oplossing om een Excel-sheet om te zetten in krachtige rekenmachines voor uw mobiele applicaties.

Geschiedenis van het Appizy-project

De eerste low-code tool ter wereld is al meer dan 40 jaar oud
De eerste low-code tool ter wereld is al meer dan 40 jaar oud
Low-code en no-code tools hebben de laatste jaren een enorme vlucht genomen. Maar we vergeten dat de meest low-code en intuïtieve ontwerptool ter wereld al bestaat sinds het midden van de jaren 1980: Excel. Het is onmogelijk om de diversiteit en het gebruik van spreadsheets te tellen. Het is overal in onze bedrijven, organisaties en verenigingen.

Appizy ziet Excel-gebruikers als doorgewinterde ontwerpers van bedrijfssoftware. Het doel is om een brug te slaan tussen kantoorautomatisering en het web. Door GoodBarber aan de vergelijking toe te voegen, hebben we een nieuwe stap gezet door een brug te slaan tussen kantoorautomatisering en native mobiele toepassingen.

Computerontwerp

Eerste spreadsheet Versie van onze hypotheekcalculator
Eerste spreadsheet Versie van onze hypotheekcalculator
In 2020 hebben we de Appizy-oplossing al gepresenteerd op het GoodBarber Blog. Dit jaar zijn we weer terug, omdat er nieuwe functies beschikbaar zijn. We gaan ze u laten zien aan de hand van een woningkredietcalculator.

Eerste Ontwerp
In eerste instantie hebben we de tool in 2 delen ontworpen. Aan de ene kant de invoergegevens: aankoopkosten, rentetarief, enz. Aan de andere kant de maandelijkse betaling en details van de lening.
Een Loyaliteit, maar niet echt geschikt voor mobiel gebruik
Een Loyaliteit, maar niet echt geschikt voor mobiel gebruik
Eenmaal door Appizy omgezet in een applicatie, kunnen de cellen aan de linkerkant bewerkt worden en worden die aan de rechterkant bijgewerkt terwijl u bezig bent. Het is echter duidelijk dat de resulterende interface wel werkt op een groot scherm, maar niet op een mobiele telefoon, met verticaal scrollen.
Mobiele optimalisatie
Appizy biedt een lay-out editor - Layout Bouwer - die elk tabblad in onze basisspreadsheet als een onafhankelijke sectie behandelt. Het is dan mogelijk om de tabbladen in verschillende kolommen te organiseren waarvan de weergave zich aanpast aan de grootte van de applicatie.

We beginnen met het onderverdelen van de inhoud van onze toepassing in 3 tabbladen (of 3 secties): één voor het invoeren van gegevens, een tweede voor de samenvatting en een derde voor de berekeningsdetails. Vervolgens maken we met behulp van de Layout Builder een lay-out met 2 kolommen: het invoertabblad aan de linkerkant, de andere twee tabbladen aan de rechterkant. Het resultaat past zich nu aan alle schermformaten aan.

Integratie in GoodBarber

Om de rekenmachine in een toepassing van GoodBarber te integreren, kiezen we voor Sectie Aangepast Coderen in de Add-ons Store. Deze extensie biedt toegang tot een speciale teksteditor, speciaal ontworpen voor het Toevoegen van code.

Zodra de extensie geïnstalleerd is, hebben we twee opties om de rekenmachine in te voegen:
  • In insluitmodus, wat snel en gemakkelijk is: we halen de link op naar de toepassing die door Appizy wordt gehost en voegen deze in de editor in.
  • Met de code: we downloaden de applicatiecode en laden deze opnieuw in de editor. De rekenmachine werkt dan onafhankelijk van een server, in offline modus.
U hoeft alleen nog maar de code op te slaan en de preview te openen. En dat is het!

Tot slot

Met Appizy wordt het toevoegen van een rekenmachine aan uw GoodBarber applicatie heel eenvoudig. Zodra u weet hoe u het hulpmiddel in een spreadsheet moet maken, is het slechts een paar klikken verwijderd van uw mobiele applicatie.

In dit voorbeeld hebben we de belangrijkste stappen doorlopen voor het ontwerpen en integreren van een leningcalculator. Toepassingen zijn echter niet beperkt tot onroerend goed. Bent u een sportcoach? Maak een gepersonaliseerde simulator voor sportprogramma's. Leraren? Ontwikkel educatieve en leuke tools die uw leerlingen kunnen gebruiken op hun mobiele telefoons en tablets. Aarzel niet om de Appizy website te bezoeken om te zien wat wij hebben gedaan en spreadsheets te downloaden om uw eigen tools van de grond te krijgen.

Lees verder

  4 min leestijd

De nieuwe back office van GoodBarber: meer overzicht bij het maken van je app

Alles begint bij het ontwerp. Een nieuw lettertype, Plus Jakarta Sans, een blauw voor de interface, een groen voor alles wat publiceert en bevestigt, zachtere hoeken, subtiele schaduwen en opnieuw getekende iconen. Het geheel leest rustig en elke kleur heeft een rol: blauw wijst de weg, groen bevestigt.In My App staat de preview van je app in het midden van het scherm en zijn de instellingen gebundeld in een paneel aan de rechterkant. Aan de ene kant pas je aan, aan de andere kant zie je het resultaat, en je app blijft de hele tijd in beeld.