Microsoft Azure schrittweise nutzen

Transkript

1 np_0212_sonuck_fch.qxp:layout :50 Uh Sit 1 B30751 Das Pofi-Magazin fü Entwickl Tools n u Qullco D im Hft C auf 14,90 Dutschlan 14,90 Östich 16,40 Schwiz 29,80 sf Ausgab 2/2012 ickl w t n E ü Jobs f ab S. 143 Micosoft Azu schittwis nutzn Clou schon in Achitktu bücksichtign Psistnz unt Micosoft Azu AppFabic: Moula Milwa S.22 S.28 S.38 Schwpunkt Tools fü UML AgoUML Opn-Souc-UML-Molliungswkzug fü UML 1.4 Violt UML Eito Kostnlos, plattfomübgifn Diagammito UMLt Opn-Souc-UML-Wkzug mit infach Binobfläch Dynamic Languag Runtim Das Wunmittl fü intuitivn, lgantn Co S.60 h c f Xbox 360 Kinct kontollit Pogamm ü f k c u Son LightSwitch im Paxisinsatz UMLGaph Zichnn von Klassn- un Squnziagammn in UML Gstnstuung in ign Softwa inbaun Dia S.77 GTK+-basits Pogamm zu Diagammstllung T4 Eito Fü Stanasznain gnau as passn Wkzug Eito fü T4 inklusiv UMLMolliungswkzugn INFOPogamm gmäß 14 JuSchG S.92 Tst-Pyami bingt Sichhit Qualitätssichung in Winows-Emb-Pojktn S.72 Bhavio Divn Dvlopmnt Lbn Spzifikationn mit Ghkin un SpcFlow S.66

