Xamarin: Multi Platform Development

Voor het Windows Platform heb ik al eens applicaties gemaakt. Een aantal van mijn maaksel staan zelfs in de store. Het zijn geen geweldige applicaties, maar ze gaven mij wel inzicht in hoe het werkte. Wat betekent zo’n klein scherm voor development en hoe krijg je zoiets dan in de store?

image

De eerste app staat er nog steeds in, maar ik ben de code kwijt Knipogende emoticon. Ook zijn de eisen aan de apps in de tussenliggende tijd behoorlijk aangescherpt. Al zou ik de code nog hebben, dan komt hij niet meer in de store.

Ook voor het Windows 8 platform heb ik een app. Eigenlijk een paar meer, maar die zijn niet beschikbaar. Een demo app voor Azure Mobile Services en een SDN evaluatie app waar ik al eerder over sprak.

image

http://apps.microsoft.com/windows/en-us/app/three-of-a-kind/a5ab2f2a-c42d-45de-95c6-13a10e5b1256

Maar goed, al een hele tijd wil ik eigenlijk heel graag eens proberen om een app te maken voor Android en iOS. En ik heb het geprobeerd om op mijn iMac met Xcode een app te maken, maar ik raakte heel snel verstrikt in Objective C taal en kon mijn weg niet goed vinden binnen de Apple tools. Binnen de Microsoft wereld is Xamarin dan tool om dat te doen. Een super tool om je vaardigheden in C# te kunnen gebruiken op andere platformen.

Ik had al heel lang het idee staan, maar kon er de tijd en zin niet voor maken om het door te zetten. Nu is het er dan toch van gekomen. Het is een soort Hello World app, maar dan met iets meer dieogang. Maar weer niet zoveel omdat er geen gedeelte code is en al helemaal geen server side code.

Bij mijn vorige werkgever was door Ronald Hubert een Scrum app voor het Windows Phone platform gemaakt. Het idee en de grove vormgeving van de kaarten waren mijn begin punt. Ik heb zijn Windows Phone code niet hergebruikt en zelf een Windows Phone variant geschreven. Dat was makelijk, want dat had ik al eens eerder gedaan.

Je maakt twee schermen, tekent de kaarten op het eerste scherm en op het klik event van de kaart open je het tweede scherm. In het tweede scherm laad je het juiste plaatje met een klik event om terug te gaan naar het hoofdscherm.

In code:

private void imageV_Tapped(object sender, TappedRoutedEventArgs e)
{     Frame.Navigate(typeof(DetailPage), "V");
}

Direct in het klik event van het plaatje vertel je dat er een navigate moet plaats vinden naar de detail pagina met een parameter. Clean en simpel Knipogende emoticon

wp8

Voor Android heb je twee keuzes. Of je werkt vanuit Visual Studio of je werkt vanuit Xamarin Studio. De eerste is meer vertrouwd dan de tweede. Ik heb overigens de applicatie ontwikkeld vanuit de Xamarin Studio.

Feitelijk is hier hetzelfde ritueel als in de Windows Phone app gebruikt.

ImageButton imButton1 = FindViewById<ImageButton> (Resource.Id.imageButton1);
imButton1.Click += new EventHandler (PictureBtn_Click);
void PictureBtn_Click(Object sender, EventArgs e)
{
	ImageButton imgbut = (ImageButton)sender;
 
	var intent = new Intent (this, typeof (NextScreenActivity));
	intent.PutExtra ("picture", (imgbut.Tag == null ? "" : imgbut.Tag.ToString()));
	StartActivity (intent);
}

Zoals je ziet, wezenlijk anders. Je moet de Button op het scherm zoeken en er dan een event aan hangen. In het event moet je new Intent maken en die Intent moet je als een Activity starten.

nadroidvs

androidxs

De iOS variant is natuurlijk niet heel anders. Alleen werkt Apple met een Story board en dwingt meer MVC af. Verder worden er allerlei events en stukken code toegevoegd voor het iOS gedeelte.

