
# AladinFM app

<Image
	src="/assets/projecten/aladinfm-booking/aladinfm-booking-touch-app.png"
	alt="Touch first interface"
	withBorder
/>

<Break />

In opdracht van Datapas ontwikkelde Medianique een booking app die ondermeer wordt gebruikt door de European Space Agency en Bayer Healthcare.

## Touch first interface

De AladinFM mobiele web app is o.b.v. een responsive CSS framework (Bootstrap) ontwikkeld. Dit om de web app op alle mogelijke mobiele touch devices optimaal te laten functioneren. Daarnaast is de volledige UI van de app o.b.v. het principe ‘mobile first’ ontwikkeld. Alle input controls zijn eenvoudig met uw vingers te bedienen.

## SPA

De volledige booking app is een zg. Single Page Application (SPA). Dit houdt in dat de web app zich gedraagt als een ‘native’ mobile app. Er vinden niet zoals in een klassieke webbrowser app page refreshes plaats. Alle views worden net als in een native app opgebouwd o.b.v. de binnengekomen data. Hierdoor is het bandbreedte gebruik zeer laag, maar nog belangrijker, is de gebruikerservaring zeer goed en niet van een native app te onderscheiden.

<Image
	src="/assets/projecten/aladinfm-booking/booking-app.jpg"
	alt="AldinFM Booking app"
	withBorder
/>

<Break />

## Multilingual, multi branded

Vanaf het begin van de ontwikkeling van de web app is rekening gehouden met een meertalige gebruikersgroep, alsook met de inzet van de app voor verschillende klanten van Datapas. Door de modulaire opbouw van de app zijn deze zaken vanaf het begin eenvoudig geïmplementeerd en ook op lange termijn goed onderhoudbaar.

## Low footprint satellite app

Door een slimme analyse is zoveel mogelijk AladinFM business logica centraal behouden in de centrale legacy Aladin applicatie. Waar deze applicatie qua interface niet meer voldeed aan interactie middels touch devices, is gekozen deze functionaliteiten bereikbaar te maken via een ‘satelliet’ applicatie welke via een RESTful webservice API boekingen en wijzigen kan maken in de centrale AladinFM applicatie.


Aladin FM - Facility Management - Booking app

AladinFM Bookings


# Map Your City app

<ImageRight
	src="/assets/projecten/map-your-city/map_your_city_samsung_galaxy6_iphone6_myc_app.jpg"
	alt="Map Your City iOS en Android app"
	pageWidth={60}
/>

In opdracht van Qikker Online heeft Medianique de Map Your City iOS en Android app ontwikkeld.

Met de MYC app kun je locaties (gebouwen en open spaces) toevoegen en beheren voor meerdere organisaties en profielen. Je kunt je locaties liken, delen via social media en communiceren via een wall. Van alle acties word je direct op de hoogte gebracht via persoonlijke push notificaties.

## iOS én Android UI

De apps delen een Titanium codebase, maar hebben per platform een volledig eigen UI implementatie geheel conformerend aan respectievelijk de iOS Human Interface Guidelines en Google Design UI Patterns.

> "Map Your City helps you connect, tell your stories and build strong communities around buildings and spaces"

Door de gedeelde Titanium codebase is de business logica slechts eenmaal geschreven en zeer onderhoudsvriendelijk met betrekking tot doorlooptijd, time-to-market en kosten.

Download de Map Your City app:

<AppBadges
	name="Map Your City"
	iosAppId="nl/app/map-your-city/id971228241"
	androidAppId="city.mapyour"
/>
<Break />

## Facebook integratie

Gebruikers van de app kunnen zich eenvoudig aanmelden via Facebook. Middels ‘single sign on’ (SSO) kan een gebruiker zonder een wachtwoord zich aanmelden voor MYC en direct inloggen.

<Image
	src="/assets/projecten/map-your-city/map_your_city_mapping.jpg"
	alt="Happy Mapping"
/>
<Break />


Map Your City


# AladinFM iDisplays

<Image
	src="/assets/projecten/aladinfm-idisplays/idisplay-bayer.jpg"
	alt="AldinFM iDisplay @ BayerPharma"
	withBorder
/>

<Break />

In opdracht van Datapas ontwikkelde Medianique voor de European Space Agency en Bayer Healthcare een narrowcasting systeem welke middels een REST API communiceert met een centrale AlafinFM instantie.

## Multiple formfactors

<ImageRight
	src="/assets/projecten/aladinfm-idisplays/idisplay-esa.jpg"
	alt="AldinFM iDisplay @ European Space Agency"
	withBorder
	pageWidth={60}
/>

Bij de opzet van het iDisplay systeem is er rekening mee gehouden dat informatie zowel op zeer grote schermen (bijv. in de centrale hal van een congres), als wel op kleine schermen (bijv. digitale naambordjes per kantoor) getoond moet worden. Een responsive HTML5 ontwerp bleek hier al snel een goede oplossing voor te zijn.

<Break size={1} />

## iDisplay modi

iDisplays zijn interactieve informatie schermen welke centraal vanuit een Aladin installatie bestuurd kunnen worden. Zo kunnen notifciaties (bijv. rode ticker bar) direct aan iedereen getoond worden. Of kunnen in geval van calamiteiten direct alle schermen de kortste weg naar een nooduitgang tonen.

<FlexRow>
	<FlexItem>
		<Image
			src="/assets/projecten/aladinfm-idisplays/aladin_idisplay_esa-modus-emergency.png"
			alt="Aladin iDisplay ESA Modus Emergency"
			withBorder
		/>
	</FlexItem>
	<FlexItem>
		<Image
			src="/assets/projecten/aladinfm-idisplays/aladin_idisplay_esa-modus-notification.png"
			alt="Aladin iDisplay ESA Modus Notification"
			withBorder
		/>
	</FlexItem>
</FlexRow>

<Break />

## Flexibele layout

Naast een multi language applicatie code, zijn de iDisplays ook volledig aan te passen aan de huisstijl van de klant. De logica is volledig gescheiden van de representatie. Op deze manier heeft Medianique in zeer korte tijd zowel voor Bayer als ESA een ontwerp en implementatie gedaan van de iDisplays.

<FlexRow>
	<FlexItem>
		<Image
			src="/assets/projecten/aladinfm-idisplays/aladin_idisplay_bayer-modus-booking-info.png"
			alt="Aladin iDisplay Bayer Modus Booking Info"
			withBorder
		/>
	</FlexItem>
	<FlexItem>
		<Image
			src="/assets/projecten/aladinfm-idisplays/aladin_idisplay_esa-modus-slide.png"
			alt="Aladin iDisplay ESA Modus Slide"
			withBorder
		/>
	</FlexItem>
</FlexRow>

<Break />


Aladin FM - Facility Management - iDisplays

Projecten

Contact

Over ons

Blog

AladinFM iDisplays

Multiple formfactors

iDisplay modi

Flexibele layout