2 PRAXIS Clou-fähig HTML5-Anwnungn mit Visual WbGui Ein Sach von zhn Minutn Anwnungn fü Wb un Clou schibn, ohn sich abi in m Gwi folich Tchnologin zu vstickn: Das klappt jtzt mit Visual WbGui, wi is Wokshop anschaulich zigt. Auf inn Blick Günt Hofmann litt n Gschäftsbich Softwa Svics bi fch. Di ot fü i wltwitn Kunn abittn Softwastatgin ichn von Entwicklung iniviull Softwakomponntn auf Basis s.net- Famwoks bis zu Migation ganz Lgacy-Anwnungn un Datnbankn. Inhalt Vostllung s Opn-Souc- Famwoks Visual WbGui. Winows-Foms-Anwnungn laufn automatisch auch im Wb. Ein Bispilanwnung mit Datnbankzugiff. npco A1202VisualWbGui fch.kfm. Sst Rogau Tlfon (06106) Tlfax (06106) Gunt.Hofmann@fch.u J, sich schon inmal aan vsucht hat, nsthaft Businssanwnungn fü i Clou zu schibn, knnt as Poblm: Einsits soll i Softwa ohn Clintinstallation ikt im Bows laufn un ialwis auch mobil Gät wi Tablts un Smatphons untstützn. Ansits soll si ohn Komfotinbußn i voll Funktionalität in chtn Dsktopanwnung o mobiln App bitn. Un vo allm will man sich bi Entwicklung un Btib nicht in inm ganzn Gwi von Tchnologin vstickn. Abhilf vspicht hi as Opn-Souc-Famwok Visual WbGui, as in aktulln Vsion 6.4 ganz auf HTML5 stzt un n Entwickl avon nichts mkn lässt. Di hutign Intnttchnologin stammn bkanntlich aus n Achtzigjahn s voign Jahhunts un wun afü ntwicklt, inzln statisch, txtbasit Infomationssitn zu vöffntlichn un üb Links mitinan zu vknüpfn. Auch ißig Jah Witntwicklung Wbstanas konntn as nicht gunsätzlich änn. So gilt s unt Entwickln mittlwil als Binsnwishit, ass Einsatz von Wbtchnologi als gafisch Bnutzobfläch fü ynamisch Gschäftsanwnungn zwa wünschnswt, ab nu mit hblichm Aufwan un unt Inkaufnahm vilfältig Kompomiss machba ist. Di Opn-Souc-Wlt stzt fü is Rich Intnt Applications (RIAs) konsqunt auf i LAMP- Tchnologin, also i Kombination von Linux, Apach, mysql un PHP o Pl. Bi Micosoft ab schint i Statgi nicht mh so kla: ASP wu 2002 zu ASP.NET witntwicklt un 2007 um Silvlight gänzt, as als Bows-Plugin i Ausfühung von RIAs übnimmt un auch i Basis von Winows Phon 7 bilt. Wgn sins popitän Chaakts konnt sich Silvlight ab nicht wi gplant uchstzn; sit Kynot von Stv Ballm auf Entwicklkonfnz PDC 2010 ist avon auszughn, ass s statgisch von HTML5 abglöst wi. Das Bst aus Opn-Souc- un Micosoft-Wlt Fü n.net-entwickl stllt sich amit nut i Fag, wi n Bücknschlag von gwohntn Entwicklung von Winows-Foms-Anwnungn hin zu RIA vollzihn soll. Einn zuminst aus Pogammisicht fischn infachn Ansatz lift Visual WbGui von isalischn Softwaschmi Gizmox: Das Opn-Souc-Famwok stzt auf ASP.NET, Ajax un i jquy-bibliothk, um auch in in vtiltn Umgbung von Wbbows, Wbsv, Applikationssv un Datnbank gnau i Funktionn s Winows-Fom-APIs bitzustlln. Dazu klinkt sich Entwickl in as vtaut Visual Stuio in, un as Famwok kümmt sich ohn wits Zutun slbst aum, wlch Co spät wo abläuft un wi i inzlnn Komponntn sich zusammnabitn. In Thoi sollt amit also j, schon inmal in Winows-Foms-Anwnung ntwicklt hat, ASP.NET-Applikationn schibn könnn, i vom Smatphon üb ipa un an Tablts bis zum Dsktop ohn Softwainstallation o Plug-ins im Bows ablaufn. Dank ingbaut Vitualisiungstchnik kann i Svplattfom vom lokaln PC üb goß Untnhmnsntzwk bis zu Clou-Konfiguation ichn, Winows Azu sowi i Datnbankplattfom Azu SQL wn azu tanspant untstützt. Ob as in Paxis tatsächlich so infach funktionit, soll in klinwokshop an inm Bispil zign. Alls, was azu bnötigt wi, ist kostnfi hältlich: Visual Stuio 2010 Expss kann man bi Micosoft lan, un i azu passn Visual-WbGui-Expss-Stuio- Vsion fü.net 4.0 un HTML5 finn Si auf Hft-CD. Di Paxis soll s zign W i Expss-Vsion von Visual Stuio 2010 noch nicht installit hat, kann si üb [1] bzihn. Dot wn vschin Vaiantn angbotn, bnötigt wi Visual Wb Dvlop 2010 Expss (Abbilung 1). Dis installit auch glich i witn Micosoft-Komponntn wi Wbsv un SQL-Sv, soass nbn Entwicklungs- auch glich i vollstänig Tstumgbung zu Vfügung stht. Nun fhlt nu noch Visual WbGui, as Si auf Hft-CD finn (Abbilung 2). Bim Anklickn öffnt sich in Installationsfnst, in m man sinnvollwis Typical auswählt, um all folichn Stanakomponntn zu haltn. Allings lässt sich is kostnlos Vsion von Visual WbGui nu mit Visual Stuio Expss