image

Screen Shot 2015-02-14 at 13.37.40

Ondanks dat ik C# kon programmeren was het toch 3 keer anders.

Er is ook nog zoiets als Xamarin Forms. Daarmee zou de voorkant ook nog een stuk meer overeenkomen tussen de verschillende operating systems. Dat wordt mij volgende project.

Om de apps vervolgens in de verschillende stores te krijgen was ook steeds anders. Windows Phone en Android leken redelijk op elkaar, de store van Apple was veel meer gedoe.

Deze app is in elk geval te downloaden:

Windows 10 and Office Apps

Sinds een enige tijd heb ik de nieuwste Windows 10 Technical Preview op mijn Surface Pro 3. De eerste versie van Windows 10 was voornamelijk oppoetsen van Windows 8.1. Was Windows 8 erg gericht op Touch, de eerste Technical preview van Windows 10 was erg gericht op keyboard en muis. Deze nieuwe versie combineert deze twee.

Mooie toevoegingen in deze versie zijn Cortana en Continuum. De eerste kennen we al van de telefoon en in een andere vorm van de XBox. Je kunt dan tegen je PC praten in een gewone zinnen en zij zal antwoorden of de zaken uitvoeren. Het is niet meer zoals vroeger, waarbij de computer maar een beperkt vocabulaire had. Op de telefoon en nu PC kun je Cortana activeren door ‘Hey Cortana’ en daarna praat je tegen haar op een natuurlijke manier. (Op dit moment nog maar beschikbaar in een beperkt aantal landen)

Tijdens de eerste presentatie van de Windows 8 opvolger hadden ze een filmpje met Continuum. Het zou als je het toetsenbord weghaalt van je tablet, dan detecteert Windows 10 dat en geeft de mogelijkheid om automatisch naar Tablet mode te gaan.

10-2-2015 01-41-26

Ik heb er mee geëxperimenteerd en dat werkt wel heel mooi hoor. Ook als je op een Surface het toetsenbord naar achteren klapt zal hij dat detecteren. Wat hij nu nog zou moeten detecteren is, als je hem in een Dockingstation plaatst je niet naar de tablet mode wilt. En nadeel is nog, dat als je in Tablet mode gaat de desktop niet meer echt beschikbaar is. Documenten, shortcuts, apps etc op de desktop zijn niet te verplaatsen/starten of te wijzigen in Tablet mode.

Ook het startmenu is een beetje opgepoetst. Aan de linkerkant is de lijst met alle applicaties een beetje gesorteerd en geordend. De groepen zoals we die op het Start scherm kende zijn weer terug.

Screenshot (4)

In de eerste versie waren de iconen al een beetje opgepoetst, nu is dat nog iets verder doorgevoerd.

Screenshot (5)

Screenshot (6)

Ook nieuw is in deze versie, dat Windows Store apps meer knoppen in de titelbalk hebben. Aan de rechterkant zitten een sluit, Full screen, maximize en minimize knop. Aan de linkerkant zit het menu, dat in Windows 8 nog met een Swipe van rechts naar voren komt. Dit laatste moest wel, omdat de Store apps nu in een eigen Window draaien en rechts swipen niet meer logisch was.

Screenshot (7)

Dit zullen nog niet de laatste aanpassingen zijn. Vele andere zullen nog in de aanloop naar Build en tijdens Build het licht gaan zien.

Nieuw is dat er ook een Touch based versie van Office beschikbaar is. Op alle mobiele platformen Android, Apple en Windows Phone hadden we al mooie mobiele versies van Office. De Android en Apple versies waren wel iets verder dan het Microsoft platform. Maar nu is er op Windows 10 de preview beschikbaar van Word, Excel en Powerpoint. Deze kunnen vanuit de Store gedownload en geïnstalleerd worden.

10-2-2015 01-34-51

En ze zijn redelijk compleet. Ze zien er erg netjes en strak uit.

10-2-2015 01-36-46

