Tijdelijk extra IT-experts nodig?

Neem contact met ons op

Onze expertises

Een betrouwbare partner

Onze erkenningen en partnerships verzekeren je van een betrouwbare samenwerking.

  • Microsoft Partner
  • microsoft-flow.svg
  • microsoft-powerapps.svg
  • stichtingNormeringArbeid.svg

ShareValue - De standaard voorbij

Meer over ons

Zo werkt ShareValue

  • Experts

    Experts

    Onze experts weten alles van Microsoft 365, .NET, Azure en Front-End.

  • Eigen mensen

    Eigen mensen

    Wij kennen onze mensen goed. Hierdoor zorgen we voor een goede match tussen medewerker en opdracht.

  • Hoog kennisniveau

    Hoog kennisniveau

    Wij investeren in de kennis van onze experts met opleidingen, certificeringen en conferenties.

  • Flexibel

    Flexibel

    Wat de vraag of aanpassing ook is, wij schakelen snel en efficient.

  • Ondernemend

    Ondernemend

    Achterover leunen en afwachten is niet onze stijl. Onze experts denken graag proactief mee met de opdrachtgever.

  • Communicatief

    Communicatief

    Persoonlijk contact is ons kenmerk. Contact met de opdrachtgever en met de medewerkers staat centraal.

Onze opdrachtgevers

Onze architecten, beheerders, consultants, developers en engineers werken verspreid door het hele land bij opdrachtgevers in alle denkbare branches. Op zowel kortdurende als langdurende opdrachten. Wij werken niet alleen voor grote organisaties of A-merken, ook voor het MKB kunnen wij waardevolle experts inzetten om de bedrijfsprocessen te optimaliseren.

Zo ontstond er in het projectteam een goede combinatie tussen kennis van de organisatie, de processen én de techniek

Esra kwam aan het begin van onze samenwerking direct met goede adviezen en die zijn nu volledig doorgevoerd. David nam later het stokje van Esra over en heeft trainingen gegeven aan onze key users en medewerkers, ons begeleidt bij het inrichten van governance, en hij was onze vraagbaak. Ook heeft hij voor ons de samenwerkingsverbanden visueel weergegeven met Power BI. Zo ontstond er in het projectteam een goede combinatie tussen kennis van de organisatie, de processen én de techniek. Zowel met Esra als met David hebben we fijn samengewerkt, dat ging heel goed. Ze voelden dan ook echt als onderdeel van het projectteam.

Annemieke Stomps Projectmanager NTI

De developers van ShareValue hebben een goede werkhouding en zijn echte specialisten op hun vakgebied

De developers van ShareValue hebben een goede werkhouding en zijn echte specialisten op hun vakgebied. Ze hebben niet alleen de juiste papieren, maar houden ook hun vaardigheden bij. De één heeft meer ervaring dan de ander, maar ze begrijpen allemaal onze vraagstukken en leveren snel.

Ernst-Jan Heuseveldt Directeur Rovict

Ik ben erg blij met het team dat we hebben neergezet om de provincie Utrecht te begeleiden in het migratietraject en meer gebruik te maken van de Microsoft-mogelijkheden

De samenwerking met Esra gaat goed, ze is heel kundig. Ze doet hier van alles, van het implementeren van Teams tot het begeleiden en trainen van medewerkers. Straks komt ook Gerard ons versterken vanuit ShareValue. Omdat we meer willen halen uit de Microsoft-suite gaat hij ons helpen om de stip op de horizon te bepalen en wat er dan nodig is om daar te komen. Ik ben erg blij met het team dat we hebben neergezet om de provincie Utrecht te begeleiden in het migratietraject en meer gebruik te maken van de Microsoft-mogelijkheden.

Anika van Dam Projectleider implementatie Digitaal Samenwerken Provincie Utrecht

Bij ShareValue haal je altijd de juiste mensen in huis

Bij Carante Groep zoeken we altijd samenwerkingspartners, geen leveranciers. In ShareValue hebben we zo’n partner gevonden. Op het gebied van SharePoint, Nintex en projectleiding zetten we de deskundigen van ShareValue graag in. Je kunt erop vertrouwen dat je de juiste mensen in huis haalt om de afgesproken werkzaamheden uit te voeren.

Jerry van Rekom Hoofd ICT Carante Groep

De juiste keuze maken uit de vloed aan mogelijkheden

Sharevalue helpt ons al jaren de juiste keuze te maken uit de vloed aan mogelijkheden onder de paraplu van Office 365 en hoe we dit optimaal in onze organisatie kunnen inzetten. Zo werken we al jaren samen aan ons Intranet en Business apps op SharePoint en hebben in korte tijd ook OneDrive en Teams succesvol in gebruik genomen op onze kantoren in Europa.

Yakult

ShareValue heeft ons een uitstekende O365-professional geleverd

