Community app

In samenwerking met een opdrachtgever heb ik de afgelopen periode gewerkt aan een nieuwe community app. De huidige app werd al door meer dan 50 verschillende communities gebruikt maar was toe aan vernieuwing.

Techniek

De nieuwe app is gebouwd met het Ionic (5) framework. Daarnaast gebruikt de app Capacitor om gebruik te kunnen maken van 'native' functies. Dat betekend één app voor zowel Android als IOS. Deze techniek wordt ook wel een ‘hybride’ genoemd. Voordelen van hybride technologie zijn:

• Het kunnen gebruiken van webtechnologie,
• Brede ondersteuning van Android en IOS versies
• Je bouwt slechts één app.

Functionaliteit

De nieuwe community app bevat veel nieuwe functionaliteiten ten opzichte van de vorige app. Voor de nieuwe community app bouwden we onder anderen:

Tijdlijn

Een tijdlijn met like, reactie en filter mogelijkheden. Functionaliteiten die we kennen van sociale media apps zoals 'infinite scroll', 'pull to refresh' en 'scroll to top' hebben we ook toegevoegd

Agenda

Daarnaast bevat de app een agenda met zowel een lijst als een maand weergave. Verder bevat de agenda ondersteuning voor verschillende kleuren voor de verschillende agenda's. Een agenda item kan overigens ook in je persoonlijke agenda worden geïmporteerd.

Profiel

• Een overzicht van de groepen waar je lid van bent.
• Een overzicht van gedeelde bestanden.
• Mogelijkheid om je profiel te bewerken
• Met het notificaties overzicht heb je inzicht in recente gebeurtenissen in je community

Leden

• Ledenoverzicht met zoekfunctie, zo vind je gemakkelijk je connecties terug
• Community kiezer. Zoek in de beschikbare communities en log in
• Privé berichten sturen naar een ander community lid

Caching

De app maakt veelvuldig gebruik van caching. Dit doen we om de app soepel en snel te laten reageren op acties van de gebruiker. Daarnaast spaart dit ook onnodige interacties met de server.

Dynamisch

De app moest zoveel mogelijk dynamisch opgezet worden. In de praktijk betekend dat, dat je veel instellingen van de app in het CMS kunt wijzigen (per community). Zo kunnen er eenvoudig zaken toegevoegd en verwijderd worden.

Formly

Een van de keuzes viel daarom op Formly. Een module om via het CMS formulieren te kunnen maken voor gebruik in de app.

Dynamische lijsten

In een community heb je te maken met allerlei verschillende soorten informatie. Veel daarvan kunnen in een lijst worden weergegeven. Denk aan bijvoorbeeld:

• Leden
• Groepen
• Documenten
• Notificaties
  
• Instellingen

Al deze verschillende data gebruiken vrijwel dezelfde weergave. Daarom hebben we een dynamische lijst weergave gebouwd. Een herbruikbaar template zeg maar. Dit houd in dat het CMS de inhoud, de indeling en de opmaak bepaald kan worden. Ook acties toevoegen zoals verwijderen, aan of afmelden behoren tot de mogelijkheden.

Native

De basis van de app is gebouwd met Ionic Angular. Het is dus eigenlijk een soort webapp verpakt als app. De app is dus met behulp van web technologie gebouwd. Maar er zijn ook native (systeem) mogelijkheden bijvoorbeeld:

• push notificaties
• Streamen van media (audio/video)
• Afspelen van audio in de achtergrond (wanneer je de app afsluit)
• Checken van telefoon beveiliging

Beveiliging

Beveiliging van (persoons) gegevens heeft een hoge prioriteit. Één van de functies is bijvoorbeeld een check of iemand zijn telefoon heeft beveiligd met een wachtwoord. Nee? Dan kun je niet inloggen en alleen de openbare inhoud bekijken.

Ook een app?

Wil je ook een app? Laten we dan eens kennismaken! Misschien kan ik iets voor jullie bedrijf of organisatie betekenen!