Fakulta elektrotechnická. Rozhraní nástroje pro tvorbu rozvrhu

ˇ ´ vysoke ´ uc ˇen´ı technicke ´ v Praze Cesk e ´ Fakulta elektrotechnicka

´ PRACE ´ DIPLOMOVA Rozhran´ı n´ astroje pro tvorbu rozvrhu

Praha, 2009

Autor: Ondˇ rej Kunc

Prohl´ aˇ sen´ı Prohlaˇsuji, ˇze jsem svou diplomovou práci vypracoval samostatnˇe a pouˇzil jsem pouze podklady (literaturu, projekty, SW atd.) uvedené v pˇriloˇzeném seznamu.

V Praze dne podpis

i

Podˇ ekov´ an´ı Dˇekuji své rodinˇe za podporu vynakládanou pa celou dobu mého studia. Pˇredevˇs´ım vˇsak, dˇekuji vedouc´ımu práce panu Ing. Liboru Waszniowskimu, Ph.D. za odborné veden´ı diplomové práce, vstˇr´ıcnost pˇri zodpov´ıdán´ı dotaz˚ u.

ii

Abstrakt ´ Ukolem práce je na pilotn´ım projektu ovˇeˇrit pouˇzitelnost technologie Silverlight pro tvorbu grafického uˇzivatelského rozhran´ı(GUI) optimalizaˇcniho nástroje. Jako pilotn´ı apliakace bylo zvoleno GUI nástroje pro tvorbu rozvrhu fakulty, které v sobˇe kombinuje poˇzadavky na komfortni ovladani bl´ızke desktopové aplikaci a zároveˇ n potˇrebu sd´ılen´ı dat, kterou naopak nabiz´ı webová aplikace. ´ Uvodn´ ı kapitoly popisuj´ı základn´ı pojmy .NETu vyuˇz´ıvané v Silverlight technologii, stejnˇe jako s instalaci a pouˇz´ıván´ı Silverlightu. Dále je popisován vyvinut´ y Silverlight program, urˇcen´ y pro tvorbu rozvrhu ˇskoly. V závˇeru jsou zhodnoceny osobn´ı zkuˇsenosti a postˇrehy nabyté pˇri tvorbˇe programu.

iii

Abstract The aim of this thesis is to get familiar with new Microsoft technology called Silverlight and create an optimalization tool with it. As a starting application was selected GUI for declaring school’s timetable, which combines requires for user friendly interface similar to desktop application and at the same time need of sharing data, which offers web application. Opening chapters are describing basic .NET conceptions being used in Silverlight technology as well as installation and using Silverlight. Further is described program developed in Silverlight. Personal experience found out during thesis construction are estimated at the end.

iv

Obsah Seznam obr´ azk˚ u

ix

Seznam tabulek

xi

´ 1 Uvod

1

2 RIA

2

2.1

Prostˇredky RIA . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3

2.1.1

Technologie bez potˇreby plug-inu . . . . . . . . . . . . . . . . . .

3

2.1.1.1

AJAX(Asynchronous JavaScript and XML) . . . . . . .

3

Technologie s potˇrebou plug-inu . . . . . . . . . . . . . . . . . . .

4

2.1.2.1

Silverlight . . . . . . . . . . . . . . . . . . . . . . . . . .

4

2.1.2.2

Adobe Flex . . . . . . . . . . . . . . . . . . . . . . . . .

5

2.1.2.3

Java, JavaFX . . . . . . . . . . . . . . . . . . . . . . . .

6

2.1.2.4

a ti druz´ı... . . . . . . . . . . . . . . . . . . . . . . . . .

6

Silverlight vs. Adobe Flash . . . . . . . . . . . . . . . . . . . . . . . . . .

7

2.1.2

2.2

3 Silverlight

8

3.1

Historie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9

3.2

Instalace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9

3.3

Architektura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

10

3.3.1

CLR(Common Language Runtime) . . . . . . . . . . . . . . . . .

13

WPF(Windows Presentation Foundation) . . . . . . . . . . . . . . . . . .

15

3.4.1

XAML(Extensible Application Markup Language) . . . . . . . . .

16

WCF(Windows Communication Foundation) . . . . . . . . . . . . . . . .

17

3.5.1

Web Services(Webové sluˇzby) . . . . . . . . . . . . . . . . . . . .

18

3.6

LINQ(Language Integrated Query) . . . . . . . . . . . . . . . . . . . . .

21

3.7

Struktura Silverlightu . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

22

3.4 3.5

vi

4 Vytvoˇ ren´ı RIA aplikace

25

4.1

Tvorba Silverlight aplikace . . . . . . . . . . . . . . . . . . . . . . . . . .

25

4.2

Nastaven´ı komunikace s databáz´ı . . . . . . . . . . . . . . . . . . . . . .

27

4.2.1

Web.config . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

29

4.2.2

Pˇripojen´ı webové sluˇzby . . . . . . . . . . . . . . . . . . . . . . .

30

4.2.3

Cross-Domain access policy . . . . . . . . . . . . . . . . . . . . .

33

4.3

Pˇridán´ı Silverlight aplikace na ASP.NET stránku . . . . . . . . . . . . .

36

4.4

Volán´ı sluˇzby v kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

37

4.5

Práce s daty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

38

5 Popis programu pro tvorbu rozvrhu 5.1 5.2

5.3

39

Struˇcn´ y popis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

39

5.1.1

Databáze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

40

Tvorba GUI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

42

5.2.1

Administrace rol´ı . . . . . . . . . . . . . . . . . . . . . . . . . . .

43

5.2.2

Navigace v Silverlightu . . . . . . . . . . . . . . . . . . . . . . . .

46

Vlastn´ı aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

47

5.3.1

Editace dat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

47

5.3.2

Rozvrh m´ıstnosti . . . . . . . . . . . . . . . . . . . . . . . . . . .

50

5.3.3

Typ pˇredmˇetu . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

51

5.3.4

Rozvrh uˇcitele . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

52

5.3.5

Tvorba obor˚ u . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

54

5.3.6

Nastaven´ı pˇr´ıstupu . . . . . . . . . . . . . . . . . . . . . . . . . .

55

6 Postˇ rehy a probl´ emy zaznamenan´ e pˇ ri tvorbˇ e programu

56

6.1

Pot´ıˇze pˇri pˇr´ıstupu k webové sluˇzbˇe . . . . . . . . . . . . . . . . . . . . .

56

6.2

Pˇripojován´ı reference na sluˇzbu . . . . . . . . . . . . . . . . . . . . . . .

57

6.3

Problémy s ASP.NET configurátorem . . . . . . . . . . . . . . . . . . . .

59

6.4

Odchytáván´ı událost´ı myˇsi . . . . . . . . . . . . . . . . . . . . . . . . . .

59

6.5

Silverlight configuration . . . . . . . . . . . . . . . . . . . . . . . . . . .

60

7 Z´ avˇ er

61

Literatura

63

A Seznam pouˇ zit´ eho softwaru

I

vii

B Obsah pˇ riloˇ zen´ eho CD

II

viii

Seznam obr´ azk˚ u 2.1

Porovnán´ı AJAXu a klasického internetového modelu (pˇrevzato z [3]) . .

4

3.1

Banner nepˇr´ımé instalace Silverlightu . . . . . . . . . . . . . . . . . . . .

9

3.2

Silverlight platforma(pˇrevzato z [7]) . . . . . . . . . . . . . . . . . . . . .

11

3.3

Pˇreklad .NET kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

14

3.4

Oblasti ˇcinnosti CLR . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

14

3.5

Ukázka WPF desktopové aplikace . . . . . . . . . . . . . . . . . . . . . .

16

3.6

Ukázka XAML kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

17

3.7

Schéma komunikace WebService . . . . . . . . . . . . . . . . . . . . . . .

20

3.8

Obsah souboru XAP odpov´ıdaj´ıc´ı aplikaci s názvem DiplomaThesis . . .

23

4.1

V´ ybˇer ˇsablony pro tvorbu Silverlight aplikace . . . . . . . . . . . . . . . .

26

4.2

Dialogové okno pro v´ ybˇer druhu Silverlight aplikace . . . . . . . . . . . .

27

4.3

Tvorba tˇr´ıdy Linq to Sql . . . . . . . . . . . . . . . . . . . . . . . . . . .

28

4.4

Pˇridáván´ı prvk˚ u do Linq tˇr´ıdy . . . . . . . . . . . . . . . . . . . . . . . .

28

4.5

Soubor s kódem sluˇzby . . . . . . . . . . . . . . . . . . . . . . . . . . . .

31

4.6

Dialogové okno pˇripojen´ı reference na sluˇzbu . . . . . . . . . . . . . . . .

32

4.7

Obsah ServiceReferences.ClientConfig souboru . . . . . . . . . . . . . . .

33

4.8

Pr˚ ubˇeh z´ıskáván´ı pˇr´ıstupov´ ych informac´ı (pˇrevzato z [13]) . . . . . . . .

35

4.9

Solution explorer Silverlight aplikace . . . . . . . . . . . . . . . . . . . .

36

4.10 Volán´ı sluˇzby v kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

37

5.1

Blokové schéma aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . .

40

5.2

ER model databáze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

41

5.3

Vzhled GUI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

42

5.4

ASP.NET nástroj pro správu webu . . . . . . . . . . . . . . . . . . . . .

43

5.5

Pouˇzit´ı IsolatedStorage . . . . . . . . . . . . . . . . . . . . . . . . . . . .

46

5.6

Uvodn´ı stránka aplikace pro tvorbu rozvrhu . . . . . . . . . . . . . . . .

48

ix

5.7

Hlavn´ı menu aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

48

5.8

Funkce odkazu View . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

49

5.9

Pˇridáván´ı nov´ ych záznam˚ u. . . . . . . . . . . . . . . . . . . . . . . . . .

49

5.10 Pˇriˇrazen´ı pˇredmˇet˚ u m´ıstnostem . . . . . . . . . . . . . . . . . . . . . . .

50

5.11 Urˇcen´ı druhu pˇredmˇetu . . . . . . . . . . . . . . . . . . . . . . . . . . . .

51

5.12 Vytvoˇren´ı cviˇcen´ı . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

52

5.13 Tvorba rozvrhu uˇcitele . . . . . . . . . . . . . . . . . . . . . . . . . . . .

53

5.14 Tvorba obor˚ u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

54

5.15 Nástroj pro administraci pˇr´ıstupu k funkc´ım aplikace . . . . . . . . . . .

55

6.1

Chyba pˇri pˇr´ısrupu k webové sluˇzbˇe . . . . . . . . . . . . . . . . . . . . .

57

6.2

Chyba pˇri pˇripojován´ı reference na webovou sluˇzbu . . . . . . . . . . . .

57

6.3

Chyba pˇri pˇripojován´ı sluˇzby . . . . . . . . . . . . . . . . . . . . . . . .

58

6.4

Chyba pˇri pˇripojován´ı reference na webovou sluˇzbu . . . . . . . . . . . .

58

6.5

ASP.NET Configuration chyba . . . . . . . . . . . . . . . . . . . . . . . .

59

6.6

Nástroj pro správu SL aplikace . . . . . . . . . . . . . . . . . . . . . . .

60

x

Seznam tabulek 3.1

Popis hlavn´ıch ˇca´st´ı Silverlight platformy . . . . . . . . . . . . . . . . . .

11

3.2

Core presentation features Silverlight platformy . . . . . . . . . . . . . .

12

3.3

.NET Framework pro Silverlight

. . . . . . . . . . . . . . . . . . . . . .

12

3.4

Pˇridané Silverlight Programming Features . . . . . . . . . . . . . . . . .

13

xi

Kapitola 1 ´ Uvod Web je nejpopulárnˇejˇs´ı prostˇred´ı pro sd´ılen´ y software. Jsou vˇsak vˇeci, které webové aplikace dˇelat nedokáˇz´ı, nebo jenom omezenˇe. Ani pˇres snahu vybavit své, napˇr´ıklad ASP.NET webové stránky nejnovˇejˇs´ımi vˇecmi JavaScriptu, nebudeme schopni dosáhnout funkcionality desktopov´ ych aplikac´ı. I pˇresto, ˇze JavaScript poskytuje moˇznost odpov´ıdat na nˇekteré klientské události, budován´ı sloˇzit´ ych rozhran´ı, aspoˇ n tak uˇzivatelsky vstˇr´ıcn´ ych jako stadnartn´ı aplikace desktopové, je nemoˇzné. Hranice webu jsou neustále pokoˇrovány, a tak uˇz nyn´ı nen´ı problém si na stránkách zahrát, ne zrovna triviáln´ı, plnˇe grafickou hru. ˇ ˇ ıká se jim RIA, internetové Reknete si to asi nen´ı obyˇcejné HTML, CSS a JavaScript. R´ aplikace funguj´ıc´ı za pomoci plug-inu v prohl´ıˇzeˇci. Tato práce si dává za c´ıl seznámen´ı s novou technologi´ı Microsoftu na tvorbu RIA aplikac´ı (kap.2), naz´ yvanou Silverlight(kap.3). Silverlight umoˇzn ˇuje vytváˇret aplikace pˇr´ıstupné na internetu s funkˇcnost´ı srovnatelnou s aplikacemi desktopov´ ymi. Jelikoˇz je Silverlight pomˇernˇe nová technologie bude nejdˇr´ıve tˇreba objevit jej´ı moˇznosti a limity, stejnˇe jako poznat jak se s n´ı pracuje. C´ılem práce je vytvoˇrit uˇzivatelsky pˇr´ıjemnou aplikaci(kap.5.3) na tvorbu rozvrhu ˇskoly, bˇeˇz´ıc´ı na Silverlightu.

1

Kapitola 2 RIA Koncept bohat´ ych internetov´ ych aplikac´ı existoval mnoho let pod r˚ uzn´ ymi jmény(Remote Spring-Microsoft 1998, X Internet-Forrester Research 2000 ), ale aˇz v roce 2002 byl uveden pojem RIA. Ten zavedla spoleˇcnost Macromedia(nyn´ı Adobe). Pojem RIA (Rich Internet Application) se nedá jednoznaˇcnˇe specifikovat. Definice Rich Internet Application obsahuje tˇri slova Internet, Application jejich v´ yznam je jednoznaˇcn´ y. Se sl˚ uvkem Rich uˇz to tak jednoznaˇcné nen´ı. Právˇe ten dˇelá z RIA nejednoznaˇcn´ y pojem. Obecnˇe jsou RIAs webové aplikace, které se snaˇz´ı pˇreklenout rozd´ıly mezi klasickou webovou aplikac´ı a aplikac´ı desktopovou . RIA aplikace se snaˇz´ı v rámci webového prohl´ıˇzece napodobovat desktopové aplikace sv´ ym vzhledem i chován´ım a poskytnout tak vyˇsˇs´ı uˇzivatelsk´ y komfort. Napˇr´ıklad vˇsem známé GMail nebo OutlookWebAcces jsou RIA. Samozˇrejmˇe ˇze ne jenom tyto dvˇe, jmenovat bychom mohli tis´ıce dalˇs´ıch webov´ ych, v dneˇsn´ı dobˇe hlavnˇe AJAXov´ ych(kap.2.1.1.1), aplikac´ı. Pak by bylo moˇzné popsat sl˚ uvko Rich jako tu funkcionalitu, kterou nám nab´ız´ı tyto technologie nav´ıc oproti tˇem nynˇejˇs´ım. Pojem RIA se stává do jisté m´ıry marketingov´ ym tahákem, proto se hodnˇe v´ yrobc˚ u snaˇz´ı dát tuto nálepku produkt˚ um, které by dˇr´ıve za internetové povaˇzoval jen málokdo. K tˇem patˇr´ı podle Adobe RIA aplikace, dle mého názoru desktopová Adobe Media Player nebo eBay Desktop atd... Tetno pohled na vˇec je nov´ y ale zcela zˇrejm´ y, d˚ uraz je kladen na vn´ıman´ı uˇzivatele, ale uˇz ne tak na technologii, tedy jestli bˇeˇz´ı na internetu nebo na naˇsem lokáln´ım poˇc´ıtaˇci. To je moˇzné d´ıky tomu, ˇze nen´ı tˇreba ˇza´dné instalace, aplikace se pˇri zobrazen´ı stránky(s RIA aplikac´ı) naˇcte v nejnovˇejˇs´ı verzi. Pˇri pouˇz´ıván´ı RIA je také menˇs´ı riziko infikace poˇc´ıtaˇce virem. Tradiˇcn´ı internetové aplikace funguj´ıc´ı jako client-server. Vˇsechny se mus´ı vypoˇrádávat s HTTP protokolem a jeho strukturou dotaz-odpovˇed’. Pak i pˇri sebenˇs´ı zmˇenˇe na stranˇe 2