Bij het starten van de office producten en het maken van een nieuw document, wordt deze gelijk op je OneDrive geplaatst. Dat is erg handig, want dan zijn je documenten op al je devices beschikbaar. Bijkomend voordeel is, dat dit ook het samenwerken met anderen eenvoudiger maakt. In elk van de Office producten zit nu een “Collaborate with others” knop. Het document op OneDrive wordt dan gedeeld met de persoon waarmee je gaat samenwerken.

Screenshot (2)

Wijzigingen zie je dan real time.

PowerPoint is natuurlijk om te presenteren. Als je dat doet, doet hij als iedere App store app. Hij laat zich Windowized zien.

Screenshot (3)

Binnenkort ga ik dat toch eens proberen tijdens een echte presentatie hoe dat werkt. Wat vreemd is, dat de nieuwe menu items en knoppen op de Titelbalk niet aanwezig zijn bij deze Office apps. Dat had ik eigenlijk toch wel verwacht.

Kortom deze versie van Windows 10 is weer strakker en beter, maar is nog niet helemaal af. De toevoeging van Office is wel erg mooi.

IoT (3) Intel Galileo

In mijn vorige blogpost heb ik al verteld over Microsoft Windows op een Intel Galileo board.  Ik heb toen laten zien dat je een display kunt aansturen met C++ code. Niet lang daarna kwam de tweede generatie van het Galileo board. Deze was weer iets krachtiger.

In mijn vorige blogpost moest ik het LCD display via een breadboard koppelen aan mijn Galileo. Niet ongebruikelijk in de Arduino wereld, maar mooi is anders en erg foutgevoelig voor niet heel technische mensen. Daarom heb ik een Seeed Grove Starter Kit gekocht. Het grote voordeel van deze set, er zitten allerhande sensoren en dingetjes in.

Maar waarom deze post dan? Deze keer heb ik niet alleen een lampje laten knipperen of alleen een tekst laten schrijven op een LCD scherm, maar heb ik een aantal dingetjes gecombineerd. Ik heb een ledje op het board gezet op poort 13, een LED socket op poort 7, een button op poort 3 en een LCD schermpje.

Het losse ledje knippert permanent, maar het andere ledje gaat aan als je op de knop drukt. Het LCD scherm laat zien dat het knopje is ingedrukt.

Eerst deed ik dat weer in de Arduino omgeving. Op de Galileo draait dan niets speciaals.

iot

Maar ja dat is niet leuk. Er kan Windows op draaien, dan moet ik daar ook gebruik van maken. Dus de code uit de Arduino omgeving overgezet naar een Visual Studio solution. De rgb_lcd.h header file geinclude en compile. “Rebuild All succeeded”.

vs

Daarna klikken op Remote Debugger.

image

En we breaken in de eerste beste gezette breakpoint.

WP_20150211_22_04_36_Pro

WP_20150211_22_01_18_Pro

Voordat er gedebugt kan worden, wordt de applicatie gedeployed op de Galileo. Op de C-schijf (het SD kaartje) staat een directory Test met daarin de executable. Door middel van telnet kun je de executable starten. Zoals je hieronder ziet, blijft de applicatie runnen tot je hem stopt. Uiteraard zijn er ook mogelijkheden om hem automatisch met het opstarten van de Galileo te starten.

WP_20150211_001

Volgende uitdaging is wachten op de volgende versie van Windows voor Galileo, Windows 10. Ik hoop dat er dan ook ondersteuning voor .NET / C# aanwezig is. Ik ben benieuwd hoe de vele Arduino modules dan vanuit C# aangestuurd kunnen worden. Inmiddels is aangekondigd dat Windows 10 ook op een Raspberry PI zal draaien. Inmiddels heb ik zo’n ding gekocht en ook daar ga ik uiteraard mee spelen.

Bij Xpirit en Xebia zijn we begonnen met een IoT Makers lab. Samen met collega’s gaan we mooie en leuke IoT oplossingen verzinnen en maken. Uiteraard zal ik daar later op terug komen.