3 np_0212_sonuck_fch.qxp:layout :50 Uh Sit 3 PRAXIS [Abb. 1] Visual Wb Dvlop 2010 Expss gibt s kostnlos bi Micosoft. [Abb. 2] Di Installation von Visual WbGui Expss Stuio fo.net 4.0 (HTML5). instzn. W üb Visual Stuio Pofssional vfügt (un i Expss-Vsion nicht zusätzlich installin möcht), fint unt [2] in 14-Tag-Tstvsion von Visual WbGui PoStuio fo.net (HTML5), as mit is liznzpflichtign Vsion läuft. Bi Auswahl s Downloas ist ann unbingt aauf zu achtn, ass man i nust Vsion fü.net 4.0 un Visual WbGui.NET HTML5 nimmt. Ein Bsuch Wbsit lohnt sich übigns in jm Fall, a ot auch i vollstänig Dokumntation glan wn kann. Auf los ght s los Nach folgt Installation fint sich im Statmnü i Pogammgupp Micosoft Visual Stuio 2010 Expss. Dot lässt sich Micosoft Visual Wb Dvlop 2010 Expss aufufn, bits üb i folichn Visual-WbGui-Ewitungn vfügt. Entspchn könnn wi Nus Pojkt auswähln, unt n Volagn wahlwis Visual Basic o lib Visual C# aktivin un i Volag Visual WbGui Application auswähln. Dm Pojkt schnll noch inn Namn ggbn villicht VisualWbGuiDmo, un m Ftigstlln uch Klickn auf Ok stht nichts mh im Wg (Abbilung 3). Zu Dsignzit ist i Entwicklung mit Visual WbGui kaum von gwohntn.net-entwicklung zu untschin. Ent- [Abb. 3] Ein nus Visual-WbGui-Pojkt anlgn

4 PRAXIS _ Clou-fähig HTML5-Anwnungn mit Visual WbGui [Abb. 4] ListViw-Contol von Visual WbGui. spchn wi im Pojktmappn-Explo wi gwohnt as Fomula Fom1.cs gwählt un ann auf as nu schinn zwit Symbol von chts gklickt, wouch sich Ansicht-Dsign öffnt. In ism lassn sich mit Dag-an-op i Contols platzin, n Auswahl in in Toolbox auf linkn Sit schint falls nicht, lässt sich is uch Klickn auf n Mnüpunkt Ansicht Wit Fnst Toolbox o uch glichzitigs Dückn von [Stg] [Alt] [X] öffnn. Auch wnn Dsign un Wkzug ausshn wi gwohnt, hanlt s sich hibi um i spzilln Visual-WbGui-Vaiantn. Bis auf ganz wnig Ausnahmn, i fü i Wbntwicklung nicht bnötigt wn, shn si aus un vhaltn sich auch wi i bkanntn Winows-Contols. D wichtig Untschi bstht ain, ass si im Hintgun Co auf m Wbsv zugn. Um isn svsitign Co muss sich Entwickl allings nicht kümmn, kann infach witntwickln wi bi nomal Clint-GUI- Pogammiung. Machn Si mit, un pobin Si Visual WbGui anhan s Bispils slbst aus: Zihn Si i Abitsfläch göß, un platzin Si aauf in ListViw-Objkt. Diss vgößn Si mit Maus bnfalls noch twas, ann klickn Si mit chtn Maustast auf Eignschaftn un stzn unt Layout i Einstllung Dock auf obn, amit as Elmnt obn am Fnst anockt (Abbilung 4). Damit sich i Göß spät vänn lässt, kommt noch in Splitt aunt un wi bnfalls obn angockt. D Platz unthalb s Splitts soll fü Datnfl gnutzt wn. Als Gunlag afü wi in Panl platzit un ssn Dock-Eignschaft auf Fill gstzt, amit s i ganz vblibn Fläch ausfüllt. Jtzt schnll noch in ComboBox un in TxtBox aaufgstzt, un as Layout ist ftig. Ggnüb nomal Winows-Pogammiung wa kin Bsonhit zu bmkn. Im nächstn Schitt ght s aan, i ListViw mit Datn zu fülln. Zu ism Zwck vfügt is üb in Attibut Data- Souc, as bislang l ist. Hi lässt sich in infach Datnbank, uch i Auswahl Objkt ab auch in ganz komplx Anwnungslogik hintlgn, i as UI-Elmnt spät füllt. Fü as volign Bispil wi i SQL-Sv-Bispilatnbank Nothwin [3] gwählt (Abbilung 5), fü n Installation sich in sh gut Anlitung bispilswis unt [4] fint. Wähln Si i Nothwin-Datnbank als DataSouc, könnn Si n Vbinungssting in as Pojkt übnhmn un aus n nthaltnn Tablln, Ansichtn un gspichtn Pozun wähln. Fü as Bispil kommt i Tabll Customs zum Einsatz, n Datn an as List- Viw-Elmnt gbunn wn. Um iss mit Datn zu fülln, fhlt nu noch in inzig Zil Co. Um is inzugbn, machn Si inn Rchtsklick auf as Fomula un wähln im Kontxtmnü Co anzign. Hi wi i Loa-Mtho fü as Fomula Fom1 wi folgt gänzt: pivat voi Fom1_Loa(objct sn, EvntAgs ) { customstablaapt.fill( northwnddatast.customs); } Damit wi i ListViw bim Lan s Fomulas mit n Kunnatn aus Nothwin-Datnbank gfüllt. Jtzt wi noch as Attibut UsIntnal- Paging s ListViw-Elmnts auf Tu gstzt, amit i anzuzignn Datnsätz sitnwis glan wn könnn un ain gblättt wn kann. Das ist zuglich in Bispil fü i zusätzlich Funktionalität, i Visual-WbGui-Contols an