KAPITOLA 2. RIA

3

klienta je vyvolána ˇzádost, odeslána na server. Po obslouˇzen´ı ˇza´dosti serverem je poslána zpˇet odpovˇed’. Ta ale obsahuje celou pˇredeˇslou stránku plus tu jednu malou zmˇenu, kterou uˇzivatel provedl. Tato nev´ yhoda je jedna z d˚ uvod˚ u vzniku RIA.

2.1

Prostˇ redky RIA

Jak jsme zm´ınili v pˇredchoz´ı kapitole RIA aplikace jsou v dneˇsn´ı dobˇe hlavnˇe AJAXové. Avˇsak neplat´ı, ˇze RIA je AJAX. Na trhu je mnoho dalˇs´ıch technologi´ı pro tvorbu bohat´ ych internetov´ ych aplikac´ı, které by se daly rozdˇelit do dvou skupin: • bez plug-inu do prohl´ıˇzeˇce • s plug-inem do prohl´ıˇzeˇce. Plug-in do prohl´ıˇzeˇce znamená instalaci zasuvného modulu do vaˇseho prohl´ıˇzeˇce(Software), ten pak pracuje jako doplˇ nkov´ y modul jiné aplikace a rozˇsiˇruje tak jej´ı funkˇcnost.

2.1.1

Technologie bez potˇ reby plug-inu

2.1.1.1

AJAX(Asynchronous JavaScript and XML)

Ajax nen´ı samostatnou technologi´ı, n´ ybrˇz obecn´ ym konceptem. AJAX pˇredtavuje cestu, která maxima´ılnˇe vyuˇz´ıvá dneˇsn´ı technologie. Zastˇreˇsuje následuj´ıc´ı z nich: • HTML, CSS a JavaScript (JScript) • XMLHttpRequest (Mozilla, MSIE) • Document Object Model (DOM). To pˇrevratné na AJAXu oproti ”normáln´ımu”webovému konceptu je zp˚ usob vyuˇzit´ı XMLHttpRequest k volán´ı serveru. Oproti klasickému webovému modelu, kde kaˇzdá zmˇena stavu u klienta vyˇzaduje obnoven´ı celé stránky, je to u Ajaxu jinak. AJAX, jak jiˇz z názvu vypl´ yvá, pracuje asynchronnˇe. To znamená, ˇze u webu vytvoˇreného pomoc´ı AJAXu, se neobnovoje celá stránka, ale jen ta ˇca´st, která je k tomu urˇcena. Poˇzadavek na zmˇenu stavu se vyˇrizuje pˇres XMLHttpRequest (asynchronn´ı volán´ı serveru), server obslouˇz´ı poˇzadavek a poˇsle odpovˇed’ zpˇet ta je opˇet zpracována v XMLHttpRequest a nyn´ı nastane zmˇena patˇriˇcné ˇca´sti. Klient a server si pˇredávaj´ı informace v XML,

KAPITOLA 2. RIA

4

AJAX u klienta je reprezentován JavaScriptem. Popsan´ y rozd´ıl oproti klasickému konceptu dotaz-odpovˇed’ je vidˇet na obr.2.1 , kde Ajax engine je XMLHttpRequest.

Obrázek 2.1: Porovnán´ı AJAXu a klasického internetového modelu (pˇrevzato z [3])

Podrobnˇejˇs´ı informace o AJAXu najdete v [8].

2.1.2

Technologie s potˇ rebou plug-inu

2.1.2.1

Silverlight

Technologie Silverlight je odpovˇed’ Microsoftu na stále vˇetˇs´ı popularitu, rozˇs´ıˇren´ı RIA aplikac´ı. Je to mlad´ y projekt, tuto technologii pˇredstavil Microsoft v prosinci roku 2006 ve verzi 1.0, která vˇsak byla oficiálnˇe dokonˇcená, se vˇsemi v´ yvojov´ ymi nástroji, aˇz v bˇreznu roku 2007. Avˇsak z pohledu v´ yvoje aplikac´ı je zaj´ımavá aˇz verze Silverlight 2.x, vˇsechny informace zde uvedené se t´ ykaj´ı verze 2.x. Detailn´ı popis technologie je uveden v kapitole

KAPITOLA 2. RIA

5

3. Uˇzivatelské rozhran´ı je definováno ve znaˇckovac´ım jazyku (XAML), o v´ ykonnou ˇca´st se stará objektovˇe orientovan´ y programovac´ı jazyk(nˇekter´ y z .NET jazyk˚ u) a k bˇehu je vyˇzadován plugin v prohl´ıˇzeci. Aby mˇel Microsoft ˇsanci uspˇet v konkurenci Flash Playeru s v´ıce neˇz ˇctyrmi miliardami instalac´ı a trˇzn´ım pod´ılem vetˇs´ım neˇz 90 procent, musel nab´ıdnout nˇejakou kl´ıˇcovou v´ yhodu. Nˇeco co konkurence nemá. T´ım je .NET. Jeho pouˇzit´ı v Silvelrightu je moˇzné d´ıky stejnému CLR(Common Language Runtime) v obou bˇehov´ ych prostˇred´ıch jak v Silverlightu tak .NETu. V´ yhody poskytované .NETem jsou napˇr´ıklad moˇznost programován´ı v nˇekterém z jeho jakzyk˚ u (C], VB, nebo také RUBY, Phython, ..) pouˇz´ıván´ı dobˇre znám´ ych tˇr´ıd a hlavnˇe snadná integrace Silverlightu do jiˇz vytvoˇren´ ych aplikac´ı. .NET je vyspˇelá platforma a t´ım poskytuje Silverlightu velkou v´ yhodu(vˇeci jako LINQ, kompoziˇcn´ı model WPF, ...). Silverlight je, narozd´ıl od .NETu, multiplarformn´ı. Staˇc´ı prohl´ıˇceˇc (nyn´ı podporované jsou Explorer, Firefox, Safari pro Linux od Novelu Moonlight), naistalovan´ y plug-in(velikost instalace je necel´ ych 5M B) a samozˇrejmˇe pˇripojen´ı. Multiplatformnost je velmi d˚ uleˇzit´ ym aspektem dneˇsn´ı doby, proto se Silvelright stává zaj´ımav´ ym nástrojem pro tvorbu RIAs(kap.6.4). 2.1.2.2

Adobe Flex

Technologie Adobe Flex je v dneˇsn´ı dobˇe dominantn´ı na trhu. Je to také proto, ˇze aplikace vytvoˇrené ve Flexu bˇeˇz´ı ve Flash Playeru s bezkonkurenˇcn´ım trˇzn´ım pod´ılem. Také pro v´ yvojáˇre je pˇr´ıvˇetiv´ y: • definice uˇzivatelsk´ ych rozhran´ı pomoc´ı MXML(je podobné HTML) • stylován´ı aplikace lze zaˇr´ıdit pomoc´ı podmnoˇziny CSS • ActionScript 3 zase dobˇre kombinuje rysy JavaScriptu a Javy. Byly zmenˇseny bariéry pro v´ yvojáˇre pˇricházej´ıc´ı z nˇekolika ruzn´ ych smˇer˚ u. Hlavn´ı v´ yhody Flexu jsou v jeho mnohaletém pouˇz´ıván´ı a v´ yvoji. To dává pˇredpoklad, ˇze zaˇc´ıt budovat aplikaci ve Flexu je sázka na jistotu. Flex je zdarma. Je to open source, jeho nové prostˇred´ı Adobe AIR(Adobe Integrated Runtime) m˚ uˇze aplikace spouˇstˇet nejen v prohl´ıˇzeˇci, ale také na desktopu. O Flex se stará velká skupina lid´ı, existuje ˇrada komponent a tutoriál˚ u, prostˇe má toho za sebou jiˇz mnoho. To vˇsechno jsou d˚ uvody proˇc je dnes Flex(Flash) zdaleka nejpouˇz´ıvanˇejˇs´ı RIA technologie(vedle AJAXu).

KAPITOLA 2. RIA 2.1.2.3

6

Java, JavaFX

Java byla jednou z prvn´ıch technologii schopnou implementace RIA aplikac´ı. Pouˇz´ıvala k tomu Java applety. Jde o jednu z prvn´ıch, avˇsak skoro nepouˇz´ıvanou technologii, protoˇze Java applety si vybudovaly, b˚ uhv´ı proˇc, tak ˇspatnou reputaci, ˇze jejich pouˇz´ıván´ı se povaˇzovalo sp´ıˇs za chybu neˇz pˇr´ınos. JavaFX je v souˇcastnosti v plenkách, opˇet bude pouˇz´ıvat jako bˇehové prostˇred´ı Javu. Veˇskeré informace o JavaFX jsou jen malé stˇr´ıpky a na jejich slepen´ı dohromady si budeme muset poˇckat. 2.1.2.4

a ti druz´ı...

Jak uˇz v´ıme v´ yznam RIA nen´ı pˇresnˇe vymezen, proto bychom mezi technologické zástupce mohli ˇradit Google Gears, XUL, a dalˇs´ı. Nˇekteré jsou hodnˇe podobné zmiˇ novan´ ym mainstreamov´ ym technologi´ım, jiné, jako napˇr´ıklad Google Gears, nab´ızej´ı u ´plnˇe nˇeco nového, jiného(podpora offline práce). Je asi dobré vˇedˇet, ˇze nˇeco takového existuje, ale mezi RIA technologie je ˇradit s ˇcist´ ym srdcem nem˚ uˇzeme.

Tyto technologie maj´ı urˇcitˇe své pro a proti. Mezi pozitiva bychom mohli zaˇradit jednotnost plug-inu(pro vˇsechny prohl´ıˇzeˇce stejn´ y, odpadá ladˇen´ı pro r˚ uzné prohl´ıˇzeˇce),nejsou zde technologická omezen´ı, jak Flex tak Silverlight maj´ı funkˇcn´ı WYSIWYG a dalˇs´ı v´ yvojaˇrské ”lah˚ udky”(pro r˚ uzné v´ yvojáˇrské nástroje r˚ uzné) jako je kontrola syntaxe, debugging, atd... Tedy i ve v´ yvoji RIA aplikac´ı je zˇrejmá snaha pˇribliˇzován´ı se v´ yvoji desktopov´ ych aplikac´ı. Hlavn´ı nev´ yhody jsou dvˇe. Velké. Kv˚ uli nim napˇr´ıklad Google pouˇz´ıvá stále AJAX. ˇ adná z RIA platforem nen´ı tak rozˇs´ıˇrená jako webové prohl´ıˇzeˇce. Je to potˇreba plug-inu. Z´ A jako druhá je podstata fungovan´ı RIA aplikac´ı v prohl´ıˇzeˇci. Aˇckoli se zdá ˇze jde o klasickou webovou stránku nˇekteré vˇeci zde nefunguj´ı. Nefunguj´ı klávesové zkratky prohl´ıˇzeˇce, tlaˇc´ıtko ”zpˇet”a dalˇs´ı vˇeci. Vˇetˇsina je ˇreˇsitelná, ale velmi nároˇcná.

KAPITOLA 2. RIA

2.2

7

Silverlight vs. Adobe Flash

Silverlight je zelenáˇc na trhu webové interaktivity. Na zaˇcátku své existence (verze 1.0) by klán´ı tˇechto dvou ryval˚ u bylo jednoznaˇcné. Bez vˇetˇs´ıch okolk˚ u by vyhrál Adobe Flash. Od uvolnˇen´ı verze Silverlight 2, která pˇrinesla znaˇcn´ y pokrok (v´ıce v [4]) je srovnán´ı moˇzné a uˇz ne tak jednoznaˇcné. Srovnávat m˚ uˇzeme z nˇekolika pohled˚ u(oblast´ı pouˇzit´ı). V´ yvoj aplikac´ı Flex je na trhu jiˇz nˇekolik let, pro v´ yvoj RIA aplikac´ı se znaˇcnˇe osvˇedˇcil. Poskytuje background mnoha hotov´ ych aplikac´ı a pˇr´ıklad˚ u ve vˇsech moˇzn´ ych oblastech pouˇzit´ı. Silverlight, vˇsak svého soupeˇre zdatnˇe st´ıhá, jednoznaˇcn´ ym plusem je moˇznost zápisu aplikaˇcn´ı logiky v jazyc´ıch .NETu, má lepˇs´ı podporu spolupráce s prohl´ıˇzeˇcem neˇz Flex. Zkrátka Silverlight, d´ıky komfortn´ım moˇznostem ladˇen´ı a v´ yvoje aplikace bude z´ıskávat stále v´ıce pˇr´ıznivc˚ u a s´ıly soupeˇr˚ u se budou postupnˇe vyrovnávat. Jednoduch´ e animace Nev´ yhodou Flashe, pˇri tvorbˇe jednoduch´ ych aplikac´ı, je potˇreba Adobe Flashe. Silverlight pouˇz´ıvá pro grafiku (jej´ı reprezentaci) textov´ y formát XAML. Do tohoto formátu existuje mnoˇzstv´ı konvertot˚ u z grafick´ ych a animaˇcn´ıch program˚ u. Proto lze vytváˇret animace bez nutnosti nákupu dalˇs´ıho softwaru. Silverlight je v této oblasti lepˇs´ı. Streamov´ an´ı videa V této oblasti, i pˇres zkuˇsenosti soupeˇre, vyhrává Silverlight. Moˇznost pˇrehráván´ı vide´ı v HD kvalitˇe, na celé obrazovce jej kapatultovalo pˇred Flash. Microsoft poskytuje na svém serveru kaˇzdému uˇzivateli 10GB m´ısta zdarma pro ukládán´ı vide´ı. Dalˇs´ım argumentem pro Silverlight je podpora WMW formátu, naproti od flashového FLV jde o standart. V oblasti streamovaného videa se dá pˇredpokládat, ˇze hvˇezda Silverlightu bude stoupat a naopak Flash upadat.

Kdo se stane v´ıtˇezem klán´ı dvou hlavn´ıch technologi´ı pro tvorbu RIA aplikac´ı? Jsou to bˇeˇzn´ı uˇzivatelé. Dalˇs´ı hráˇc na tomto poli zvyˇsuje konkurenci a ta zde dlouhou dobu chybˇela. Silverlight bude urˇcitˇe vyuˇz´ıván k pˇrehráván´ı videa zat´ımco v komplexnˇejˇs´ıch aplikac´ıch si bude muset sv˚ uj prostor jeˇstˇe vydob´ıt.

Kapitola 3 Silverlight ”Silverlight is a new cross-browser, cross-platform implementation of the .NET Framework for building and delivering the next generation of media experiences and Rich Interactive Applications(RIA) for the web.”, tak takhle definuje Microdoft Silverlight na sv´ ych stránkách. Co to je Silverlight jsme jiˇz nast´ınili v kapitole 2.1.2.1, zde se budeme zab´ yvat jeho funkˇcnost´ı. Jeden z d˚ uvod˚ u vzniku Silverlightu, vedle toho marketingového, byla potˇreba nab´ıdnout v´ yvojáˇru ´m ASP.NETu alternativu k Flashi. Aplikace s Flashem vyv´ yjené v ASP vyˇzadovaly zcela separovan´ y designersk´ y nástroj, jin´ y programovac´ı jazyk(ActionScript) i pouˇzit´ı programovac´ıho jazyka Flex. Také neexistuje ˇzádn´ y zp˚ usob jak generovat Flash aplikace pouˇz´ıvaj´ıc´ı kód .NETu na serveru, to znamená, ˇze integrace obsahu Flashe a ASP.NET je obt´ıˇzná. Silverlight je krokem pro zv´ yˇsen´ı a zlepˇsen´ı moˇznost´ı v´ yvoje bohatˇe vybaven´ ych internetov´ ych aplikac´ı. Silverlight má v mnoha ohledech obdobné funkce jako Flash. Má vˇsak nav´ıc jednu podstatnou vˇec a to mateˇrsk´ y jazyk. V Silverlightu je j´ım C]. Zároveˇ n pouˇz´ıvá celou ˇradu pojm˚ u z .NETu. Proto mohou v´ yvojáˇri psát jak Silverlight aplikaci tak kód pro server ve stejném jazyce podporovaném .NETem(C], VB).I pouˇz´ıván´ı nˇekter´ ych abstrakc´ı jako jsou proudy, collections, LINQ, atd... je zde podporováno. Na internetov´ ych stránkách Microsoftu je moˇzné naj´ıt informaci, ˇze plug-in Silverlightu je dnes naistalovován na v´ıce neˇz jedné ˇctvrtinˇe poˇc´ıtaˇc˚ u na svˇetˇe a stále v´ıce web˚ u jej zaˇc´ıná vyuˇz´ıvat. Zat´ım nejvˇetˇs´ım projektem proveden´ ym pomoc´ı této technologie byly videopˇrenosy NBC z Olympijsk´ ych v Pekingu.