ShareValue heeft ons een uitstekende O365-professional geleverd. Met zijn hulp hebben we onze SharePoint omgeving kunnen moderniseren.

GGD-NOG

ShareValue vindt altijd de juiste man die matcht met de behoefte

Dbf en ShareValue kennen elkaar al vele jaren. ShareValue is in al die jaren altijd in staat geweest de juiste man te vinden die matcht met de behoefte van dbf op dat moment. Als het niet uit de eigen organisatie lukte, dan werd er verder gezocht in het brede netwerk wat ze inmiddels hebben.

Jasper Kruter directeur dbf

Altijd bereid om te helpen en mee te denken

Zeer fijne partner om mee samen te werken. Open en transparant naar ons toe en altijd bereid om te helpen en mee te denken!

Een grote pensioenorganisatie

Wat speelt er bij ShareValue?

Sem Sem / 13-09-2022

6 minuten lezen

De laatste jaren vindt er een transitie plaats op het gebied van mobile development. Steeds vaker kiezen bedrijven ervoor om hun mobiele applicaties niet langer in Java (voor Android) of Swift (voor iOS) te ontwikkelen, maar kiezen zij voor een hybride framework als basis voor hun mobiele applicatie. In deze blog beschrijf ik één van deze frameworks, namelijk Ionic. Wat is Ionic, hoe werkt het en waarom zou jij de transitie moeten maken naar een native web-framework voor het ontwikkelen van mobiele applicaties.

Wat is Ionic?

Ionic is een open source interface platform waarmee mobiele en desktop-applicaties ontwikkeld kunnen worden met gebruik van web-technologieën als HTML, CSS en JavaScript. Deze toolkit wordt nauw geïntegreerd met een populair Front-end JavaScript framework naar keuze, zoals Angular, Vue en React. In andere woorden maakt Ionic het mogelijk om jouw webapplicatie voor verschillende platforms te ontwikkelen vanuit één codebase en daarbij gebruik te maken van de native functionaliteiten van de apparaten waarop de applicatie draait. Omdat Ionic apps gebaseerd zijn op het web, kun je ook verschillende web-gebaseerde UI libraries gebruiken zoals TailwindCSS of Bootstrap voor de opmaak van je applicatie.

Ionic maakt gebruik van Capacitor. Capacitor is een cross-platform native runtime die verschillende web-gerichte API’s biedt. Daarmee kan de app zoveel mogelijk web standaarden blijven gebruiken en heeft daarbij toegang tot de uitgebreide systeemeigen apparaat-functies. Denk hierbij bijvoorbeeld aan het gebruik van bluetooth, locatie, push notificaties, batterijstatus, opslag en de camera.

Waarom wil je Ionic gebruiken?

Ionic biedt de gebruiker een naadloze ervaring, waar de gebruiker zich ook bevindt. Of dat nu op een telefoon is, op een desktop of in de browser; de gebruiker verwacht consistentie via alle kanalen. Door het gebruik van Ionic kan met een enkele codebase voor al deze kanalen een applicatie uitgerold worden.

Door met Ionic te bouwen, kun je je bestaande web-ontwikkelaars inzetten voor het bouwen van mobiele- en desktop applicaties. Je hoeft niet langer op zoek naar een aparte ontwikkelaar voor ieder platform dat je wilt ondersteunen. De web-ontwikkelaars ontwikkelen de applicatie in Ionic en rollen deze zonder problemen uit naar de verschillende platformen.

Naast bovengenoemde voordelen is Ionic ook nog eens open-source en dus helemaal gratis. Ionic heeft een grote community en vraagstukken waar je als ontwikkelaar tegenaan loopt worden dan ook veel besproken op de verschillende ontwikkelforums. Daarnaast integreert Ionic heel gemakkelijk met bekende tools (bijvoorbeeld met Azure), zodat het uitrollen van applicaties naar de Google Play Store of Apple App Store heel eenvoudig wordt.

Hoe werkt Ionic?

Een native functionaliteit is door het gebruik van Capacitor eenvoudig in een Ionic-app toe te voegen. Zo kunnen we bijvoorbeeld de locatie van ons toestel gebruiken. Als eerst moeten we een nieuwe Ionic applicatie genereren. Dit kunnen we zelf doen via de command-line Interface die Ionic biedt, of via een handige web-interface.

Figuur 1 - Web-interface voor het opzetten van een Ionic-applicatie.

In dit voorbeeld maken wij de applicatie met de CLI. Eerst zorgen we ervoor dat Ionic globaal op onze computer geïnstalleerd is en daarna starten we het initialisatie proces.


$ npm install -g @ionic/cli

$ ionic start