5 PRAXIS [Abb. 5] Auswahl Datnqull fü as ListViw-Elmnt. viln Stlln ggnüb ihn gwöhnlichn Winows-Foms-Pnants zu bitn habn. Zu gut Ltzt bstimmn wi noch, wlch Datn ausgwähltn Kunnsätz in Dtailansicht zu shn un auszuwähln spktiv zu babitn sin solln. In ComboBox int azu as Attibut DataSouc (Abbilung 6). Hi müssn Si unt Wit Datnqulln Fom1-Listninstanzn un ann biningsouc1 auswähln, um jwils i in ListViw ausgwählt Instanz zu haltn. Di Eignschaft DisplayMmb gibt vo, wlch Tabllnspalt angzigt wn soll, wähln Si ot CompanyNam aus. Ähnlich ghn wi bi TxtBox vo. Hi fint sich as faglich Elmnt unt DataBinings un hißt Txt fü n im [Abb. 6] Auswahl DataSouc Combo- Box. Contol anzuzignn Txt. Dot wähln Si wi Wit Datnqulln, Fom1- Listninstanzn un biningsouc1. Hi ght i Vzwigung allings glich noch in Ebn tif bis zu n Tabllnspaltn, wo ikt ContactNam ausgwählt wi. Damit ist as st Visual-WbGui-Pojkt fast schon ftig. Unt Pojkt Visual- WbGuiDmo-Eignschaftn Wb ist unt Stataktionn als Bstimmt Sit noch as Fomula Fom1.wgx inzutagn. Jtzt wi as Pojkt noch gspicht un mit [F5] aufgufn. Altnativ lässt s sich auch infach üb sinn URL (hi aufufn o so auch vlinkn, twa aus in statischn Wbsit haus. D st Aufuf aut inn Augnblick, wil zunächst svsitig Co gnit wn muss. Sobal i Anwnung läuft, ist i ListViw bits mit n Datn gfüllt (Abbilung 7). Zil icht Siht man von n Installationszitn fü Visual WbGui un VS 2010 Expss ab, so habn un zhn Minutn ausgicht, um i komplttwbanwnung aufzubaun vom Dsign bis zu Laufzit. Totzm bitt i Anwnung schon i wichtigstn Basisfunktionalitätn: Man kann i Kunnlist sitnwis uchblättn, uch Anklickn Spaltnköpf twa alphabtisch o nach Postlitzahl sotin un natülich inzln Kunn auswähln, soass in n Dtailfln i Fima un Kontaktnamn angzigt wn. Ebnso kann man in ComboBox inn ann Kunn wähln o n Kontaktnamn änn. Di Änung wi ann automatisch gspicht un i Anzig aktualisit. Slbst wnn Sitz s ausgwähltn Untnhmns noch als Googl- Map angzigt wn soll, müsstn wi nicht mh tun, als in Pictu-Box afü voshn un i Ziln Co fü i SlctInxChang-Mtho List- Viw schibn, um Googl mit n koktn Paamtn zu Ezugung s Imags zu vsogn un iss ann als Qull fü i Pictu-Box zu stzn. Sämtlich amit zusammnhängnn Eigniss vom Anzign Infomationn im Bows üb i Anwnungslogik im Applikationssv bis zum Änn in Datnbank in in klassischn Wbumgbung wi ASP.NET zu pogammin hätt sh vil läng gaut. So hinggn konntn wi, wi in.net gwohnt, objktointit ntwickln un s m Famwok üblassn, sich um as Zu

6 PRAXIS _ Clou-fähig HTML5-Anwnungn mit Visual WbGui [Abb. 7] Di Visual-WbGui-Anwnung im Bows. Visual WbGui sammnspil vschinn Schichtn un i Kommunikation azwischn zu kümmn. Dabi wi auf Eigniss agit un nu as absolut notwnig Maß an Infomationn übtagn, wi man s aus m Ajax-Moll knnt. D Bows muss azu nu HTML un JavaScipt vsthn. Ohn auf i Untstützung uch spzill Plug-ins o Ähnlichs angwisn zu sin, läuft i Bispilanwnung shalb auf alln Plattfomn un in jm Bows. Totzm muss si nicht wi in Bowsanwnung ausshn: Mit Visual WbGui wn Thmn vom Offic-2010-Look bis zum typischn Facbook-Dsign ftig mitglift, un natülich lassn sich ign gstaltn. Einn Einuck von Obflächngstaltung gibt i Dmoanwnung unt [5], i inn Mailclint mit ausgfilt Bnutzobfläch implmntit un auch i Auswahl vschin Thmn möglicht (unt Viw Thms). Lsn Si azu auch n Kastn Visual WbGui. Fazit Vo allm ab vhält sich i Anwnung auf m Clint wi in nativ Anwnung jwilign Plattfom, soass m Anwn twa auf m iphon bn auch Di RIA-Plattfom isalischn Softwaschmi Gizmox hat in mhschichtig Achitktu un fot auf Svsit in Micosoft-Plattfom mit m Stana-IIS-Wbsv. D Clint ist in sognannt Empty Clint, ot ist also kinli Softwainstallation folich. Vilmh wn all Stana-Bowsplattfomn unt Winows, Linux un Mac sowi von iphon, ipa o Anoi untstützt. Das Ajax-Famwok untstützt in ich Bnutzobfläch, i wi in nativ Anwnung all Elmnt Clintplattfom nutzt zum Bispil i Fingbinung auf Tablt o Mobiltlfon. DvTools Mit n DvTools lassn sich Visual-WbGui-Anwnungn ikt in Visual Stuio stlln. All Obflächninfomationn wn automatisch in XML, XSLT un CSS-Stylshts aufgtilt, i zu Laufzit an n Bows gsnt wn. ClouMov Als ClouMov-Pojkt bitt utsch Gizmox-Patn fch i toolgstützt Migation vohann Dsktop-Anwnungn in i Clou, ins Intnt o auf mobil Dvics zum Fstpis an [6]. Entpis Mobil Di Entpis-Mobil-Komponntn möglichn n Einsatz in Visual-WbGui-Anwnung auf mobiln Clints unt Nutzung sämtlich Möglichkitn jwilign Plattfom. i typischn Bsonhitn, wi Fingbinung o Kamabnutzung, zu Vfügung sthn. Dnnoch fint sich in Entwickl mit gutn Winows-Foms- Knntnissn, auch VB.NET o C# bhscht, innhalb wnig Stunn mit m Wkzug zucht. Dabi muss i Zilichtung nicht imm i Nuntwicklung von Applikationn sin. Ganz im Ggntil: Ein Stäkn Visual-WbGui-Achitktu bstht ga ain, ass vohann Gschäftslogik licht in i so ntwickltn Wbpojkt intgit wn kann. Damit bitt as Famwok unzählign.net-anwnungn im klassischn Clint- Sv-Moll inn sanftn Migationspfa in i Clou. Un auch fü all ann Altanwnungn nach nustn Schätzungn sin noch allin 15 Millian Ziln VB6-Co pouktiv im Einsatz kann i Migation in üblgnswt Altnativ zu unglich aufwnign Nuntwicklung bitn. [bl] [1] Visual Stuio 2010 Expss, [2] Tstvsion von Visual WbGui PoStuio fo.net (HTML5), [3] SQL-Sv-Bispilatnbank Nothwin, [4] Installationsanlitung Nothwin, [5] Dmoanwnung, [6] ClouMov von fch,