8

KAPITOLA 3. SILVERLIGHT

3.1

9

Historie

Silverlight je odpovˇed´ı Microsoftu na jiˇz zabˇehnut´ y, a z 90-ti% rozˇs´ıˇren´ y na vˇsech poˇc´ıtaˇc´ıch, Adobe Flash. Ten se sv´ ym Flexem poskytuje podobné funkce jako Silverlight. Microsoft si mysl´ı, ˇze pokud bude m´ıt Silvelight dostateˇcnˇe zaj´ımav´ y obsah uˇzivatelé si jej do sv´ ych prohl´ıˇzeˇc˚ u nainstaluj´ı. Od poˇca´tku, za kter´ y se dá povaˇzovat prvn´ı uvolnˇen´ı Silverlight verze 1.0 5.9.2007, kde bylo moˇzné programovat pouze pomoc´ı JavaScriptu, byla hlavn´ım tahákem pro v´ yvojáˇre vidina moˇznosti psan´ı Silvelright aplikac´ı v .NET programovac´ıch jazyc´ıch (vyˇsˇs´ı verze by mˇely obsahovat .NET Framework 3.0). Tato moˇznost pˇriˇsla s verz´ı 1.1, která se d´ıky svému velkému pˇr´ınosu a radikáln´ım zmˇenám v˚ uˇci verzi 1.0 pˇrejmenovala na Silvelright 2.0. Zde je jiˇz zmiˇ novaná moˇznost opˇr´ıt vytváˇrenou aplikaci o nˇekter´ y z .NET jazyk˚ u, jsou implentovány základn´ı prvky(Button, TextBlock, ...). Verze Silvelright 2.0 pˇriˇsla na svˇetlo svˇeta v bˇreznu roku 2008, ale byla ve fázi Beta. To znamenalo jediné. Ne vˇsechno fungovalo tak jak by si ˇclovˇek pˇredstavoval. Porovnán´ı obou verz´ı je k vidˇen´ı na http://silverlight.net/GetStarted/overview.aspx. V dneˇsn´ı dobˇe je k mán´ı fináln´ı verze Silverlight 2, uvolnˇená na podzim roku 2008. Prostˇredkem pro design Silverlight aplikac´ı maj´ı b´ yt produkty ˇrady Microsoft Expression. Poˇca´teˇcn´ı verze program˚ u obsaˇzen´ ych v tomto bal´ıku z´ıskal Microsoft akviz´ı jiné firmy. Na stránkách Expression najdete detaily k jednotliv´ ym produkt˚ um. Dnes jsou k dispozici Beta verze. T´ ym v´ yvojáˇr˚ u vˇsak neustále pracuje na dalˇs´ıch uvolnˇen´ıch.

3.2

Instalace

Instalac´ı Silverlightu(SL) rozum´ıme instalaci zásuvného modulu do prohl´ıˇzeˇce. Pokud uˇzivatel navˇst´ıv´ı stránku se Sivlerlight obsahem a nemá potˇrebn´ y plug-in, na m´ıstˇe kde má b´ yt SL ˇca´st, se objev´ı banner pro jeho instalaci(viz. obr.3.1).

Obrázek 3.1: Banner nepˇr´ımé instalace Silverlightu

Po kliknut´ı na banner se otevˇre instalaˇcn´ı stránka


10

http://www.microsoft.com/silverlight/install.aspx. Zde je ovˇeˇren pouˇz´ıvan´ y prohl´ıˇzeˇc a systém. Pokud vˇse vyhovuje, dalˇs´ım krokem je potvrzen´ı tlaˇc´ıtka Install(zaˇc´ınáme se stahován´ım souboru o velikosti okolo 4.5MB a pˇr´ıponou .exe). Otevˇren´ım staˇzeného souboru se zobraz´ı okno s pr˚ ubˇehem instalace. Po dokonˇcen´ı je tˇreba jeˇstˇe restartovat vˇsechny prohl´ıˇzeˇce a SL je pˇripraven k pouˇzit´ı. Pokud je instalace provedena napˇr´ıklad v Internet Exploreru, tato instalace je automaticky pouˇz´ıvána i dalˇs´ımi prohl´ıˇzeˇci. Moˇzná jste si vˇsimli názvu obrázku obr.3.1. Je v nˇem nepˇr´ımá instalace Silverlightu. Pˇri budován´ı SL aplikace m˚ uˇzeme pouˇz´ıt vlastnost inplaceInstallPrompt a nastavit ji na false. Tuto vlastnost najdeme v souboru n´ azevProjektu.htm, v tagu <script>(funkce createSilverlight). T´ım doc´ıl´ıme nepˇr´ımé instalace odpov´ıdaj´ıc´ı popisu nahoˇre(po kliknut´ı na obr.3.1 se dostaneme na silverlight stránku, odtud stáhneme instalaˇcn´ı soubor ten pak naistalujeme). Opaˇcn´ ym nastaven´ım vlastnosti doc´ıl´ıme pˇr´ımé instalace. Pˇr´ımá instalace neobsahuje krok ovˇeˇrován´ı na SL stránce, tedy po kliknut´ı na banner(ten nevypadá stejnˇe jako na obr.3.1, je doplnˇen o licenˇcn´ı podm´ınky) rovnou stáhneme instalaˇcn´ı soubor. Odinstalovat Silverlight je moˇzné v poloˇzce, Panelu nástroj˚ u, Pˇridat nebo odebrat programy.

3.3

Architektura

Architektura Silverlightu se odv´ıj´ı od jeho ˇclenstv´ı ve skupinˇe .NET Frameworku 3.0.


11

Obrázek 3.2: Silverlight platforma(pˇrevzato z [7])

Platforma obsahuje dvˇe hlavn´ı ˇca´sti, plus instalaˇcn´ı a update komponentu(viz.tab.3.1). Komponenta

Popis

Core presen-

Obsahuje komponenty a sluˇzby orientované na interakci uˇzivatele,

tation frame-

stejnˇe jako XAML(kap.3.4.1) pro deklaraci layoutu. tab.3.2

work .NET Frame-

Podmnoˇzina .NET Frameworku, která obsahuje komponenty a kni-

work for Sil-

hovny, zahrnuj´ıc´ı CLR, garbage collection, base class libraries,...

verlight Installer and

Instalace a aktualizace, které zjednoduˇsuj´ı proces instalován´ı ap-

updater

likace, stejnˇe jako následné updaty. Tabulka 3.1: Popis hlavn´ıch ˇc´ ast´ı Silverlight platformy

Platforma je kombinac´ı jiˇz existuj´ıc´ıch technologi´ı, nástroj˚ u a sluˇzeb. Tato skuteˇcnost ulehˇcuje práci v´ yvojáˇr˚ um, stejnˇe jako jim poskytuje dobr´ y základ ovˇeˇren´ ych technologi´ı.


12

Feature

Popis

Vstup

Obsluhuje vstupy z hardwarov´ ych zaˇr´ızen´ı jako je klávesnice, myˇs, a dalˇs´ı vstupn´ı zaˇr´ızen´ı.

User Interface

Vykresluje vektorovou a bitmapovou grafiku, animace, text. O to

vykreslován´ı

se stará UI thread

Media

Uvád´ı playback a management r˚ uzn´ ych typ˚ u audio a video soubor˚ u jako *.WMP a ∗.mp3 soubory.

Control

Podporuje rozˇsiˇritelné contorly, ty se daj´ı pˇrizp˚ usobit stylován´ım a pomoc´ı ˇsablon.

Layout

Umoˇzn ˇuje dynamické umist’ován´ı UI element˚ u.

Data binding

Umoˇzn ˇuje spojen´ı UI element˚ u s daty.

XAML

Poskytuje parser pro XAML. Tabulka 3.2: Core presentation features Silverlight platformy

.NET Framework pro Silverlight je pil´ıˇrem k robustn´ımu, objektovˇe orientovanému v´ yvoji internetov´ ych aplikac´ı, pro které neb´ yvala tato podpora obvyklá. Feature

Popis

Data

Podporuje LINQ to SQL a LINQ to XML d´ıky nimˇz je proces integrace dat z r˚ uzn´ ych zdroj˚ u velmi usnadnˇen. Pro obsluhu dat jsou také podporovány serializace a pouˇzit´ı XML.

Base class li-

Soubor .NET knihoven, které poskytuj´ı základn´ı programátorské

brary

funkce(regulárn´ı v´ yrazy, vstupy, v´ ystupy, ...).

WCF

Poskytuje prostˇredky pro zjednoduˇsen´ı pˇr´ıstupu k vzdálen´ ym dat˚ um a sluˇzbám. To zahrnuje browser object, HTTP poˇzadavek a odpovˇed’, podpora pro JSON, POX a SOAP services.

CLR

poskytuje pamˇet’ov´ y management, garbage colection, vyhodnocován´ı vyj´ımek.

WPF

Poskytuje bohat´ y soubor kontrol, zahrnuj´ıc´ı Button, Calendar, CheckBox, DataGrid, DatePicker, HyperlinkButton, ListBox, RadioButton a ScrollViewer..

DLR

Podporuje

dynamické

programovac´ı

jazyky(IronPython,

JavaScript) pro tvorbu Silverlight aplikac´ı. Tabulka 3.3: .NET Framework pro Silverlight


13

Silverlight nab´ız´ı nˇekteré dalˇs´ı nástroje pro tvorbu RIA. Nˇekteré jsou popsány v tabulce n´ıˇze. Feature

Popis

Isolated stor-

Bezpeˇcn´ y pˇr´ıstup ze Silverlight aplikace na soubor uloˇzen na

age

m´ıstn´ım disku poˇc´ıtaˇce. Omezená velikost prostoru(1MB).

Souborov´ y

Bezpeˇcn´ y File Open dialog k lehˇc´ımu naˇc´ıtán´ı soubor˚ u.

management Serializace

Podpora serializace CLR typ˚ u do XML(i JSON).

Packing

Aplikaˇcn´ı tˇr´ıda a nástroje na vybudován´ı .xap bal´ıˇcku. .xap bal´ıˇcek obsahuje aplikaci a entry point pro bˇeh Silverlight plug-inu.

XML hovny

kni-

Tˇr´ıdy XmlReader a XmlWriter zjednoduˇsuj´ı práci s XML daty z Web servis˚ u. XLinq d´ıky nˇemu je moˇzné dotazovat se z programovac´ıch jazyk˚ u .NETu pˇr´ımo na XML data. Tabulka 3.4: Pˇridané Silverlight Programming Features

V dalˇs´ı ˇca´sti této kapitoly budou podrobnˇeji popsány nˇekteré ˇca´sti Silverlight platformy. Budou zde zm´ınˇeny hlavnˇe ty se kter´ ymi budeme dále pracovat nebo jsou nezbytné pro chod a tvorbu Silvelright aplikace.

3.3.1

CLR(Common Language Runtime)

Univerzáln´ı bˇehové prostˇred´ı pro aplikace v .NET. Pˇri návrhu aplikace zaˇc´ınáme v´ ybˇerem programovac´ıho jazyka. V prostˇred´ı .NET nám právˇe CLR poskytuje celou ˇradu jazyk˚ u, nezáleˇz´ı mu na tom v jakém jazyce je program napsán, dokonce se m˚ uˇze skládat z jednotliv´ ych ˇca´st´ı, které jsou napsány v r˚ uznách jazyc´ıch. Funguje to následovnˇe. Zdrojové kódy libovolného programovac´ıho jazyka .NET jsou pˇreloˇzeny do intermediáln´ıho jazyka (MSIL – Microsoft Intermediate Language) a aˇz teprve pˇri spuˇstˇen´ı programu se zkompiluje program z MSIL do kódu pro dan´ y procesor a to je práce pro CLR. Jak cel´ y cyklus vypadá je vidˇet na obr.3.3.


14

Obr´ azek 3.3: Pˇreklad .NET kódu

Nen´ı to vˇsak jediná funkce CLR. Stará se o typovou bezpeˇcnost, ovˇeˇrován´ı kódu, management pamˇeti, sbˇer odpadk˚ u atd... Vˇse co pokr´ yvá je pˇrehlednˇe vidˇet na obr.3.4.

Obrázek 3.4: Oblasti ˇcinnosti CLR

Intermediáln´ı jazyk MSIL byl zaveden kv˚ uli pˇrenositelnosti na r˚ uzné platformy pod-


15

poruj´ıc´ı OS Windows. V nˇekter´ ych literaturách se pojem CLR pˇripodobˇ nuje pojmu virtuáln´ı stroj, kter´ y pouˇz´ıvá Java. V´ıce o tématice najdeme v literatuˇre [2].

3.4

WPF(Windows Presentation Foundation)

Grafick´ y systém .NET Frameworku 3.0 a vyˇsˇs´ı. Jde o cel´ y nov´ y grafick´ y Framework pro psan´ı Windows aplikac´ı. Pˇredch˚ udcem WPF jsou WinForms, mohlo by se zdát, ˇze WPF nahrazuje WinForms, ale to pravda nen´ı. WPF poskytuje dalˇs´ı zp˚ usob deklarace, tvorby Windows aplikac´ı. Prostˇredkem je jazyk XAML(kap.3.4.1). Poˇra´d zde mluv´ıme o Windows aplikac´ıch, technologie WPF se ale pouˇz´ıvá i u aplikac´ı internetov´ ych(Silverlight). Hlavn´ı d˚ uvod vzniku WPF byla grafika. Vzpomeˇ nme na nˇekteré windows aplikace, vˇetˇsina z nich je, nebo do nedávna b´ yvala, formuláˇrového typu. Pokud máte fantazii a popust´ıte j´ı uzdu, jste d´ıky WPF schopni vyuˇz´ıvat mnoho r˚ uzn´ ych moˇznost´ı k tvorbˇe grafiky: • vektorová grafika • animace(ˇcasová, pouˇzit´ı frames, 3D animace, atd...) • multimédia(audio, video) • DataBinding(provázán´ı dat) • efekty(st´ıny, záˇre, atd...) ... a pak je moˇzné, ˇze WinForm aplikace bude vypadat tˇreba tak jak na následuj´ıc´ım obrázku(obr.3.5)


16

Obrázek 3.5: Ukázka WPF desktopové aplikace

M˚ uˇzete si ˇr´ıct, ”No jo, ale takovéhle aplikace budou hodnˇe nároˇcné, procesor bude m´ıt co dˇelat.”Zat´ımco aplikace zpracovává procesor, grafická karta je ménˇe, témˇeˇr v˚ ubec, vyt´ıˇzena. WPF bˇeˇz´ı na vrstvˇe DirectX, proto jsou WPF aplikace(jejich renderován´ı) zpracovávány grafickou kartou zat´ımco procesor m˚ uˇze dˇelat jiné vˇeci. WPF je k dispozici v .NET Frameworku 3.0 a vyˇsˇs´ım. Pro korektn´ı bˇeh WPF aplikac´ı je nutné m´ıt naistalován .NET Framework 3.0 a vyˇsˇs´ı na vaˇsem poˇc´ıtaˇci. V OS Vista je jiˇz souˇca´st´ı základn´ı instalace. Detaily, t´ ykaj´ıc´ı se WPF, lze naj´ıt v [12].

3.4.1

XAML(Extensible Application Markup Language)

Jde o znaˇckovác´ı jazyk zaloˇzen´ y na XML k tvorbˇe uˇzivatleského rozhran´ı. Tento jazyk je souˇca´st´ı WPF(kap.3.4). XAML vznikl, protoˇze tvorba UI za pomoci znaˇckovac´ıch jazyk˚ u(markup languages) je o mnoho elegantnˇejˇs´ı a pˇrehlednˇejˇs´ı neˇz v jazyc´ıch objektovˇe orientovan´ ych(VB, C]). Mezi znaˇckovac´ı jazyky patˇr´ı i znám´ y HTML, ten definuje UI u webov´ ych stránek. Dalˇs´ı velkou v´ yhodou XAML je jistˇe oddˇelen´ı grafické a programové ˇcásti. Pˇri tvorbˇe WPF aplikace jsou vytvoˇreny dva soubory. Jeden s pˇr´ıponou ∗.xaml, zde je definován vzhled aplikace. Druh´ y má pˇr´ıponu ∗.cs(pˇr´ıpona podle pouˇzitého programovac´ıho jazyka), v nˇem je implementována logika aplikace. Následuj´ıc´ı kód pˇredstavuje stránku v Silverlight aplikaci(jménem SilverlightApplication9)


17

deklarovanou XAMLem. Zobraz´ı se b´ılá plocha o rozmˇerech 400px na 300px, uprostˇred které je nápis ”Hello amigos”, dole na stránce je tlaˇc´ıtko s textem newControl.