De Ionic-CLI vraagt ons nu een aantal dingen te kiezen voor ons project, zoals welk framework en welke basis-lay-out wij willen in onze app? In mijn voorbeeld kies ik voor Angular met een `blank` applicatie-lay-out, maar andere opties zijn een lay-out met tabbladen of met een menu. De eerste opzet van deze applicatie heeft nog weinig functionaliteit, hier gaan we verandering in brengen.

Figuur 2 - Standaard Ionic-applicatie zonder menu of tabbladen.

Om de locatie-functionaliteit toe te voegen, moeten we de gewenste Capacitor-plug-in installeren in ons project zodat wij deze kunnen gebruiken. In de documentatie van Ionic voor native functionaliteiten (https://ionicframework.com/docs/native) is een uitgebreide lijst te vinden met alle native API’s die geïnstalleerd kunnen worden en hoe deze te gebruiken. Als eerst voeren we de volgende commando’s uit om de locatie plug-in te installeren.


$ npm install cordova-plugin-geolocation

$ npm install @awesome-cordova-plugins/geolocation

$ ionic cap sync

Vervolgens openen wij het Home-component van onze nieuwe Ionic-applicatie die nu nog de standaard template code bevat waarin wij de locatie gaan gebruiken. Door middel van de volgende code kunnen we eenvoudig de locatie van onze gebruiker opvragen. In de initialisatie van dit component vragen we de huidige positie op via de Geolocation-API en tonen deze in het template.

 

import { Component, OnInit } from '@angular/core';
import { Geolocation, Geoposition } from '@awesome-cordova-plugins/geolocation/ngx';

@Component({
  selector: 'app-home',
  template: `
    <ion-content [fullscreen]="true">
      <div id="container">
        <strong>Uw huidige locatie:</strong>
        <p *ngIf="currentPosition">{{currentPosition.coords.latitude}}, {{currentPosition.coords.longitude}}</p>
        <p *ngIf="!currentPosition">Onbekend</p>
      </div>
    </ion-content>
  `
})
export class HomePage implements OnInit {
  currentPosition: Geoposition;

  constructor(private geolocation: Geolocation) {}

  ngOnInit(): void {
    this.geolocation.getCurrentPosition().then((resp) => {
      this.currentPosition = resp;
    }).catch((error) => {
      console.log('Error getting location', error);
    });
  }

}


Zoals hierboven te zien is, maakt Ionic het ons erg gemakkelijk. Als ontwikkelaar hoef je je helemaal niet bezig te houden met de functionele werking van de locatiebepaling of welke andere native functionaliteit dan ook. We roepen simpelweg de functies aan die de plug-in ons biedt (zoals ‘getCurrentPosition’ in bovenstaand voorbeeld) en Ionic regelt alles achter de schermen voor ons. Er wordt door het besturingssysteem ook automatisch om toestemming gevraagd voor het gebruiken van de locatie.

Figuur 3 - Locatie-toestemming wordt door de telefoon zelf afgehandeld.

Als de locatie succesvol kan worden opgehaald, zien we dat de coördinaten van de locatie in de app worden weergegeven.

Figuur 4 - Locatie-coördinaten worden succesvol opgehaald en weergegeven.

Een volgende stap kan bijvoorbeeld zijn om deze locatie op een kaart weer te geven of op te slaan in een SQL-database op het apparaat. Ionic biedt hier heel veel mogelijkheden in. Het mag duidelijk zijn dat ik als web-ontwikkelaar geen weet heb van de platform-specifieke vereisten voor het toepassen van deze functionaliteiten. Dit is iets wat Capacitor en Ionic ons volledig uit handen nemen.

Conclusie

Ionic biedt een alles-in-één pakket om mobiele-, desktop- en webapplicaties te ontwikkelen die gebruik kunnen maken van systeemeigen functionaliteiten van je toestel. De voordelen die je hieruit kan halen zijn enorm, maar kort samengevat zijn dat:

  • Een naadloze, consistente ervaring voor de eindgebruiker via verschillende kanalen.
  • Eén ontwikkelteam voor zowel mobiele-, desktop- als webapplicaties.
  • Open-source en dus helemaal gratis.
  • Geen kennis nodig van complexe, apparaat-eigen functionaliteiten.

Veel grote tech-bedrijven maken al gebruik van Ionic. Voorbeelden van apps die gemaakt zijn met Ionic zijn Sworkit, MarketWatch en Sanvello. Voor meer voorbeelden verwijs ik je naar de website van Ionic zelf!

Benieuwd naar hoe Ionic binnen jouw organisatie ingezet kan worden? Neem gerust contact op, dan bespreken we samen de mogelijkheden. Ben je zelf een ontwikkelaar met interesse in ontwikkelen van Ionic-applicaties? Kom dan eens langs voor een kop koffie!

{description}

Heb je een Microsoft Expert nodig?

Neem contact met ons op
{description}

Zoek je een nieuwe baan?

Bekijk onze vacatures