Obrázek 3.6: Ukázka XAML kódu

Pro experimenty s XAMLem v reálném ˇcase lze vyuˇz´ıt XAMLPad, jednoduch´ y XAML editor.

3.5

WCF(Windows Communication Foundation)

WCF je ucelen´ y Framework na tvorbu komunikace mezi dvˇema ˇcástmi pˇreloˇzitelného kódu. WCF se objevilo stejnˇe jako WPF s pˇr´ıchodem .NET Frameworku 3.0(prosinec ˇ ıkáte si na co dalˇs´ı komunikaˇcn´ı technologie, vˇzdyt’ v souˇcasné dobˇe máme k 2006). R´ dispozici vˇeci jako DDL, DCOM, NET Framework remoting, Enterprise Services, Web Services, WSE,... Pˇr´ıchod WCF je ale zlomov´ y pro tvorbu distrubuovan´ ych aplikac´ı. Sjednocuje funkci vˇsech doposud pouˇz´ıvan´ ych Microsoft technologi´ı pro tvorbu tˇechto aplikac´ı. To vˇse je moˇzné d´ıky komunikaci zaloˇzené na webov´ ych sluˇzbách. Jeden z d˚ uvod˚ u vzniku WCF je lepˇs´ı implementace SOA(Service Oriented Architecture). SOA má rozd´ılné ˇca´sti kódu/sluˇzby bˇeˇz´ıc´ı na zaˇr´ızen´ıch kolem svˇeta, klienti mohou pouˇz´ıvat tyto kódy/sluˇzby. ˇ Tedy zásadou SOA je izolovanost, to je lépe pochopitelné na pˇr´ıkladu. Reknˇ eme, ˇze máme ˇ a vrac´ı pˇredpovˇed’ poˇcas´ı pro danou oblast. Vˇse o co webovou sluˇzbu, která pˇrij´ımá PSC ˇ z je vstup). Mezi serverem(host) a klientem je se stará uˇzivatel je správné zadán´ı PSC(coˇ izolace. Nekomunikuj´ı mezi sebou pˇr´ımo, ale pomoc´ı sluˇzby. To jak komunikuj´ı si ”domluvili”v contractu(ˇr´ıká co sluˇzba dˇelá) sluˇzby(kap.3.5.1). WCF pouˇz´ıvá SOAP zprávy pro komunikaci mezi dvˇema procesy, to vytváˇr´ı schopnost WCF aplikac´ı spolupracovat s jak´ ymkoli dalˇs´ım procesem komunikuj´ıc´ım pˇres SOAP(viz.


18

kap.3.5.1). Jakákoli aplikace, pouˇz´ıvaj´ıc´ı WCF, má WSDL interface, proto je schopna pracovat s jak´ ymkoli WebServicem bez ohledu na to, na jaké platformˇe sluˇzba funguje. Pˇred vznikem WCF závisel v´ ybˇer technologie na poˇzadavc´ıch vytváˇrené aplikace a tak se nˇekdy stávalo, ˇze jsme museli technologie kombinovat. Napˇr´ıklad ˇca´st aplikace pouˇz´ıvala pro komunikaci .NET remoting(d˚ uraz na v´ ykonnost aplikace) a pro komunikaci s jin´ ymi neˇz .NET aplikacemi zase WSE. V projektu zaloˇzeném na WCF je vˇse zaloˇzeno na sluˇzbách a pomoc´ı sluˇzeb komunikujeme . Detaily o WCF lze naj´ıt napˇr´ıklad v [11].

3.5.1

Web Services(Webov´ e sluˇ zby)

Webové sluˇzby jsou konsorciem W 3C([3]) defionovány jako ”software system designed to support interoperable machine-to-machine interaction over a network”. Jin´ ymi slovy jde o prostˇredek podporuj´ıc´ı komunikaci mezi aplikacemi napsan´ ymi v r˚ uzn´ ych programovac´ıch jazyc´ıch, bˇeˇz´ıc´ıch na r˚ uzn´ ych platformách nebo poˇc´ıtaˇc´ıch. Jak jsme zm´ınili v kap.3.5 je webová sluˇzba prostˇredkem pro komunikaci ve WCF. Poskytovatel sluˇzby nab´ız´ı data, klient najde adresu sluˇzby v registru webov´ ych sluˇzeb, naˇcte si jej´ı popis a m˚ uˇze ji volnˇe vyuˇz´ıvat. Webová sluˇzba je tedy prostˇredek pro tvorbu distribuovan´ ych systému. Systém˚ u jejichˇz ˇcásti jsou na r˚ uzn´ ych m´ıstech(poˇc´ıtaˇc´ıch) propojen´ ych s´ıt´ı. WebServices je technologie pro vzdálené volán´ı procedur pomoc´ı pˇrenosu SOAP zpráv(psané v XML) protokolem HTTP. S WebServices jsou spojeny tˇri základn´ı pojmy: • SOAP zprávy(vzdálené volán´ı procedur) • WSDL jazyk (popis poskytovan´ ych sluˇzeb) • UDDI a WSIL mechanismy(nalezen´ı sluˇzeb v ”seznamu”kde z´ıskám jejich WSDL popis). SOAP(Simple Object Access Protocol) Soap je protokol pro komunikaci pomoc´ı zpráv. Zprávy umoˇzn ˇuj´ı volat vzdálené funkce protokolem HTTP. Ten pˇri volán´ı sluˇzby pˇrenese zprávu vytvoˇrenou v XML. Tato zpráva popisuje volanou funkci a jej´ı parametry. Jestliˇze máme webovou sluˇzbu s takov´ ymto obsahem.


19

.... [WebMethod] public int Add(int a, int b) { return a+b; } ...

SOAP zpráva pos´ılaná jako dotaz na tuto sluˇzbu m˚ uˇze b´ yt: <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <soap:Body> 5 8

a sluˇzba poté odpov´ı zprávou: <soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"> <soap:Body> 13

Takto vypadá jednoduch´ y pˇr´ıpad komunikace webové sluˇzby pomoc´ı SOAP zpráv. Vnitˇrku zprávy nemus´ıme rozumˇet, je generován a nen´ı moˇzné jej upravovat. WSDL(Web Services Description Language) Abychom mohli protokolem SOAP volat, mus´ıme vˇedˇet co volat, ale i jak to volat. Jazyk WSDL popisuje rozhran´ı sluˇzeb. To zahrnuje jména dostupn´ ych operac´ı, typy parametr˚ u a návratov´ ych hodnot. Také to na jakém m´ıstˇe(port, URL, stroj) a jak(HTTP, HTTPS, ...) je sluˇzba k dispozici. Je to jeden ze standard˚ u pouˇz´ıvan´ ych pro popis sluˇzeb a rozhran´ı pomoc´ı XML. UDDI(Universal Description, Discover and Integration) Je pohodlné m´ıt moˇznost hledat sluˇzby podporuj´ıc´ı XML snadno na Interntu. Proto byl zaveden UDDI registr, kter´ y umoˇzn ˇuje vyhledáván´ı a publikován´ı informac´ı o WebServicess. Publikuj´ı se pouze sluˇzby, které jsou pro ˇsirokou veˇrejnost, ne uˇz tak ty, které


20

pouˇz´ıvá jen urˇcitá v´ yvojová skupina(t´ ym). Webová sluˇzba jako taková je tvoˇrena dvˇema hlavn´ımi ˇcástmi. Je to contract(obsah webové sluˇzby), kter´ y je ve WCF obvykle implementován jako interface s atributem [ServiceContract]. Druhou ˇca´st´ı je implementace metod obsaˇzen´ ych v interfacu(metadata). Mezi dalˇs´ı nezbytné ˇcásti patˇr´ı • Adress tedy m´ısto kde sluˇzbu najdeme • Binding tedy jak´ y protokol pouˇz´ıváme pro komunikaci se sluˇzbou. Spolu s contractem tvoˇr´ı tyto dvˇe ˇca´sti EndPoint. Ten udává jak ServiceHost pˇredkládá sluˇzbu. Potom klient m˚ uˇze pouˇz´ıvat metody obsaˇzené v contractu. A proto ten kdo pouˇz´ıvá webovou sluˇzbu, na základˇe dan´ ych metadat a EndPointu, m˚ uˇze vytvoˇrit Proxy. Proxy, to je prázdná schránka, typ, kter´ y pˇredkládá vˇsechny detaily sluˇzby. Koneˇcnˇe klient a host spolu komunikuj´ı skrze r˚ uzné kanály(channels). Kanál je popisován jako to skrze co procház´ı zpráva pˇri komunikaci klient-host a naopak. Okolo kanál˚ u mohou b´ yt deklarovány r˚ uzné Behaviors spojené se sluˇzbou. Behavior umoˇzn ˇuje modifikaci zpráv procházej´ıc´ıch kanálem. Pˇr´ıklad deklarace tˇechto ˇcást´ı je vidˇet na obr.4.7. Jak vypadá komunikace mezi hostem a klientem pomoc´ı webové sluˇzby, ukazuje následuj´ıc´ı schéma (obr.3.7).

Obrázek 3.7: Schéma komunikace WebService

V prostˇred´ı Microsoft Visual Studia je k dispozici celá ˇrada druh˚ u webov´ ych sluˇzeb. V´ ybˇer záleˇz´ı na tom, kde bude sluˇzba nasazena, v jakém typu aplikace. Pˇr´ıchod WCF


21

pˇrinesl jiˇz hotové ˇsablony webov´ ych sluˇzeb pro r˚ uzné technologie .NETu. S t´ım i Silverlightenabled WCF WebService, specielnˇe pro Silverlight. Tato speciáln´ı sluˇzba pro Silverlight je vyj´ımeˇcná svou stavbou, nemá oddˇelen´ y Interface, ten je v jednom souboru spolu s definicemi obsahu sluˇzby(metadaty). Také pouˇzit´ ym typem bindingu viz.kap.4.2.2. Samozˇrejmˇe nen´ı stryktnˇe dáno, ˇze pro Silverlight lze pouˇz´ıvat pouze tuto sluˇzbu. Volba je na v´ yvojáˇri, tato ˇsablona je pouze doporuˇrena.

Shrnout WCF bychom mohli do následuj´ıc´ı vˇety. Máme hosta a klienta, ti ”souhlas´ı”s contractem. Host(server) pˇredkládá EndPointy, ty jsou kombinac´ı Adresy, Bindingu a Contractu. Klient pouˇz´ıvá proxy, která je provázána s jednotliv´ ymi endpointy-provázána s jednotliv´ ymi contracty.

3.6

LINQ(Language Integrated Query)

Jde o oznaˇcen´ı pro skupinu rozˇs´ıˇren´ı .NET Frameworku. Toto rozˇs´ıˇren´ı je oznaˇcováno za revoluˇcn´ı v pˇr´ıstupu k dat˚ um, a to jak´ ymkoli. LINQ bylo uvedeno spolu s .NET Frameworkem 3.5. Data jsou v dneˇsn´ı dobˇe souˇcást´ı témˇeˇr kaˇzdé aplikace. .NET umoˇzn ˇoval jiˇz od poˇca´tku práci s relaˇcn´ımi(pravo´ uhlé uspoˇrádán´ı dat-ˇra´dky, sloupce) nebo hierchack´ ymi(je zde nˇejaká struktura uloˇzen´ ych dat, napˇr. strom) daty nˇekolika zp˚ usoby zastˇreˇsen´ ymi obsaˇzen´ ymi v ADO.NET([2]). Narozd´ıl od tˇechto zp˚ usob˚ u pˇrináˇs´ı LINQ podporu dotazován´ı pˇr´ımo v jazyce .NET(C], VB). Tento pˇr´ım´ y pˇr´ıstup pˇrináˇs´ı nˇekolik v´ yhod, kde asi nejvˇetˇs´ı je dotazován´ı pomoc´ı kl´ıˇcov´ ych slov(query words) podobn´ ych SQL syntaxi. Nesporná v´ yhoda je kontrola kódu pˇri kompilaci programu, vˇetˇsina chyb je odhalena jiˇz v této fázi. LINQ je moˇzné pouˇz´ıt na témˇeˇr jakákoli data. Podstata LINQ je podobná ADO.NET, kde vytvoˇr´ıme provider pro urˇcit´ y typ databáze. LINQ nen´ı omezeno pouze na relaˇcn´ı databáze, d´ıky novince v .NET, Expression Trees(data jsou ukládána do stromové struktury). Ty umoˇzn ˇuj´ı práci s kódem jako s daty, proto m˚ uˇze b´ yt LINQ dotaz pˇreloˇzen providerem pro urˇcit´ y datov´ y zdroj a nezáleˇz´ı na typu dat. LINQ má nˇekolik skupin(implementac´ı): • LINQ to Object-stadartn´ı kolekce z pamˇeti • LINQ to SQL-Microsoft SQL Server typy


22

• LINQ to XML-práce s XML daty • LINQ to DataSet-práce s ADO.NET datasety Asi nejv´ıce pouˇz´ıvanou implementac´ı je LINQ to SQL, ta umoˇzn ˇuje dotazován´ı nad relaˇcn´ımi databázemi. LINQ to SQL umoˇzn ˇuje i modifikaci dat v databázi, t´ım dostáváme velmi siln´ y nástroj pro práci s nimi. V následuj´ıc´ı ukázce provedeme LINQ dotaz nad dvˇema kolekcemi. Je zde vidˇet zp˚ usob dotazován´ı a kl´ıˇcová slova podobná tˇem pouˇz´ıvan´ ym v SQL jazyce. using System.Limq; ... System.Collections.ObjectModel.ObservableCollection listOfTeachers; System.Collections.ObjectModel.ObservableCollection listOfLocations; ... var teachers = (from teacher in listOfTeachers join location in listOfLocations on teacher.idLocation equals location.idLocation select new { location , teacher

}).ToList();

Syntaxe se opravdu velmi podobá SQL dotazu. Liˇs´ı pouze um´ıstˇen´ım klauzule from a select. Zat´ımco v SQL je select na zaˇcátku dotazu u LINQ je na konci. Dotaz zaˇc´ıná kl´ıˇcov´ ym slovem from. D´ıky této obmˇenˇe nám je intellisense ve VS 2008 schopen napov´ıdat, protoˇze je hned známo, jakého typu je datov´ y zdroj. V´ıce informac´ı o LINQ lze z´ıskat napˇr´ıklad na oficiáln´ım webu microsoftu [2] nebo [10].

3.7

Struktura Silverlightu

Spolu se Silverlightem pˇricház´ı i nová pˇr´ıpona ∗.XAP[zap]. Jde o komprimovan´ y soubor obsahuj´ıc´ı vˇsechny soubory potˇrebné ke správnému bˇehu Silverlight aplikace. Ke kompresi ∗.xap se pouˇz´ıvá zip komprese. Soubor se vytvoˇr´ı pˇri kompilaci projektu, je uloˇzen v adresáˇri Client-Bin(obr.4.9) a jmenuje se stejnˇe jako projekt(aplikace), ke kterému patˇr´ı. Pˇrep´ıˇseme-li pˇr´ıponu xap na zip, je moˇzné nahlédnout do obsahu ∗.xap souboru(viz. obr.3.8). Obsahuje soubor application manifest (AppManifest.xaml), DLL knihovny nezbytné pro bezproblémov´ y bˇeh a bezpeˇcnostn´ı soubory(4.2.3). Prvn´ı dll knihovnou je zkompiloná verze aplikace se stejn´ ym názvem.


23

Obrázek 3.8: Obsah souboru XAP odpov´ıdaj´ıc´ı aplikaci s názvem DiplomaThesis

Soubor AppManifest.xaml obsahuje popis aplikace pro spuˇstˇen´ı v doplˇ nku Silverlight. Soubor je aktualizován pˇri kompilaci aplikace, na základˇe referenˇcn´ı assembly je pˇripojen soubor AppManifest. Pˇrikládané soubory se daj´ı spravovat, pro assembly, kterou nechceme zahrnout do ∗.xap, nastav´ıme vlastnost ”Copy Local”na false. Pakliˇze nezahrneme assembly do ∗.xap, jej´ı staˇzen´ı bude vyˇza´dáno pˇri jej´ım v´ yskytu v kódu. Toto je uˇziteˇcné z hlediska velikosti stahovaného souboru, obsahuje pouze nezbytné assemblies a ty, co jsou pouˇzity v kódu, jsou staˇzeny aˇz kdyˇz jsou potˇreba. Mechanismus je velkmi uˇziteˇcn´ y pouˇz´ıvá-li urˇcitou assembly pouze ˇcást aplikace. Pˇr´ıklad souboru AppManifest.xaml je n´ıˇze.

Obsahuje tag , kter´ y definuje aplikaci a obsahuje dalˇs´ı vnoˇrené tagy. Atribut EntryPointAssembly definuje které assembly, z n´ıˇze definovan´ ych( nód), je hlavn´ı dll knihovnou aplikace. EntryPointType atribute specifikuje tˇr´ıdu z dll


24

knihovny(assembly), definované v EntryPointAssembly atributu, která je hlavn´ı tˇr´ıdou pro start aplikace. nód má atribut definuj´ıc´ı verzi Silverlightu ve které je aplikace napsána. Jak je vidˇet, nódy definuj´ı assembly(dll knihovny) pouˇzité v ∗.xap souboru a kaˇzdé knihovnˇe pˇridˇeluj´ı jméno. Tento ∗.xap soubor je staˇzen prohl´ıˇzeˇcem, pˇreloˇzen zásuvn´ ym modulem a jeho obsah(Silverlight aplikace) zobrazen na stránce.

Kapitola 4 Vytvoˇ ren´ı RIA aplikace RIA aplikaci m˚ uˇzeme vytvoˇrit pomoc´ı r˚ uzn´ ych technologi´ı. V této práci byl na tyto u ´ˇcely pouˇzit Silverlight. Proto následuj´ıc´ı popis bude zamˇeˇren na Silverlight aplikaci.

4.1

Tvorba Silverlight aplikace

Rozhodneme-li se naprogramovat Silvelight aplikaci mus´ıme m´ıt k dispozici pár nezbytn´ ych vˇec´ı. Jako prvn´ı je prostˇred´ı, kde bychom vlastn´ı kód implementovali. Takov´ ym v´ yvojov´ ym prostˇred´ım je napˇr´ıklad Microsoft Visual studio(VS). Pro Silverlight ta nejnovˇejˇs´ı verze VS 2008. T´ım dostáváme komplexn´ı nástroj pro tvorbu vˇsech druh˚ u aplikac´ı dostupn´ ych v .NET. VS je nástroj urˇcen´ y hlavnˇe pro v´ yvojáˇre, znaˇcnˇe ulehˇcuje práci vˇecmi jako jsou intelisence, code snippes, atd... Protoˇze Silverlight aplikace jsou graficky velmi vyspˇelé a tvorba grafiky(animace, vlastn´ı ˇsablony prvk˚ u, ...) je d˚ uleˇzitá, Microsoft vyv´ yj´ı paralelnˇe nástroje Expression. Jejich v´ yˇcet a v´ıce informac´ı o nich je na webu. D´ıky této koncepci je tedy striktnˇe oddˇelena práce grafik˚ u a v´ yvojáˇr˚ u. Práce se stává efektivnˇejˇs´ı. VS a Expression mezi sebou kooperuj´ı, zmˇen´ı-li se nˇeco v jednom prostˇred´ı, ve druhém se pˇri otevˇren´ı projektu s provedenou zmˇenou automaticky provede refresh a zmˇena se zap´ıˇse. Instalac´ı Visual Studia 2008 jeˇstˇe nejsme schopni vyv´ıjet Silverlight aplikace. Mus´ıme doinstalovat updaty pro Silverlight. Ty jsou popsány v literatuˇre [6]. Po doinstalaci veˇskerého potˇrebného softwaru vybereme z nab´ıdky projekt˚ u VS ten s názvem Silverlight(vlevo) a ˇsablonu Silverlight Application, jak je vidˇet na obr.4.1.

25

ˇ Í RIA APLIKACE KAPITOLA 4. VYTVOREN

26

Obrázek 4.1: V´ ybˇer ˇsablony pro tvorbu Silverlight aplikace

Po vyplnˇen´ı vˇsech potˇrebn´ ych u ´daj˚ u a potvrzen´ı se dostaneme na v´ ybˇer druhu Silverlight aplikace. Na obr.4.2 je vidˇet dialogové okno, kde je na v´ ybˇer mezi SL aplikac´ı, která je hostována na ASP.NET stránce (my pouˇz´ıváme tento typ obr.4.9) nebo tou, kde je Silvelight hostován na stránce automaticky generované. Tato aplikace pak neobsahuje ASP.NET ˇcást. Je sice moˇzné vytvoˇrit web, kter´ y je zaloˇzen´ y jen na Silverlightu, ale nen´ı pravdˇepodobné, ˇze by se nˇekdo touto cestou vydal. Skuteˇcnost, ˇze Silverlight je vlastnˇe jeˇstˇe v plenkách, také to, ˇze nepodporuje podˇedˇené klienty (nepodporuje uˇzivatele Windows ME, Windows 2000 a Windows 98), oboj´ı dohromady to znamená, ˇze rozsah moˇzn´ ych implementac´ı nen´ı srovnateln´ y s obyˇcejn´ ym HTML. I pˇresto mnohé weby, které pouˇz´ıvaj´ı Silverlight, jej nepouˇz´ıvaj´ı jiˇz jen k odliˇsen´ı a vyzdviˇzen´ı se od ostatn´ıch online konkurent˚ u, ale také kv˚ uli moˇznosti vytvoˇrit témˇeˇr jakoukoli funkˇcnost. Web se stává prostorem témˇeˇr bez mantinel˚ u.


27

Obrázek 4.2: Dialogové okno pro v´ ybˇer druhu Silverlight aplikace

Po potvrzen´ı se vytvoˇr´ı Silverlight projekt, kter´ y obsahuje základn´ı sloˇzky a vypadá podle toho, jak´ y druh jsme zvolili.

4.2

Nastaven´ı komunikace s datab´ az´ı

V Silverlightu je moˇzné ke komunikaci s databáz´ı pouˇz´ıt webové sluˇzby. Protoˇze pracujeme v Silverlightu m˚ uˇzeme pouˇz´ıt speciáln´ı template, obsaˇzen ve Visual Studiu, jménem Silverlight-WCF enabled WebService, kter´ y je popsán v 3.5.1. Spolu s webov´ ymi sluˇzbami nuj´ıc´ı práci s daty. Proces pˇripojen´ı je pˇr´ıhodné pouˇz´ıvat technologii LINQ(kap.3.6), usnadˇ aplikace k databázi je popsán v následuj´ıc´ım textu. Máme databázi vytvoˇrenou v Microsoft SQL Server jménem DPDatabase. Tuto databázi pˇripoj´ıme k naˇs´ı aplikaci tak abychom mohli s daty pracovat pomoc´ı LINQ. K tomu pouˇzijeme ˇsablonu VS jménem LinqToSql class, kterou pˇridáme do projektu.


28

Obrázek 4.3: Tvorba tˇr´ıdy Linq to Sql

Po pˇripojen´ı LinqToSql tˇr´ıdy k projektu(jméno.dmbl) se soubor pˇridá do záloˇzky AppCode ve webové ˇca´sti projektu(obr.4.9). Metodou drag and drop pˇridáváme tabulky databáz´ı zobrazen´ ych v Server Exploreru do DataClass, jak je vidˇet na obr.4.4.

Obrázek 4.4: Pˇrid´ av´ an´ı prvk˚ u do Linq tˇr´ıdy


29

Pˇridán´ım tabulek se vytvoˇr´ı spojen´ı s databáz´ı. Spojen´ı s databáz´ı je deklarováno connectionStringem, coˇz je, uˇz podle názvu, ˇretˇezec spojen´ı. Tvar connection stringu se liˇs´ı od typu Databázového serveru. V SQL Server 2008 má ConnectionString DPDatabese databáze následuj´ıc´ı tvar a je obsaˇzen v souboru Web.config(obr.4.2.1). ...

Nesm´ıme zapomenout nastavit vlastnost tˇr´ıdy Serialization mode z None na Unidirectional, protoˇze pro práci tˇr´ıdy se sluˇzbou je tˇreba aby byla serializovatelná. Vytvoˇrili jsme poskytovatele dat. Ten bude v budoucnu poskytovat data sluˇzbˇe (kap.4.2.2). Tedy

pro komunikaci s databáz´ı vytvoˇr´ıme webovou sluˇzbu, která bude k dat˚ um pˇristupovat pˇrostˇrednictv´ım tˇr´ıdy LinqToSql. Vˇse, webovou sluˇzbu, LinqToSql tˇr´ıdu um´ıst´ıme na stejn´ y server. Nastav´ıme contract sluˇzbˇe a skrz ni potom m˚ uˇzeme pouˇz´ıvat data zahrnutá v LinqToSql tˇr´ıdˇe.

4.2.1

Web.config

Tak jako maj´ı napˇr´ıklad Windows uloˇzena svá nastaven´ı v registrech, má svá nastaven´ı uloˇzena i webová .NET aplikace. Soubor Web.config je konfiguraˇcn´ı soubor ASP.NET aplikac´ı. Protoˇze jsme zvolili Silverlight projekt hostovan´ y na ASP.NET stránce(obr.4.2), jmenuje se konfiguraˇcn´ı soubor aplikace Web.config. Ostatn´ı .NET aplikace maj´ı konfiguraˇcn´ı souboru pojmenovány podle jména aplikace jménoAplikace.config. Soubor ∗.config je psán v XML, rozdˇelen na nˇekolik ˇca´st´ı(appSettings, connectionStrings, ...). Konfiguraˇcn´ı soubor je pˇriloˇzen k aplikaci a m˚ uˇzeme jej mˇenit(nastavován´ı connectionString˚ u, ...). Za zm´ınku jeˇstˇe stoj´ı, ˇze kaˇzdá ASP.NET aplikace dˇed´ı základn´ı Web.config soubor od web.config souboru stroje (ten je uloˇzen root \ \M icrosof t.N et \ F ramework \ v ∗ . ∗ . ∗ . ∗ \CON F IG). Základn´ı stavba, souboru web.config je vidˇet v následuj´ıc´ı ukázce.


30

<system.web> <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm"> <error statusCode="403" redirect="NoAccess.htm"/> <error statusCode="404" redirect="FileNotFound.htm"/>

V této fázi máme pˇripraveny data. Nyn´ı m˚ uˇzeme vytvoˇrit sluˇzbu na spojen´ı s databáz´ı.

4.2.2

Pˇ ripojen´ı webov´ e sluˇ zby

Jak uˇz zde nˇekolikrát bylo ˇreˇceno ve Visual Studiu je pro Silverlight speciáln´ı webová sluˇzba. Nejedná se o ˇza´dnou novinku ve smyslu nové sluˇzby, n´ ybrˇz jenom o ˇsablonu upravenou na m´ıru Silverlightu. Ve verzi Silverlightu Beta 1 jsme jako WCF sluˇzbu byli nuceni pouˇz´ıvat WCF Service, jak je vidˇet na obr.4.3 tato sluˇzba(resp. ˇsablona) z˚ ustala v nab´ıdce VS. Pro to, aby sluˇzba v naˇs´ı aplikaci pracovala tak jak si pˇredstavujeme, je potˇreba nˇekolik mal´ ych u ´prav. Tyto u ´pravy se t´ ykaj´ı bindingu(kap.3.5.1). Souˇca´sná verze Silverlightu podporuje v´ yhradnˇe jeden typ bindingu a to basicHttpBinding. Proto je tˇreba zmˇenit poloˇzku binding, u WCF sluˇzby, v souboru web.config z wsHttpBinding na basicHttpBinding. Potom bychom nemˇeli zapomenout ani na vzájemnou kompatibilitu ASP.NET a prvk˚ u pouˇzit´ ych ve webové sluˇzbˇe. Za t´ımto u ´ˇcelem se pˇripojuj´ı nˇekteré dslˇs´ı atributy do Web.config. Abychom nemuseli tyto vˇeci dopisovat a neustále je hl´ıdat, byla vytvoˇrena právˇe Silverlight-WCF enabled Web service. Jde tedy jenom o dalˇs´ı ulehˇcen´ı práce programátor˚ u. Samozˇrejmˇe lze pouˇz´ıt jakoukoli jinou sluˇzbu, jen je tˇreba dbát na jiˇz zm´ınˇené, nezbytné, u ´pravy.


31

Sluˇzba(Silverlight-WCF enabled Web Service) se skládá ze dvou soubor˚ u. Jeden názevSluˇzby.svc a druh´ y názevSluˇzby.cs(pro kód psan´ y v C]). Soubor s pˇr´ıponou svc popisuje sluˇzbu. Specifikuje jazyk, ve kterém budou psány metody(podle jazyka se odv´ıj´ı pˇr´ıpona souboru s kódem sluˇzby ∗.cs, ∗.vb ), cestu k souboru s tˇemito metodami(metadata), název. Jde obvykle o jeden ˇra´dek, pˇr´ıklad obsahu takového souboru je vidˇet v následuj´ıc´ım textu. V tomto pˇr´ıpadˇe je názevSluˇzby ekvivalentn´ı s MainService. <%@ ServiceHost Language="C#" Debug="true" Service="MainService" CodeBehind="~/App_Code/MainService.cs" %>

Soubor s pˇr´ıponou cs obsahuje metody sluˇzby, tedy obsah, funkˇcnost metody. Z obsahu ∗.svc je dále zˇrejmé, ˇze soubor ∗.cs je v aplikaci um´ıstˇen ve sloˇzce AppCode(obr.4.9). Na obr.4.5 je obsah souboru MainService.cs. Metody jsou zde uvozeny atributem [OperationContract]. Atribut [OperationContract] se vkládá kv˚ uli lepˇs´ı kontrole generace WSDL. Nejˇcastˇeji z˚ ustává atribut tak, jak jej je vidˇet na obr.4.5, ale napˇr´ıklad pro obousmˇerné zpávy(duplex messages) je tˇreba nˇejak´ ym zp˚ usobem deklarovat nˇekteré specifikuj´ıc´ı(doplˇ nuj´ıc´ı) vlastnosti. Co je moˇzné v OperationContract definovat najdete v [2]. Jinak je práce v kódu v pozad´ı WCF sluˇzby velmi podobná praci v klasické tˇr´ıdˇe, tedy, ˇr´ıkáme sluˇzbˇe co má dˇelat. Sluˇzba MainService obstarává komunikaci s datbáz´ı DPDatabase. Na obr.4.5 je uvedena pouze jej´ı malá ˇca´st(jedna metoda). Tato metoda vrac´ı tabulku Teacher z DPDatabase obsaˇzenou v DataClass(viz.obr.4.4) provideru.

Obrázek 4.5: Soubor s kódem sluˇzby

Vytvoˇr´ıme-li sluˇzbu zb´ yvá ji pˇripojit k aplikaci. Stiskem pravého tlaˇc´ıtka, nad poloˇzkou References, je vyvoláno kontextové menu v jehoˇz nab´ıdce vybereme Add Service Refences. Otevˇre se dialogové okno obr.4.6.


32

Obrázek 4.6: Dialogové okno pˇripojen´ı reference na sluˇzbu

Z nab´ıdky sluˇzeb vybereme tu, kterou chceme pˇripojit, pojmenujeme pˇripojovanou referenci. Dialogové okno na obr.4.6 je rozdˇeleno na dvˇe ˇca´sti, Services a Operations. Operations jsou metody pouˇzité ve sluˇzbˇe, vybrané v ˇcásti Services. Po pˇridán´ı sluˇzby k projektu(pˇres referenci) je vygenerován soubor ServiceReferences.ClientConfig. Tento soubor obsahuje nˇekteré konfiguraˇcn´ı informace. Ve verzi Silverlightu Beta 1 byl vytvoˇren, ale uˇz ne pouˇzit. V Silverlightu 2 je soubor vygenerován, pˇripojen k XAP(obr.3.8) a pouˇz´ıván jako podmnoˇzina WCF konfigurace. Obsah je v XML jazyce. Pˇr´ıklad obsahu je na obr.4.7. Je zde vidˇet popis sluˇzby, tedy druh bindingu a endpoint. Druh bindingu specifikuje protokol pouˇz´ıvan´ y urˇcit´ ym endpointem. EndPoint je to jak je sluˇzba pˇredkládána, aby klient mohl vyvolat operace definované v contractu.


33

Obrázek 4.7: Obsah ServiceReferences.ClientConfig souboru

Pokud udˇeláme nˇejakou zmˇenu ve sluˇzbˇe a pak obnov´ıme referenci na tuto sluˇzbu, zmˇeny se automaticky prom´ıtnou i do souboru ServiceReferences.ClientConfig. Pot´ıˇze které se vyskytli bˇehem implementace jsou popsány v kapitole 6. Pokud ˇza´dné pot´ıˇze nenastaly m˚ uˇzeme sluˇzbu zaˇc´ıt pouˇz´ıvat v aplikaci(kap.4.4).

4.2.3

Cross-Domain access policy

V´ yˇse popsan´ y postup pˇripojen´ı sluˇzby, bude fungovat pokud je sluˇzba um´ıstˇena na stejném serveru jako aplikace(která sluˇzbu pouˇz´ıvá). To vˇsak nen´ı ve vˇetˇsinˇe pˇr´ıpad˚ u pravda, proto je tˇreba doplnit aplikaci o soubor, kter´ y umoˇzn´ı pracovat se sluˇzbou um´ıstˇenou na jiné doménˇe(cross-domain acces). Silverlight podporuje dva r˚ uzné zp˚ usoby umoˇznˇen´ı pˇr´ıstupu cross-domain. • Vytvoˇrit soubor clientaccesspolicy.xml a pˇridat jej na ”páteˇr”domény, kde je hostována webová sluˇzba. Ten nastav´ı sluˇzbu tak, aby bylo moˇzné pouˇz´ıvat crossdomain pˇr´ıstup. • Vytvoˇrit soubor crossdomain.xml a pˇridat jej na ”páteˇr”domény, kde je hostována webová sluˇzba. Formát tohoto souboru je podporován i Adobe Flashem. Jsou to dvˇe zdánlivˇe stejná ˇreˇsen´ı, a proto vyvstává otázka, kterou z tˇechto dvou moˇznost´ı pouˇz´ıt. Aˇckoli crossdomain.xml pouˇz´ıvá i Adobe Flash, je zde omezen´ı pro Silverlight. Aby byla sluˇzba pˇr´ıstupná mus´ı b´ yt crossdomain.xml nastaven tak, ˇze webová sluˇzba je zpˇr´ıstupnˇena z jakékoli domény. Nen´ı-li soubor nastaven takto, Silverlight sluˇzbu nerozezná.


34

Druhá moˇznost je opoznán´ı flexibilnˇejˇs´ı. Soubor clientaccesspolicy.xml umoˇzn ˇuje specifikaci domén, které maj´ı pˇr´ıstup ke sluˇzbˇe. V ukázce obsahu clientaccesspolicy.xml je umoˇznˇen pˇr´ıstup pouze na volán´ı z adresy http://myApp.com. <policy> <domain uri="http://myApp.com"/>

Kdyˇz pouˇzijete oba soubory(um´ıst´ıte je na ”koˇren”domény), klientská Silverlight aplikace zkontroluje nejprve clientaccesspolicy.xml, nastav´ı omezen´ı na urˇcité domény. Nezáleˇz´ı na obsahu crossdomain.xml (ten bude pouˇzit kliensk´ ymi aplikacemi FLASHe). Nejlepˇs´ı odpovˇed´ı na otázku ktér´ y zp˚ usob pouˇz´ıt, je asi oba dva. Co je tˇreba m´ıt neustále na pamˇeti je ukládán´ı tˇechto dvou soubor˚ u(clientaccesspolicy.xml, crossdomain.xml ). Mus´ı b´ yt uloˇzeny na koˇren domény, ve které je sluˇzba hostována. Napˇr´ıklad pokud je sluˇzba na http://localhost:7363/SilverlightApplication3Web/ potom pˇr´ıstupové soubory mus´ı b´ yt um´ıstˇeny na adrese http://localhost:7363/SilverlightApplication3Web/crossdomain.xml.


35

Obrázek 4.8: Pr˚ ubˇeh z´ısk´ av´ an´ı pˇr´ıstupov´ ych informac´ı (pˇrevzato z [13])

V obrázku 4.8 se vyskytuje pojem WebClient. WebClient je tˇr´ıda .NETu, obsahuj´ıc´ı metody pro pos´ılán´ı a pˇrij´ımán´ı dat ze zdroje identifikovaného urˇcit´ ym URI.


4.3

36

Pˇ rid´ an´ı Silverlight aplikace na ASP.NET str´ anku

Obrázek 4.9: Solution explorer Silverlight aplikace

Na obrázku 4.9 je vidˇet pˇr´ıklad obsahu Silverlight aplikace(Solution explorer ve VS2008). Jde o jedno ˇreˇsen´ı(solution) obsahuj´ıc´ı dva projekty. Jak jsme zmiˇ novali v kapitole 4.1 SL projekty se obvykle vytváˇr´ı spojené s ASP.NET stránkami, které SL aplikaci zapouzdˇruj´ı. Na obrázku jsou vidˇet dvˇe ˇcásti. ASP.NET a Silverlight ˇcást. ASP.NET stránka má tˇri potencionáln´ı vstupn´ı kanály pro Silverlight. Jsou to • Default.aspx • DiplomaThesisTestPage.aspx • DiplomaThesisTestPage.html. Pro pˇripojen´ı SL do ASP.NET stránky jsou nezbytné dva tagy. Prvn´ı je . Druh´ ym je AJAX (), tak jak je vidˇet n´ıˇze


37

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls" TagPrefix="asp" %>

Text v´ıˇse ukazuje zp˚ usob pˇripojen´ı SL aplikace do webové stránky.

4.4

Vol´ an´ı sluˇ zby v k´ odu

Kv˚ uli nejisté dobˇe odezvy serveru jsou vˇsechny sluˇzby v Silverlightu 2 volány asynchronnˇe. Z´ıskáván´ı dat je pak operace o dvou kroc´ıch. Prvn´ım je nastaven´ı event handleru, kter´ y bude zavolán kdyˇz je sluˇzba dokonˇcena. Druhou operac´ı je zavolán´ı asynchronn´ı metody sluˇzby.

Obrázek 4.10: Vol´ an´ı sluˇzby v kódu

Asynchonn´ı volán´ı sluˇzeb v Silverlightu je velmi kontroverzn´ı, obˇcas zp˚ usobuj´ıc´ı memalé problémy(programátor nev´ı kdy pˇrijde odpovˇed’). Proto je moˇzné, ˇze to bude jedna z


38

vˇec´ı které se v budoucnu zmˇen´ı. At’ je asynchronn´ı pˇr´ıstup jakkoli nepopulárn´ı, je nejrozˇs´ıˇrenˇejˇs´ı a je podporován ˇsirok´ ym spektrem prohl´ıˇzeˇc˚ u a operaˇcn´ıch systém˚ u. Také pomáhá pˇri kontrole dostupnosti vlákna obsluhuj´ıc´ıho uˇzivatelské rozhran´ı(UI).UI vlákna se staraj´ı o pˇrekreslován´ı obsahu oken tab.3.2). Abychom pˇridali jeˇstˇe nˇejaká pozitiva, jakmile je pouˇzita sluˇzba s asynchronn´ım volán´ım, kód pro jej´ı volán´ı je ˇcist´ y, lehce ˇciteln´ y. Event handler má event args, které zahrnuj´ı i návratovou hodnotu(pokud metoda sluˇzby nˇeco vrac´ı) e.Result viz.obr.4.10.

4.5

Pr´ ace s daty

Data, z´ıskaná z databáze pomoc´ı webové sluˇzby, jsme uloˇzili podle obr.4.10 do promˇenné teacherIn. Dejme tomu, ˇze nyn´ı budeme cht´ıt vybrat vˇsechny uˇcitele, kteˇr´ı maj´ı kˇrestn´ı jméno zaˇc´ınaj´ıc´ı na I. Protoˇze jsme pouˇzili LINQ class, m˚ uˇzeme se dotazovat jazykem LINQ. Podle kap.3.6 m˚ uˇzeme napsat dotaz: var teacherI = from i in teacherIn select i.FirstName.StartsWith("I");

Jednoduch´ ym zápisem jsme dostali seznam uˇcitel˚ u, jejichˇz kˇrestn´ı jména zaˇc´ınaj´ı na I. Stejn´ ym zp˚ usobem provád´ıme dotazy nad veˇsker´ ymi tabulkami obsaˇzen´ ymi v DataClass.dbml souboru. Typ var, pouˇz´ıvan´ y k implicitn´ı definici promˇenn´ ych, je v tomto pˇr´ıpadˇe pouˇzit kv˚ uli anonymitˇe v´ ysledku z´ıskaného z dotazu. V pˇr´ıkladu v´ yˇse je v´ ysledkem jeden sloupec(FirstName) string˚ u(pole string˚ u) zaˇc´ınaj´ıc´ıch na I. Tedy zde nen´ı u ´plnˇe nutn´ y typ var, protoˇze typ, z´ıskan´ y v dotazu, je znám´ y. M˚ uˇze se vˇsak zmˇenit málo a rázem je uplnˇe jin´ y návrátov´ y typ. var teacherI = from i in teacherIn select new{i.firstName, i.lastName};

Nyn´ı je promˇenná teacherI anonymn´ıho typu a typ var je zde nezbytn´ y. K implicitn´ı deklaraci nen´ı var moc vyuˇz´ıván, protoˇze takovéto pouˇzit´ı vnáˇs´ı do kódu znaˇcn´ y zmatek. V´ıce o tématice práce s daty v Silverlightu naleznete napˇr´ıklad zde [2],[10].

Kapitola 5 Popis programu pro tvorbu rozvrhu Jedn´ım z u ´kol˚ u práce je vytvoˇrit SL aplikaci pro tvorbu rozvrhu ˇskoly. Na této aplikaci byla vyzkouˇsena vˇetˇsina vlastnost´ı a moˇznost´ı Silverlightu. V´ ysledkem je aplikace popsaná v kap.5.3. Jak je známo tvorba ˇskoln´ıho rozvrhu nen´ı jednoduchá vˇec.Vyuˇz´ıt Silverlightu k ˇreˇsen´ı takového problému je zaj´ımavá alternativa. Byl zvolen protoˇze jde o smˇer kter´ ym se ub´ıraj´ı modern´ı aplikace. Tedy jsou pˇr´ıstupné na internetu, k jejich správné funkci je potˇreba jednoduch´ y plug-in. Jsou podporovány velk´ ym mnoˇzstv´ım prohl´ıˇzeˇc˚ u, ale hlavnˇe poskytuj´ı funkˇcnost a moˇznosti podobaj´ıc´ı se desktopov´ ym aplikac´ım.

5.1

Struˇ cn´ y popis

Co to znamená vlastnˇe tvorba rozvrhu? Je to pˇridˇelován´ı vlastnost´ı(uˇc´ı kdy, uˇc´ı se kde) jednotliv´ ym entitám(uˇcitel, pˇredmˇet), zároveˇ n hl´ıdán´ı koliz´ı podle pravidel vycházej´ıc´ıch z koncepce rozvrhu ˇskoly(uˇcitel nem˚ uˇze uˇcit zároveˇ n dva pˇredmˇety, atd...). Tedy pil´ıˇrem je databáze, nad kterou postavime aplikaci. Co by mˇel takov´ y systém umoˇzn ˇovat? Urˇcitˇe vkládán´ı jednotliv´ ych entit(uˇcitel˚ u, pˇredmˇet˚ u), jejich mazán´ı, urˇcit má b´ yt co uˇceno, ... Tyto moˇznosti obstarávaj´ı jednotlivé Silverlight User Controls(je to jedna Silvelright ”stránka”) kap.5.2.2. Hlavn´ı funkce aplikace jsou znárornˇeny v blokovém schématu.

39

KAPITOLA 5. POPIS PROGRAMU PRO TVORBU ROZVRHU

40

Obrázek 5.1: Blokové schéma aplikace

5.1.1

Datab´ aze

Dobr´ y návrh strukturované relaˇcn´ı databáze je sloˇzit´ y. Pˇri návrhu se provád´ı datová anal´ yza, která se skládá z nˇekolika fáz´ı. V jejich pr˚ ubˇehu se postupnˇe vytváˇr´ı stále konkrétnˇejˇs´ı schémata, která znázorˇ nuj´ı poˇzadovaná data. V prvn´ı fázi se prostˇrednictv´ım konzultac´ı s uˇzivateli a zadavateli systému formuluj´ı a shromaˇzd’uj´ı pˇresné poˇzadavky na to, co vˇse má b´ yt v databázi uloˇzeno. Z takto z´ıskan´ ych informac´ı je vytvoˇren konceptuáln´ı model. Konceptuáln´ı datov´ y model popisuje data v databázi na abstraktn´ı u ´rovni nezávisle na fyzickém uloˇzen´ı. V´ ysledkem je konceptuáln´ı model znázornˇen´ y jako schéma nebo diagram, kter´ y co nejv´ ystiˇznˇeji zachycuje pohled ˇclovˇeka na danou ˇcást reálného svˇeta. Nejznámˇejˇs´ım konceptuáln´ım datov´ ym modelem je ER(entity relationship) model. ER model k návrhu databáze byl pouˇzit i v tomto pˇr´ıpadˇe(obr.5.2).


41

Obrázek 5.2: ER model databáze

MS Sql databáze navrˇzená podle modelu byla vytvoˇrena v Microsoft SQL Server 2008 Express. Struˇcn´ y popis jednotliv´ ych entit(tabulek) je uveden n´ıˇze. Vytvoˇrená databáze se k Silverlight projektu pˇripoj´ı postupem popsan´ ym v kap.4.2. Pár slov k funkci jednotliv´ ych tabulek • Room-m´ıstnosti ve kter´ ych se m˚ uˇze uˇcit • Group-skupina pˇredmˇet˚ u, jako je napˇr´ıklad povinné, povinnˇe volitelné, atd... • editTypeOfHour-typ hodiny, cviˇcen´ı, pˇrednáˇska, ... ˇ ızen´ı • Location-um´ıstˇen´ı, atribut pro rozeznáván´ı, napˇr. Katedra R´ • editSubject-pˇredmˇety • Teacher-uˇcitel ˇ ıd´ıc´ı technika • Sphere-databáze obor˚ u, coˇz je napˇr´ıklad R´


42

ˇ ıd´ıc´ı • SubjectComposition-ˇr´ıká, kde vˇsude se pˇredmˇet vyuˇcuje, napˇr´ıklad v oboru R´ technika v 2. semestru je jeden z pˇredmˇet˚ u typu S Matematika pro Kybernetiku a mˇeˇren´ı.

5.2

Tvorba GUI

Grafické uˇzivatelské rozhran´ı, je neménˇe d˚ uleˇzitou ˇca´st´ı a jeho tvorba by nemˇela b´ yt podceˇ nována. Návrh GUI je samotn´ ym vˇedn´ım oborem a má svá pravidla a zákonitosti (jednoduchost, pˇrehlednost, nevt´ıravé, ...). Dobré uˇzivatelské rozhran´ı je základ u ´spˇeˇsné aplikace, protoˇze lidé nebudou pouˇz´ıvat nˇeco co se pouˇz´ıvá ˇspatnˇe, nepohodlnˇe nebo nestandartnˇe. GUI Silverlight aplikace je integrováno do ASP.NET stránky (obr.5.3). Nen´ı dobré, ani v´ yhodné, vytváˇret webové stránky zaloˇzené pouze na Silverlightu, protoˇze SL nepodporuje vˇeci jako jsou tlaˇc´ıtko zpˇet v prohl´ıˇzeˇci(stejnˇe jako AJAX, Flash), neodchytává události myˇsi tak jak jsme zvykl´ı(kap.6.4), ... Proto pouˇzit´ı ASP.NET integrace.

Obrázek 5.3: Vzhled GUI

Protoˇze návrh rozvrhu, ve smyslu jeho tvorby, je distribuovan´ y problém(uˇcitel nem˚ uˇze vytváˇret rozvrhy m´ıstnost´ı,...), je v aplikaci pouˇzit systém uˇzivatelsk´ ych rol´ı.


5.2.1

43

Administrace rol´ı

Pouˇz´ıván´ı uˇzivatelsk´ ych rol´ı v Silverlight aplikac´ıch(pokud je hostována v ASP.NET stránce) znamená nastaven´ı ASP.NET Nástroje pro správu webu obr.5.4. Ten najdeme ve Visual Studiu nab´ıdce Website > ASP.NET Configuration.

Obrázek 5.4: ASP.NET nástroj pro správu webu

Zde v poloˇzce Zapezpeˇcen´ı nastav´ıme umoˇznˇen´ı rol´ı. Vytvoˇr´ıme uˇzivatele a zaˇrad´ıme je do rol´ı. Pro zpˇr´ıstupnˇen´ı ASP.NET Authentication systému v Silverlightu, pˇripoj´ıme WCF sluˇzbu([2]). ASP.NET Authentication je proces z´ıskáván´ı autorizaˇcn´ıch informac´ı uˇzivatel˚ u (pˇr´ıstup ano, ne). Tato sluˇzba bude pouze ukazovat na tu defaultn´ı, tedy tu poskytovanou pro ASP.NET. Proto nemus´ı m´ıt ˇza´dnou tˇr´ıdu s kódem v pozad´ı. Vytvoˇr´ıme ji prost´ ym pˇridán´ım textového souboru. Nazveme jej AuthenticationService.svc. obsahem bude jeden ˇra´dek <%@ ServiceHost Language="C#" Service="System.Web.ApplicationServices.AuthenticationService" %>,

ten prováˇze sluˇzbu s implementac´ı pouˇz´ıvanou v ASP.NET. Jak jsme zmiˇ novali nen´ı zde ˇza´dn´ y odkaz na soubor v pozad´ı. K nastaven´ı sluˇzby patˇr´ı jeˇstˇe doplnˇen´ı souboru Web.config o nˇekteré tagy.


44

<System.web> ... ...

<system.web.extensions> <scripting> <webServices> <system.serviceModel> <services> <service name="System.Web.ApplicationServices.AuthenticationService" behaviorConfiguration="AuthenticationServiceTypeBehaviors"> <endpoint contract="System.Web.ApplicationServices.AuthenticationService" binding="basicHttpBinding" bindingConfiguration="userHttp" bindingNamespace="http://asp.net/ApplicationServices/v200"/> <security mode="None"/> <serviceBehaviors> <serviceMetadata httpGetEnabled="true"/> <serviceHostingEnvironment aspNetCompatibilityEnabled="true"/>

Pˇripojen´ı reference na sluˇzbu je shodné s postupem popsan´ ym v kap.4.2.2. Pokud nastane chyba pˇri pˇripojován´ı je tˇreba znovu pˇrekontrolovat vˇsechny ˇca´sti nastaven´ı. Pˇripoj´ıme-li sluˇzbu k naˇs´ı aplikaci je moˇzné pouˇz´ıvat metody AuthenticationServicu. Jaké to jsou se dozv´ıte napˇr´ıklad v [2]. Pro práci s detaily uˇzivatele(správa u ´ˇctu) je tˇreba pˇridat sluˇzbu s názvem ProfileService.


45

Pˇridáme opˇet textov´ y soubor, pˇrejmenujeme jej na ProfileService.svc s obsahem <%@ ServiceHost Language="C#" Service="System.Web.ApplicationServices.ProfileService" %>.

Stejnˇe jako v pˇredchoz´ım pˇr´ıpadˇe, je ruˇcn´ı dopsán´ı nˇekter´ ych tag˚ u do Web.config nezbytné. ... <service name="System.Web.ApplicationServices.ProfileService" behaviorConfiguration="ProfileServiceTypeBehaviors"> <endpoint contract="System.Web.ApplicationServices.ProfileService" binding="basicHttpBinding" bindingConfiguration="userHttp" bindingNamespace="http://asp.net/ApplicationServices/v200"/> .... <serviceMetadata httpGetEnabled="true"/>

Um´ıst´ıme tagy na stejné m´ısto jako u pˇredchoz´ı sluˇzby. Posledn´ı sluˇzbou, potˇrebnou k plnohodnotné práci s rolemi, je RoleService, neboli správa rol´ı. Defaultnˇe nen´ı uˇzivatel zaˇrazen´ y do ˇza´dné role. Pˇridán´ım uˇzivatele do role, nebo v´ıce rol´ı dostáváme lepˇs´ı moˇznost administrovat aplikaci. Podle role, do které uˇzivatel patˇr´ı, se k nˇemu aplikace ”chová”. Jak tedy pˇripojit sluˇzbu pro správu rol´ı? Postup je analogick´ y. Tagy, pro tuto sluˇzbu, pˇridávané do Web.configu maj´ı takovouto podobu. .... <service behaviorConfiguration="AppServicesBehavior" name="System.Web.ApplicationServices.RoleService"> <endpoint binding="basicHttpBinding" bindingConfiguration="userHttp" bindingNamespace="http://asp.net/ApplicationServices/v200" contract="System.Web.ApplicationServices.RoleService" /> .... <serviceMetadata httpGetEnabled="true" /> ...

Obsah sluˇzby RoleService.svc je stejn´ y jako u pˇredeˇsl´ ych dvou. Liˇs´ı se pouze atributem Service=System.Web.ApplicationServices.RoleService. Jsou-li vˇsechny tˇri sluˇzby pˇripojeny, dostáváme moˇznost obsluhovat uˇzivatele, jejich role pˇres obsahy tˇechto sluˇzeb(jejich Contract). Standartn´ı moˇznost´ı, ve vˇetˇsinˇe aplikac´ı, u pˇrihlaˇsovac´ıch formuláˇr˚ u, je moˇznost pamatován´ı si uˇzivatelského jména, popˇr´ıpadˇe hesla. V Silverlightu m˚ uˇzeme tuto funkˇcnost zavést d´ıky IsolatedStorage. IsolatedStorage by se dal pˇrirovnat ke Cookies znám´ ym z HTML. Toto izolované u ´loˇziˇstˇe je jediné m´ısto kam m˚ uˇze Silverlight aplikace ukládat


46

vytvoˇrené soubory. Soubory jsou oddˇelené podle uˇzivatele a webov´ ych stránek ve kter´ ych byly uloˇzeny. Velikost u ´loˇziˇstˇe je omezena na 1M B. Jak takové u ´loˇziˇstˇe pouˇz´ıvat je vidˇet na obr.5.5.

Obrázek 5.5: Pouˇzit´ı IsolatedStorage

Pˇrihlaˇsovac´ı stránka, která je také tou uvodn´ı v aplikaci, vypadá takto obr.5.6. Pokud jsou pˇrihlaˇsovac´ı u ´daje správné, a uˇzivatel je zaˇrazen do nˇekteré z rol´ı, naskytne se mu moˇznost vybrat si z nab´ıdky akc´ı, které by chtˇel dˇelat. Nab´ıdka je na obr.5.7.

5.2.2

Navigace v Silverlightu

Navigac´ı rozum´ıme pˇrep´ınán´ı mezi jednotliv´ ymi ˇca´stmi aplikace. Tyto ˇcásti aplikace jsou reprezentovány jednotliv´ ymi Silverlight User Controly. User Control je ˇsablona z nab´ıdky Visual Studia, která pomoc´ı .NETu umoˇzn ˇuje tvorbu Silverlight aplikac´ı. Pak v´ ybˇer jakékoli poloˇzky z nab´ıdky znamená zavolat UserControl, která se zobraz´ı na m´ıstˇe té stáváj´ıc´ı. V Silverlightu neexistuje nˇeco jako je odkaz ve smyslu pˇresmˇerován´ı na jinou HTML(aplikaˇcn´ı) stránku, je nutné pouˇz´ıvat mechanismus pˇridáván´ı a odtraˇ nován´ı jednotliv´ ych stránek(UserControl). Jak jiˇz bylo ˇreˇceno, layout stránky je deklarován v jazyce XAML. Potom kdyˇz vytvoˇr´ıme nov´ y Silverlight UserControl, napˇr´ıklad s názvem newControl s následuj´ıc´ım obsahem.


47

<UserControl x:Class="SilverlightApplication1.newControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300">

Máme v projektu dvˇe UserControly(newControl a tu z obr.3.6 nazvanou SilverlightControl2). Nyn´ı je moˇzné zobrazit newControl na m´ıstˇe SilverlightControl2(pˇrepnout jejich zobrazen´ı). Tlaˇc´ıtko button1 v SilverlightControl2 obsluhuje událost Click. Po kliknut´ı na nˇej je vyvolána metoda button1_Click. Tu obslouˇz´ı metoda obsaˇzená v kódu v pozad´ı(pro C] soubor SilverlightControl2.cs). Pˇrepnut´ı mezi dvˇema UserControly je popsáno v textu n´ıˇze. private void button1_Click(object sender, RoutedEventArgs e) { //vytvoreni instance tridy newControl newControl newcontrol = new newControl(); //pridani newcontrol na misto SilverlightControl2 this.LayoutRoot.Children.Add(newcontrol); }

Po kliknut´ı na tlaˇc´ıtko se tedy zobraz´ı obrazovka s nápisem newControl uprostˇred. Zpˇet na p˚ uvodn´ı zobrazen´ı(to z 3.4.1) se dostaneme podobnˇe. M´ısto metody Add pouˇzijeme Remove s opaˇcn´ ymi parametry.

V této fázi máme obecn´ y pˇrehled o tom jak se tvoˇr´ı takové grafické rozhran´ı v Silverlightu. Hlavn´ım stavebn´ım kamenem je Silverlight UserControl(logick´ y prvek zapouzdˇruj´ıc´ı dalˇs´ı logické prvky). Tyto prvky provazujeme do sebe, t´ım vytváˇr´ıme aplikaci.

5.3 5.3.1

Vlastn´ı aplikace Editace dat

Popis vlastn´ı aplikace jsme tu jiˇz nast´ınili. Je zapouzdˇrena v ASP.NET stránce (obr.5.3), pouˇz´ıvá role pro pˇr´ıstup. Tedy pokud se u ´spˇeˇsnˇe zalogujeme viz.obr.5.6, jsme zaˇrazeni v nˇekteré z rol´ı, zobraz´ı se nám v´ ybˇer(menu) poloˇzek.


48

Obrázek 5.6: Uvodn´ı stránka aplikace pro tvorbu rozvrhu

Asi tou nejoˇcekávanˇejˇs´ı moˇznost´ı aplikace je editace jednotliv´ ych tabulek, ta je pod pol´ıˇckem menu Edit items(obr.5.7).

Obrázek 5.7: Hlavn´ı menu aplikace

Pˇri potˇrebˇe vkládán´ı nebo umazán´ı stávaj´ıch u ´daj˚ u(nedaj´ı se editovat, kv˚ uli následné


49

zmˇenˇe mnoha u ´daj˚ u, tˇreba i poˇctu pˇredmˇet˚ u) zvol´ıme tabulku kterou chceme editovat. Tabulky vyb´ıráme pomoc´ı tlaˇc´ıtek v horn´ı ˇca´sti dialogového okna(viz.obr.5.8).

Obrázek 5.8: Funkce odkazu View

Obsah tabuek je moˇzné filtrovat a ˇradit vzestupnˇe a sestupnˇe jednotlivé sloupce. Pro pˇridán´ı nového záznamu zvol´ıme Edit, vlevo dole.

Obrázek 5.9: Pˇrid´ av´ an´ı nov´ ych záznam˚ u


50

T´ım se otevˇre dialogové okno pro vkládán´ı poloˇzek do tabulky. Vkládán´ı je bezpeˇcné. Aplikace nenechá uˇzivatele vloˇzit neplatn´ y u ´daj(5.9). Pro vymazán´ı záznamu jej staˇc´ı vybrat v tabulce a stisknout klávesu Delete. Po obou akc´ıch(smazán´ı, pˇridán´ı záznamu) se tabulka a filtry obnov´ı podle aktuáln´ı situace. Pro ruˇcn´ı obnovu dat v zobrazovan´ ych tabulkách slouˇz´ı tlaˇc´ıtko Refresh.

5.3.2

Rozvrh m´ıstnosti

Dalˇs´ı operac´ı je pˇriˇrazen´ı pˇredmˇetu do m´ıstnosti. Tedy tvorba rozvrhu m´ıstnostu. Tuto volbu umoˇzn ˇuje dialogové okno na obr.5.10.

Obrázek 5.10: Pˇriˇrazen´ı pˇredmˇet˚ u m´ıstnostem

Dialogové okno vyvoláme kliknut´ım na pˇr´ısluˇcnou poloˇzku menu, následnˇe se na obrazovce objev´ı seznam m´ıstnost´ı, jednu z nich vybereme. Podle kapacity m´ıstnosti se nám zobraz´ı jen ty pˇredmˇety, které maj´ı poˇcet student˚ u menˇs´ı a patˇr´ı do stejné lokace jako vybraná m´ıstnost. Pak dostaneme napˇr´ıklad takov´ y scénáˇr jako je na obr.5.10. Ve vrchn´ı ˇca´sti je název m´ıstnosti(KN09). V prostˇredn´ı ˇcásti rozvrh této m´ıstnosti s ˇcervenˇe zv´ yraznˇen´ ymi, jiˇz zapsan´ ymi pˇredmˇety. Ve spodn´ı ˇca´sti je seznam dostupn´ ych pˇredmˇet˚ u.


51

Spodn´ı ˇcást zobrazuje pˇredmˇety ve tˇrech r˚ uzn´ ych stavech. Prvn´ı(zelen´ y) je pˇredmˇet jeˇstˇe nezaˇrazen´ y do ˇzádné m´ıstnosti. Pˇredmˇet s ˇserven´ ym oznaˇcen´ım a moˇznost´ı editovat ˇcas a den v Combo boxech je um´ıstˇen v aktuáln´ı m´ıstnosti(na obr.5.10 vprostˇred). Posledn´ım je ten pˇredmˇet, kter´ y sv´ ymi vlastnosti vyhovuje této m´ıstnosti, ale jiˇz byl dˇr´ıve um´ıstˇen do jiné. Zde nen´ı umoˇznˇena editace a barevn´ y pˇr´ıznak je taktéˇz ˇcerven´ y. Pˇri najet´ı kurzorem myˇsi nad pˇredmˇet z jiné m´ıstnosti se zobraz´ı jeho detaily(viz.obr.5.10). Pokud chceme pˇrepnout na editaci m´ıstnosti, ve které je pˇredmˇet um´ıstˇen, staˇc´ı stlaˇcit tlaˇc´ıtko myˇsi kdekoli nad n´ım. K zapisován´ı pˇredmˇet˚ u do m´ıstnosti máme opˇet dvˇe moˇznosti. Prvn´ı je v´ ybˇer dne a ˇcasu konán´ı pˇredmˇetu pomoc´ı combobox˚ u a potrzen´ı tlaˇc´ıtkem confirm. Druhou alternativou je metoda drag and drop. ”Chytneme”pˇredmˇet(jeho zelen´ y název) a pˇretáhneme jej nad kolonku rozvrhu. I na zmˇenu doby v´ yuky pˇredmˇetu lze aplikovat stejné dva zp˚ usoby.

5.3.3

Typ pˇ redmˇ etu

Pro specifikaci typu pˇredmˇetu, tedy jde-li o cviˇcen´ı, pˇrednáˇsku nebo nˇeco jiného, je pˇripraven nástroj na obr.5.11.

Obrázek 5.11: Urˇcen´ı druhu pˇredmˇetu

Zde vybereme typ pˇredmˇetu z nab´ıdky a potvrd´ıme tlaˇc´ıtkem. Pokud jsme vybrali jako typ pˇrednáˇsku, potvrd´ıme volbu tlaˇc´ıtkem, zobraz´ı se okno pro editaci cviˇcen´ı stejné jako na obr.5.12.


52

Obrázek 5.12: Vytvoˇren´ı cviˇcen´ı

Pokud zaˇskrtneme moˇznost Make Excercise, zadáme poˇcet student˚ u v jednotliv´ ych hodinách a vybereme typ hodiny, dialogové okno nám umoˇzn´ı vytvoˇrit cviˇcen´ı nebo jak´ ykoli jin´ y typ pˇredmˇet˚ u(laboratoˇre, poˇc´ıtaˇcová cviˇcen´ı) propojen´ y s danou pˇrednáˇskou. Pˇri potvrzen´ı dialogového okna se vytvoˇr´ı právˇe tolik cviˇcen´ı(nebo jin´ ych typ˚ u pˇredmˇetu), kolik je tˇreba. Poˇcet generovan´ ych pˇredmˇet˚ u se odv´ıj´ı od poˇctu student˚ u navˇstˇevuj´ıc´ıch pˇrednáˇsku a zadán´ım poˇctu student˚ u na cviˇcen´ı.

5.3.4

Rozvrh uˇ citele

Tvorba rozvrhu uˇcitele, to je dalˇs´ı dialogové okno a zároveˇ n moˇznost editace rozvrhu na obr.5.13.


53

Obrázek 5.13: Tvorba rozvrhu uˇcitele

Opˇet, stejnˇe jako u kap.5.3.2 je okno vyvoláno v´ ybˇerem uˇcitele ze seznamu. Prvn´ı zobrazen´ı respekntuje zaˇrazen´ı uˇcitele do skupiny(napˇr´ıklad X01) a nab´ıdne na v´ ybˇer pouze pˇredmˇety, zaˇrazenéve stejné skupinˇe. Pracovn´ı plocha je rozdˇelena na tˇri ˇca´sti(na obr.5.13 popsány ˇc´ısly v pravo). Prvn´ı ˇcást(ˇc´ıslo 1 vpravo) ukazuje rozvrh vybrané m´ıstnosti. Druhá, prostˇredn´ı ˇca´st pak obsahuje v´ ybˇerová data. Posledn´ı, tˇret´ı ˇca´st zobrazuje rozvrh uˇcitele. Zaˇcali bychom popisem prostˇredn´ı(2) ˇcásti. Ta zobrazuje tˇri tabulky. Prvn´ı(Locations) je seznam lokac´ı, druhá je seznam pˇredmˇet˚ u a informac´ı o nich. Tˇret´ı je seznam m´ıstnost´ı z dané lokace. Dále zde vid´ıme CheckBox All Room. Jeho zaˇskrtnut´ım zahrneme do tabulek vˇsechny pˇredmˇety ve vˇsech lokac´ıch(viz.obr.5.13). Nic nám jiˇz nebrán´ı ve v´ ybˇeru jak´ ychkoli pˇredmˇet˚ u.


54

Pˇriˇrazen´ı pˇredmˇetu uˇciteli je moˇzné v prvn´ı ˇcásti stránky. Vybereme m´ıstnost, zobraz´ıme jej´ı rozvrh(pˇredmˇety nepˇridˇelené uˇciteli jsou ˇcervené). Klikneme-li na pˇredmˇet, kter´ y chceme aby uˇcil vybran´ y uˇcitel, pˇredmˇet se mu hned zap´ıˇse. Pˇredmˇety obsazené jin´ ymi kantory se nezobrazuj´ı. Chceme-li pˇrej´ıt na tvorbu rozvrhu jiného uˇcitele, vybereme jeden z jeho pˇredmˇet˚ u ze seznamu v prostˇredn´ı ˇca´sti a potvrd´ıme tlaˇc´ıtkem Go To.

5.3.5

Tvorba obor˚ u

Pˇredmˇety snad na kaˇzdé ˇskole spadaj´ı do r˚ uzn´ ych obor˚ u a skupin. V návrhovém systému kromˇe toho, ˇze jsou ve skupinách (X01, X36, ...) a skupinách pˇredmˇet˚ u(povinnˇe volitelnéS, oborové-L, ...), je dalˇs´ı ˇclenˇen´ı a to podle oboru v kterém se uˇc´ı. Tedy Matematika ze ˇ ıd´ıc´ı technika v 5.semestru skupinˇe pˇredmˇet˚ skupiny X01 bude vyuˇcována v oboru R´ u S. Rozˇrazován´ı je umoˇznˇeno dialogov´ ym oknem obr.5.14.

Obrázek 5.14: Tvorba obor˚ u

Funkˇcnost je opˇet podobná pˇredchoz´ım dialogov´ ym okn˚ um a pˇredmˇety se do obor˚ u


55

zaˇrazuj´ı pomoc´ı ComboBox˚ u. Opˇet zde plat´ı, ˇze aplikace nás nenechá udˇelat ˇza´dn´ y nedovolen´ y krok(duplicitn´ı u ´daje, pˇredmˇet˚ u je v oboru jiˇz moc, ...). Je moˇzné filtrovat data a to bud’ jednotlivˇe, nebo pomoc´ı CheckBox˚ u filtry ”svázat”.

5.3.6

Nastaven´ı pˇ r´ıstupu

K nastaven´ı pˇr´ıstupu k jednotliv´ ym nástroj˚ um byl vytvoˇren administraˇcn´ı formuláˇr. Tento formuláˇr je pˇr´ıstupn´ y pouze administrátor˚ um. Tˇem umoˇzn ˇuje nastavovat pˇr´ıstupy ke stránkám pomoc´ı rol´ı.

Obrázek 5.15: Nástroj pro administraci pˇr´ıstupu k funkc´ım aplikace

Kapitola 6 Postˇ rehy a probl´ emy zaznamenan´ e pˇ ri tvorbˇ e programu Pˇri tvorbˇe programu jsem naráˇzel na mnoho chyb zp˚ usoben´ ych chybami v Silverlightu. To se ustálilo aˇz s pˇr´ıchodem koneˇcné verze Silverlight 2. Chyby tohoto charakteru zde neuvád´ım. Jsou zde uvedené pouze ty hlavn´ı problémy, nezp˚ usobené nevyladˇen´ım technologie.

6.1

Pot´ıˇ ze pˇ ri pˇ r´ıstupu k webov´ e sluˇ zbˇ e

Pakliˇze se Silverlight snaˇz´ı z´ıskat webovou sluˇzbu na jiném serveru neˇz se nacház´ı aplikace, pot´ ykáme se s cross-domain problémem. M˚ uˇze zde doj´ıt k mnoha r˚ uzn´ ym pot´ıˇz´ım. Tou nejˇcastˇejˇs´ı je ta na obr.6.1, tedy server nenalezen.

56

ˇ ´ ´ PRI ˇ TVORBE ˇ PROGRAMU57 KAPITOLA 6. POSTREHY A PROBLEMY ZAZNAMENANE

Obrázek 6.1: Chyba pˇri pˇr´ısrupu k webové sluˇzbˇe

Tato chyba je nejˇcastˇeji vyvolána nepˇr´ıtomnost´ı nebo chybou v souborech pro pˇr´ıstup ke sluˇzbˇe(clientaccesspolicy.xml, crossdomain.xml ). Soubory mus´ı b´ yt správnˇe nastaveny a uloˇzeny na správném m´ıstˇe, tedy na koˇreni domény kde je sluˇzba(viz.4.2.3)

6.2

Pˇ ripojov´ an´ı reference na sluˇ zbu

Pˇri pˇripojován´ı reference na sluˇzbu docház´ı ˇcasto k chybám. Tou nejˇcastˇejˇs´ı je asi ta odpov´ıdaj´ıc´ı obr.6.2.

Obrázek 6.2: Chyba pˇri pˇripojov´ an´ı reference na webovou sluˇzbu

To znamená, ˇze sluˇzba nen´ı dostupná, VS 2008 nem˚ uˇze stáhnout metadata potˇrebná k jej´ımu vybudován´ı. M˚ uˇze j´ı zp˚ usobit mnoho r˚ uzn´ ych vˇec´ı. Co na vˇetˇsinou pom˚ uˇze je restart Visual Studia. Pak je dobré zkontrolovat obsah souboru web.config, pˇr´ısluˇsej´ıc´ıho ˇ ast k dané aplikaci. V nˇem mus´ı b´ yt správnˇe definované tagy a <service>. C´ souboru Web.config, deklaruj´ıc´ı pˇripojovanou sluˇzbu, m˚ uˇze vypadat takto.

ˇ ´ ´ PRI ˇ TVORBE ˇ PROGRAMU58 KAPITOLA 6. POSTREHY A PROBLEMY ZAZNAMENANE ... <system.serviceModel> <serviceBehaviors> <serviceMetadata httpGetEnabled="true"/> <services> <service behaviorConfiguration="AppServicesBehavior" name="System.Web.ApplicationServices.RoleService"> <endpoint binding="basicHttpBinding" bindingConfiguration="userHttp" bindingNamespace="http://asp.net/ApplicationServices/v200" contract="System.Web.ApplicationServices.RoleService"/> ...

Dalˇs´ı moˇznou chybou je ta na obr.6.3 ta nastane, kdyˇz se snaˇz´ıme pˇripojit sluˇzbu, jej´ıˇz název se shoduje s názvem sluˇzby jiˇz nˇekdy pˇripojené.

Obrázek 6.3: Chyba pˇri pˇripojov´ an´ı sluˇzby

Pˇri ruˇsen´ı sluˇzby jsme zapomnˇeli vymazat deklaraci sluˇzby v souboru Web.config. Staˇc´ı jen umazat nódy , <service> z Web.config, pˇr´ısluˇsej´ıc´ı nepouˇz´ıvané sluˇzbˇe.

Obrázek 6.4: Chyba pˇri pˇripojov´ an´ı reference na webovou sluˇzbu

Pokud jsou splnˇeny vˇsechny v´ıˇse zm´ınˇené podm´ınky, s pˇripojen´ım sluˇzby by nemˇel b´ yt ˇza´dn´ y problém.

ˇ ´ ´ PRI ˇ TVORBE ˇ PROGRAMU59 KAPITOLA 6. POSTREHY A PROBLEMY ZAZNAMENANE

6.3

Probl´ emy s ASP.NET configur´ atorem

Chcete-li administrovat vaˇsi ASP.NET stránku ASP.NET konfiguraˇcn´ım nástrojem a pˇri jeho vyvolán´ı vyvstane chyba stejná jako na obr.6.5, znamená to absenci SQL databáze.

Obrázek 6.5: ASP.NET Configuration chyba

V normáln´ım pˇr´ıpadˇe se pˇri prvn´ım otevˇren´ı ASP.NET konfigurátoru k aplikaci do sloˇzky App_Data pˇripoj´ı databáze s názvem ASPNETDB.MDF. V naˇsem pˇr´ıpadˇe ji mus´ıme pˇripojit ruˇcnˇe. To znamená ji bud’ stáhnout z webu Microsoftu, nebo z´ıskat nˇejak´ ym jin´ ym zp˚ usobem a pˇres jej´ı connectionString, kter´ y pˇridáme do souboru Web.config, ji pˇripojit. Pak staˇc´ı restartovat ASP.NET konfigurátor a vˇse funguje jak má.

6.4

Odchyt´ av´ an´ı ud´ alost´ı myˇ si

Zdá se to b´ yt zvláˇstn´ı, ale je to tak. Silvelright nepodporuje obsluhu událost´ı myˇsi jako jsou MouseDoubleClick, MouseMiddleButton, MouseRightButton. Událostmi, které m˚ uˇzeme pouˇz´ıt pˇri programován´ı SL aplikace, jsou ty pro levé tlaˇc´ıtko myˇsi, a samozˇrejmˇe obsluha událost´ı klásnice. Rada na to jak tento problém obej´ıt nen´ı. A d˚ uvod absence tˇechto událost´ı? Je to pˇrenositelnost. Bylo to vˇzdy tak, ˇze to co fungovalo v IE nebo FireFoxu nefungovalo v Mac-Safari, tak nezb´ yvalo neˇz se zamˇeˇrit na tyto druhy prohl´ıˇzeˇc˚ u a kód upravit na m´ıru kaˇzdému zvláˇst’. To je silná stránka Silverlightu, opravdová pˇrenositelnost. Tlaˇc´ıtka myˇsi zde hraj´ı velkou roli. Donedávna platilo, ˇze Mac mˇel tradiˇcnˇe jedno tlaˇc´ıtko myˇsi. To se automaticky pokládá za to levé

ˇ ´ ´ PRI ˇ TVORBE ˇ PROGRAMU60 KAPITOLA 6. POSTREHY A PROBLEMY ZAZNAMENANE na myˇs´ıch pouˇz´ıvan´ ych ve Windows. Nové Macy maj´ı ovládac´ı zaˇr´ızen´ı s v´ıce neˇz jedn´ım tlaˇc´ıtkem, avˇsak s minulost´ı se mus´ı poˇc´ıtat. A jak do toho zapadá double click? To má p˚ uvod v pˇrenositelnosti Silvelrightu na mobiln´ı zaˇr´ızen´ı kde je dvouklik problém. Silverlight je velmi komplexn´ı technologie a na to mus´ıme myslet pˇri implementaci aplikac´ı v nˇem.

6.5

Silverlight configuration

Jak jsme mluvili o nemoˇznosti pouˇziván´ı pravého tlaˇc´ıtka myˇsi v Silverlightu neˇrekli jsme co se stane pouˇzijeme-li ho. Pouˇzit´ım pravého tlaˇc´ıtka myˇsi u jakékoli SL aplikace vyvoláme nástroj pro správu Silverlightu.

Obrázek 6.6: Nástroj pro správu SL aplikace

Tento nástroj umoˇzn ˇuje nastaven´ı chován´ı Silverlightu na klientském poˇc´ıtaˇci. Je zde moˇzné nastavovat druh aktualizac´ı pro Silverlight, umoˇznˇen´ı ukládán´ı dat do IsolatedStorage.

Odpovˇedi na hodnˇe otázek okolo Silverlightu lze naj´ıt napˇr´ıklad v [4].

Kapitola 7 Z´ avˇ er V rámci této diplomové práce byla vyzkouˇsena nová technologie Microsoftu pro tvorbu ´ RIA aplikac´ı, Silverlight. Ukolem práce bylo se s technologi´ı Silverlight seznámit, popsat jej´ı moˇznosti, klady a zápory. V´ ysledky byly porovnány s nejvˇetˇs´ım konkurentem, Adobe Flash. Silverlight komunikuje s databázemi pomoc´ı webov´ ych sluˇzeb. V rámci práce byly vyzkouˇseny pˇr´ıstupy k r˚ uzn´ ym datov´ ym zdroj˚ um pomoc´ı webov´ ych sluˇzeb. Vˇsechny tyto technologie a poznatky byly pouˇzity pˇri tvorbˇe pilotn´ıho projektu, kter´ ym byla zvolena aplikace pro tvorbu rozvrhu. Vytvoˇren´ y program umoˇzn ˇuje tvorbu rozvrhu ˇskoly od základn´ıho zadáván´ı poloˇzek do databáze, aˇz po nastavován´ı pˇr´ıstupu k aplikaci podle rol´ı uˇzivatel˚ u. Vˇse bylo integrováno do ASP.NET stránky a vlastn´ı nástroj dostal grafické uˇzatelské rozhran´ı, zaloˇzené na rol´ıch uˇzivatel˚ u. Na základˇe poˇzadavk˚ u na aplikaci byla vytvoˇrena relaˇcn´ı databáze uchovávaj´ıc´ı data aplikace. Vytvoˇrené rozhran´ı umoˇzn ˇuje u ´plnou tvorbu rozvrhu a je dobr´ ym základem pro v´ yvoj rozvrhového systému. Práce se Silverlightem, z programátorského hlediska, nebyla vˇzdy na v´ ybornou. Pˇri tvorbˇe rozhran´ı jsem naráˇzel neustále na problémy s technologi´ı Silverlight. Je tˇreba ˇr´ıci, ˇze bˇehem tvorby této práce se aktuáln´ı, nejnovˇejˇs´ı, verze Silverlightu nˇekolikrát zmˇenila. Aˇz v posledn´ım uvolnˇen´ı, na podzim roku 2008, byla k dispozici koneˇcná verze(Silverlight 2), tedy verze bez vˇetˇs´ıch chyb.

61

Literatura [1] ASP.NET 2.0 a C] profesion´ alnˇe. Matthew MacDonald, Mario Szpuszta, 2006. [2] Microsoft Developer Network MSDN. dostupn´ y na http://msdn.microsoft.com/en-us. [3] W3C konsorcium. dostupné na www.w3.org/. [4] Oficiáln´ı stránky Silverlightu, dostupné na http://silverlight.net/. [5] Blog Scotta Guthrie vˇenovaný Silverlightu, dostupné na http://weblogs.asp.net/scottgu/archive/2007/05/07/silverlight.aspx. [6] Návod na nastaven´ı Visual Studia pro implementaci Silverlight aplikac´ı, dostupné na http://silverlight.net/GetStarted/. [7] Blog s pˇr´ıspˇevky o vývoji webových aplikac´ı, dostupné na http://www.scottklarr.com. [8] Integrace AJAXu do ASP.NET, dostupné na http://www.asp.net/ajax/. [9] Hana Kozelková, Bakal´ aˇrsk´ a práce:Editor ER diagram˚ u s podporou pˇrevodu do relaˇcn´ıho modelu, Praha: UK MAT-FYZ, 2007. [10] Blog Scotta Guthrie vˇenovaný LINQ, dostupné na http://weblogs.asp.net/scottgu/archive/2007/05/19/using-linq-to-sql-part-1.asp. [11] Oficiáln´ı stránky Microsoft WCF, dostupné na http://msdn.microsoft.com/en-us/netframework/aa663324.aspx. [12] Oficiáln´ı stránky Microsoft WPF, dostupné na http://msdn.microsoft.com/en-us/netframework/aa663326.aspx. 62

LITERATURA [13] Portál s program´ atorskými tématy, dostupné na http://community.dynamics.com/blogs.

63

Pˇ r´ıloha A Seznam pouˇ zit´ eho softwaru c • Microsoft Windows XP° • Microsoft Visual Studio Team System 2008 • Microsoft Expression Blend 2.5 Beta • Microsoft SQL Server 2008 Express • Microsoft Office Visio 2003 • MikTex 2.7 • WinEdt 5 • FastStone Capture • BSR Screen Capture • Adobe Photoshop CS

I

Pˇ r´ıloha B Obsah pˇ riloˇ zen´ eho CD • Zdrojov´ e k´ ody: Zdrojové kódy vytvoˇrené aplikace pro Silverlight. • Datab´ aze: Databáze potˇrebné pro chod aplikace. • Dokumentace : Tento dokument ve formátu PDF, zdrojové kódy pro LaTeX. • Video : Videozáznam o pouˇzit´ı aplikace.

II

Fakulta elektrotechnická. Rozhraní nástroje pro tvorbu rozvrhu

Recommend Documents