Kaufen

Designer und Developer Workflow

aus: Microsoft Silverlight 2

Begrüßung Microsoft Silverlight 2
Was ist Silverlight? Microsoft Silverlight 2
Designer und Developer Workflow Microsoft Silverlight 2
Silverlight-Ecosystem Microsoft Silverlight 2
Silverlight-Laufzeitumgebung Microsoft Silverlight 2

Über dieses Video

Meist sind es nur drei Schritte von der Idee zum Produkt, auch wenn sich das in der Praxis ab und zu etwas schwieriger und langwieriger erweist. Aber grundsätzlich gilt: Erst wird gestaltet, dann programmiert und dann veröffentlicht.

Auszug aus: Microsoft Silverlight 2

In diesem Video-Training erklärt Sascha Wolter, wodurch sich die zweite Version von Silverlight auszeichnet, welche Werkzeuge notwendig sind und wie diese funktionieren. Angefangen von Microsoft Expression Blend bis hin zu Microsoft Visual Studio beleuchtet er alle Bausteine Schritt für Schritt anhand eines realen Projekts und garniert mit reichlich Praxiserfahrung. Zahlreiche Tipps rund um Rich Internet Applications komplettieren dieses Training für Designer und Developer.

EUR 39,95

Kaufen

Ähnliche Video-Trainings

Willkommen zu diesem video2brain Video-Training. Sascha Wolter gibt Ihnen zu Beginn einen kurzen Überblick über die Inhalte, die Sie erwarten.

Begrüßung

00:41
Mit Silverlight erstellen Sie plattformübergreifende, anspruchsvolle und ansprechende Inhalte. Bei den Inhalten kann es sich um einfache Animationen, Videos, Spiele oder komplette Websites bzw. Business-Anwendungen handeln. Mit welcher Anwendung Sie Ihre Programme erstellen, bleibt dabei sehr flexibel.

Silverlight verstehen
- Mit Silverlight bietet Microsoft eine Technologie, die an WPF und .NET angelehnt ist und anspruchsvolle Webanwendungen ermöglicht. Der Anwender benötigt lediglich die Silverlight-Browser-Erweiterung. In diesem Video erhalten Sie einen Einblick in Silverlight und dessen Technologien im Hintergrund.
  
  Was ist Silverlight?
  
  07:53
- Microsoft liefert nicht nur die Silverlight-Laufzeitumgebung, sondern auch die zugehörigen Werkzeuge, mit denen Sie Rich Interactive Applications (RIAs) erstellen können. In diesem Abschnitt erhalten Sie einen Überblick über die Möglichkeiten anhand zahlreicher Beispiele.
  
  Rich Applications
  - In erster Linie geht es um die Ergebnisse beim Erzeugen von Inhalten. Silverlight ist dabei nur eine Technologie von vielen, mit der sich Rich Applications darstellen lassen. Das Ziel hinter RIAs ist, Internetapplikationen genauso leistungsfähig darzustellen wie Desktop-Anwendungen.
    
    Sinn und Unsinn von Rich Applications
    
    02:51
  - Beispiele dienen der Inspiration und oft auch als Diskussionsgrundlage mit Kunden. Doch dabei muss man immer darauf achten, nicht einfach nur Plagiate zu erstellen. Die Anwendungen reichen von einfachen Business-Anwendungen, über komplexe Videoanwendungen bis hin zu 3D-Anwendungen.
    
    Beispiele von Rich Applications
    
    04:00
- Ein großes Problem bei der Erstellung von Rich Applications ist der Designer-Developer-Workflow. Dank XAML und des Projektformats von Silverlight ist das Design von der Entwicklung vollständig losgelöst, arbeitet aber im gemeinsamen Projekt. Mehr zum Workflow erfahren Sie in diesem Abschnitt.
  
  Workflow und Werkzeuge
  - Meist sind es nur drei Schritte von der Idee zum Produkt, auch wenn sich das in der Praxis ab und zu etwas schwieriger und langwieriger erweist. Aber grundsätzlich gilt: Erst wird gestaltet, dann programmiert und dann veröffentlicht.
    
    Designer und Developer Workflow
    
    08:29
  - Das Silverlight Ecosystem besteht aus vielen Bausteinen, die zum Teil kostenlos, mitunter aber auch kostenpflichtig sein können. Wer sich nicht nur mit Kommandozeilen plagen mag, sollte einen Blick auf das Microsoft Expression Studio werfen.
    
    Silverlight-Ecosystem
    
    04:40
- In diesem Abschnitt lernen Sie die Programme kennen, die Sie zur Erstellung von Silverlight-Anwendungen verwenden können. Jedes dieser Entwicklungswerkzeuge hat seine Vorzüge. Wissen Sie einmal nicht weiter, so gibt es auch hierfür zahlreiche Quellen.
  
  Installation und Hilfe
  - Für die Darstellung von Silverlight-Anwendungen benötigen Sie nichts weiter als die Silverlight-Laufzeitumgebung – auch Player oder Plug-in genannt. Hier sehen Sie, wie Sie bei der Installation vorgehen.
    
    Silverlight-Laufzeitumgebung
    
    03:48
  - Die Werkzeuge rund um Silverlight benötigen zum größten Teil das Microsoft .NET-Framework ab Version 3.5 mit dem Service Pack 1. Ist das .NET-Framework noch nicht vorhanden, kann es automatisch installiert oder von der Microsoft-Website geladen werden.
    
    Microsoft .NET Framework
    
    01:46
  - In Expression Studio ist das Autorensystem Expression Blend enthalten. Blend dient zur Gestaltung von Oberflächen und Animationen für Silverlight- und auch WPF-Anwendungen. Nach erfolgreicher Installation von Expression Studio sollten Sie sichergehen, dass Sie die neuesten Servicepacks installiert haben.
    
    Expression Studio und Expression Blend
    
    02:49
  - Der Visual Web Developer und das Visual Studio erlauben ebenfalls die Erstellung großer Silverlight-Projekte. Anders als bei dem gestaltungsorientierten Expression Blend liegt hier der Schwerpunkt aber auf der Programmierung.
    
    Visual Web Developer und Visual Studio
    
    08:56
  - Um große Bilder und Bildsammlungen für eine effiziente Betrachtung im Web aufzubereiten, verwenden Sie den Deep Zoom Composer. Deep Zoom schneidet dafür die Bilder in kleine Kacheln für unterschiedliche Auflösungsstufen. Das Ergebnis ist eine Silverlight-Anwendung.
    
    Deep Zoom Composer
    
    03:09
  - Das Internet ist eine schier unerschöpfliche Quelle für Hilfestellungen – auch für Silverlight. Ebenfalls steht Ihnen das Online-Benutzerhandbuch zur Verfügung. Wo Sie am besten nach Hilfethemen suchen, erfahren Sie in diesem Video.
    
    Hilfe
    
    06:12
- Im ersten Projekt sehen Sie bereits, wie flexibel Sie Silverlight-Anwendungen erstellen. Je nachdem, ob Sie die Anwendung von der grafischen oder von der programmiertechnischen Seite betrachten, verwenden Sie unterschiedliche Entwicklungsumgebungen.
  
  Das erste Projekt
  - Einfacher geht es kaum: Mit dem Deep Zoom Composer ist eine fertige Webanwendung in nur drei Schritten erstellt! Sollte das Ergebnis nicht im Browser angezeigt werden, so sind ein paar Anpassungen erforderlich. Sehen Sie selbst.
    
    Deep Zoom Foto-Viewer
    
    06:41
  - Silverlight eignet sich hervorragend zur Darstellung von Videos im Web – und das plattformunabhängig ohne Windows. Damit können Sie windowsspezifische Dateiformate wie WMF auch auf MAC-Computern betrachten. Zur Aufbereitung von Videos bietet sich der Expression Encoder an.
    
    Expression Encoder Video-Player
    
    04:46
  - Für Animationen ist Blend die erste Wahl. Doch das Starten einer Animation mit einem Trigger (Auslöser) oder per Code erfordert ein wenig Geschick. Mehr dazu in diesem Video.
    
    Expression Blend Animation
    
    11:51
  - Das klassische Beispiel "Hallo Welt" ist in Visual Studio oder Visual Web Developer aus Sicht des Programmierers schnell erstellt. Die Oberflächen von Visual Studio und Visual Web Developer gleichen sich ohnehin, so dass ein Wechsel zwischen den beiden Programmen relativ unkompliziert erscheint.
    
    Visual Studio und Visual Web Developer
    
    10:51
In diesem Kapitel lernen Sie die vielfältigen Erstellungsmöglichkeiten von Silverlight-Projekten kennen. Neben der umfangreichen Medienintegration und der Kreation komplexer Formen können Sie Silverlight-Objekte auf verschiedene Arten animieren. Sehen Sie selbst.

Silverlight erstellen
- Das "Autorenwerkzeug" Expression Blend erlaubt die Erstellung von Silverlight-Anwendungen. Lernen Sie in diesem Abschnitt auch die Arbeitsumgebung von Expression Blend kennen.
  
  Expression Blend
  - Der Arbeitsbereich von Expression Blend unterteilt sich in die Werkzeugpalette, die Dokumentenansicht und viele Panels. Ein Panel wird auch gerne Palette, Inspektor oder Bedienfeld genannt – ganz nach dem Geschmack des jeweiligen Softwareherstellers.
    
    Arbeitsumgebung
    
    09:24
  - Ein Dokument kann per Designansicht, als XML-Quelltext oder gleichzeitig in beiden Ansichten dargestellt werden. Für eine optimale Arbeit können Sie die Oberfläche entsprechend anpassen und bestimmte Fensterteile ausblenden. Wichtige Einstellungen können Sie aber nach wie vor über die Symbolleiste vornehmen.
    
    Ansichtssache: XAML versus Design
    
    07:24
- In diesem Abschnitt sehen Sie das Einsatzgebiet von Pixel- und Vektorformen und welche Formen für welche Zwecke am besten geeignet sind. Mit vielfältigen Lösungswegen können Sie Formen, Farben, Verläufe und Beschneidungspfade erstellen. Auch Transparenzen sind dabei möglich.
  
  Formen und Farben
  - Es ist gar nicht so einfach, die richtige Wahl zu treffen, denn nicht immer sind Vektoren besser geeignet als Pixel. Glücklicherweise kann zum Beispiel aus Expression Design heraus beides erzeugt und in Expression Blend genutzt werden.
    
    Pixel versus Vektoren
    
    10:33
  - Expression Blend verfügt über einige komfortable Funktionen, um sich das händische Schreiben von XAML für komplexe Grafiken zu sparen. Mit dem Transformationswerkzeug steht auch ein leistungsstarkes Werkzeug zur Verformung dieser Objekte zur Verfügung.
    
    Grundformen und Pfade
    
    07:33
  - Fast alle Formen können mit fast jeder Farbe gestaltet werden. Geschickt gemacht ist so dank Farben und Pinsel eine Art zentraler Styleguide direkt im Projekt möglich. Lokale Farbressourcen helfen, ein konsistentes Aussehen zu erreichen. Mit einer Deckkraftmaske erstellen Sie eine Maskierung mit Alpha-Kanälen.
    
    Farben und Verläufe
    
    11:13
  - Sollen nur Teile einer Grafik oder Farbe sichtbar sein, so bietet Silverlight je nach gestalterischem Wunsch verschiedene Lösungswege an. Angefangen von transparenten Farbflächen sind auch transparente Farbverläufe möglich. Ebenso können Objekte miteinander kombiniert bzw. ein Beschneidungspfad erstellt werden.
    
    Beschneidungspfade und Deckkraft
    
    06:36
- Expression Blend unterstützt eine Vielzahl von Medienformaten wie Bilder, Video und Sounds, die Sie in einem Silverlight-2-Projekt verwenden können. Videos können Sie nicht nur in Rechtecke verpacken, sondern mit dem Video-Pinsel in beliebigen Formen anzeigen. Mehr dazu in diesem Abschnitt.
  
  Medienintegration
  - Silverlight unterstützt eine Reihe verschiedener Bildformate, darunter PNG und JPG. Sie müssen lediglich die Bilder in Ihr Projekt einfügen und können es anschließend in Ihr Projektfenster ziehen. Dabei wird automatisch der zugehörige XAML-Code erstellt.
    
    Bilder
    
    08:43
  - Eine der größten Stärken von Silverlight ist die Verarbeitung von Videos. Wie Sie Videos in einem von Silverlight unterstützten Format in eine Silverlight-Anwendung integrieren, erfahren Sie in diesem Video.
    
    Video
    
    07:17
  - Natürlich kann Silverlight auch mit Sound umgehen – einzig Endlosschleifen funktionieren (noch) nicht. Die Gestaltung funktioniert ähnlich wie die Integration von Videos. Sie benötigen ein Soundelement im geeigneten Format.
    
    Sounds
    
    05:24
  - Etwas versteckt findet sich die Möglichkeit, Videos auch als Pinsel zu nutzen. So kann ein Video eine beliebige Form ausfüllen und ist nicht auf ein rechteckiges Format beschränkt.
    
    Videos als Pinsel
    
    04:47
- Es gibt viele Möglichkeiten, in Silverlight-Projekten Animationen zu erstellen. In diesem Abschnitt sehen Sie, wie Sie Storyboards als Grundlage für Animationen definieren und wie Sie mehr Einfluss auf Animationen durch direkte Programmierung erlangen.
  
  Animation
  - Silverlight bietet viele Wege, um ansprechende Animationen zu erzeugen. Da ist es gar nicht so einfach, den besten Weg zu wählen. Eine Animation kann die Skalierung beeinflussen, Objekte drehen oder in der Position ändern. Farbwerte können ebenfalls animiert werden.
    
    Transformieren und Animieren
    
    08:02
  - Für die Animation benötigen Sie in erster Linie Objekte, die Sie über einen bestimmten Zeitraum animieren. Neben dem Animationsziel brauchen Sie ein Storyboard. Innerhalb des Storyboards definieren Sie die Animationen.
    
    Storyboard anlegen und starten
    
    09:29
  - Eine Animation wird in Blend durch Schlüsselbilder beschrieben. Stellen Sie zunächst den Zeitleistenregler auf den gewünschten Zeitpunkt und beginnen Sie mit der Animation. Die Möglichkeiten dabei sind vielfältig.
    
    Schlüsselbildanimationen mit Blend I
    
    07:26
  - Für eine übersichtlichere Gestaltung erstellt der Autor im zweiten Teil des Videos ein neues Storyboard, das übrigens auch im XAML-Code angelegt wird. Die Flamme wird innerhalb der Zeitleiste animiert. Sehen Sie selbst.
    
    Schlüsselbildanimationen mit Blend II
    
    08:57
  - Die größte Kontrolle über Animationen erhält man direkt im Code. Dank der Autovervollständigung in Visual Studio ist Code auch einfach zu erstellen. Öffnen Sie dazu einfach die Projektdatei in Expression Blend mit Visual Studio.
    
    Lineare Animationen in XAML
    
    10:30
- Moderne Webanwendungen erreichen neben einer beachtlichen Funktionsvielfalt auch eine durchaus spürbare Dateigröße, die das Vorausladen der Inhalte und die Visualisierung des Ladeprozesses erforderlich macht. Dieser Vorgang wird in Silverlight als Splash Screen bezeichnet. Mehr dazu in diesem Abschnitt.
  
  Splash Screen
  - Das UserControl-Steuerelement dient der Interaktion mit dem Benutzer. Wie Sie Aussehen und Verhalten der Controls beeinflussen oder dies weitgehend der Automatik überlassen, darum geht es in diesem Film.
    
    Layout und Steuerelemente
    
    10:22
  - Ein Splash Screen – also ein Preloader – wird ähnlich wie in Silverlight 1 erstelllt. Ein Splash Screen ist kein Bestandteil der Anwendung, sondern er wird unabhängig im Sourcecode als Parameter gesetzt.
    
    Silverlight-1-Projekt anlegen
    
    07:34
  - Auch wenn für Splash Screen ein Silverlight-1-Projekt zum Einsatz kommt, ist dieser nicht auf Silverlight 1 beschränkt. XAML-Dokumente können auch direkt vom Browser verarbeitet werden. Dies erfordert Anpassungen des Namensraums.
    
    Silverlight 1 kann Silverlight 2
    
    04:37
  - Animationen lassen sich per Auslöser von allein starten oder als Ressource verwalten. Sehen Sie in diesem Film, wie Sie vorgehen, um auch Silverlight-1-Animationen in Silverlight 2 zu verwenden und zu einem bestimmten Zeitpunkt zu starten.
    
    Eine Animation für einen Preloader
    
    07:33
  - Silverlight 1 und ein Splash Screen werden per JavaScript programmiert.
    
    Der Code mit JavaScript
    
    04:10
  - Die Einbindung eines Splash Screens gestaltet sich am einfachsten, wenn bereits eine Website und eine Silverlight-basierte Animation existieren. Dann fehlen nur noch wenige Angaben im zugehörigen HTML-Dokument – und Ihr Splash Screen ist fertig.
    
    Von Silverlight 1 zum Splash Screen
    
    11:42
  - Einblendungen abhängig vom Fortschritt steuern, oder Effekte unter bestimmten Voraussetzungen starten - aber nur dann, wenn Sie nicht schon gestartet sind. Wie das - und mehr - geht, erklärt dieses Video.
    
    Start der Animation
    
    08:51
Mit Silverlight funktioniert die Gestaltung von Anwendungen äußerst praktikabel. In diesem Kapitel sehen Sie, wie Sie Layoutanpassungen vornehmen, Steuerelemente einsetzen, Styleguides für ein konsistentes Aussehen benutzen und fachgerecht mit der Umsetzung auf Basis von Prototyping beginnen.

Silverlight gestalten
- In diesem Abschnitt lernen Sie die umfangreichen Möglichkeiten kennen, gestalterisch in Ihr Layout mit Silverlight einzugreifen. Der Autor zeigt Ihnen auch den Unterschied zwischen relativer und absoluter Positionierung der Objekte.
  
  Layout
  - Die Kombination von Größenangaben, Rändern und Ausrichtung bestimmt das Erscheinungsbild der Oberfläche. Über die Eigenschaften eines Objekts definieren Sie feste Größen oder Sie lassen die Größe automatisch in das übergeordnete Objekt platzieren, um eine möglichst optimale Browser-Nutzung zu erhalten.
    
    Größe, Ränder und Ausrichtung
    
    09:47
  - Border ist eine einfache Variante eines Containers, der letztendlich nichts anderes als einen Rahmen erzeugt. Unterschiedliche Einstellungen des Rahmens ermöglichen unter anderem auch abgerundete Ecken.
    
    Border
    
    09:02
  - Für den Fall, dass Inhalte größer sind als der zur Verfügung stehende sichtbare Bereich, bietet sich eine "scrollbare" Fläche an. Scrollbalken erstellen Sie beispielsweise mit dem speziellen Container "ScrollView".
    
    ScrollView
    
    08:36
  - Gleichförmige Layouts erreicht man mit dem StackPanel, das den Inhalt wie Boxen nebeneinander oder übereinander stapelt. Die Elemente werden also abhängig von ihrer Größe horizontal nebeneinander oder vertikal untereinander in einer Reihe platziert. Dies wird auch als Boxenlayout bezeichnet.
    
    StackPanel
    
    05:53
  - Vielen Entwicklern und Gestaltern fällt es leichter, ein Layout zu entwerfen, wenn sie mit absoluten Positionen der Elemente arbeiten. Dafür bietet Silverlight den "Canvas" an, der ein pixelgenaues Layouten ermöglicht.
    
    Canvas
    
    08:25
  - Der populärste Layoutcontainer innerhalb von Silverlight ist das Grid, das auch als Standardeinstellung für Layouts verwendet wird. Das Grid ist in seinen Möglichkeiten vielfältig zu nutzen, benötigt aber etwas Übung. Sehen Sie selbst.
    
    Grid
    
    08:11
  - Das Raster erlaubt komplexe und dynamisch anpassbare Oberflächen wie Formulare. Wie Sie damit einen Taschenrechner gestalten, demonstriert Ihnen der Autor in diesem Beispiel.
    
    Taschenrechner im Gridlayout
    
    10:36
- Für die Gestaltung der Benutzeroberfläche stehen Ihnen eine Vielzahl an vorgefertigten Steuerelementen zur Verfügung. Welche Möglichkeiten Sie mit diesen Steuerelementen aus der Werkzeugpalette haben und wie Sie weitere Steuerelemente verfügbar machen, erfahren Sie in diesem Abschnitt.
  
  Steuerelemente
  - Silverlight ist viel mehr als nur ein Animationswerkzeug und bietet mit mehreren Dutzend vorgefertigten Oberflächenelementen alles, was für komplexe Business-Anwendungen benötigt wird. Wenn etwas fehlt, kann es einfach per Assembly (DLL) nachgereicht werden.
    
    Steuerelemente und Objektbibliothek
    
    10:33
  - Silverlight stellt Texte dar und kann diese auch abhängig von den verwendeten Schriften formatieren. Expression Blend kann ebenfalls diese Art von Elementen erzeugen und Schriftarten einbetten. Beispielsweise erstellen Sie damit Textfelder für die Eingabe von Passwörtern.
    
    Text und Schrift
    
    11:46
  - Zwei der bekanntesten Item-Controls für die Darstellung von Auswahllisten sind das Klappmenü (ComboBox) und die Liste (ListBox). Diese Elemente sind in der Lage, viele Einträge darzustellen.
    
    ComboBoxen und ListBoxen
    
    07:12
  - Expression Blend hilft bei der Erstellung von eigenen Steuerelementen durch passende Befehle. In diesem Film sehen Sie ein Beispiel, wie Sie Elemente mit einfachen Mouseover-Zuständen versehen und zur Steuerung verwenden.
    
    Generierte Steuerelemente
    
    10:04
  - Benutzerdefinierte Steuerelemente lassen sich von Hand erstellen – letztendlich ist ja bereits der Startpunkt "Page.xaml" nichts anderes. Mehr erfahren Sie in diesem Video.
    
    Benutzerdefinierte Steuerelemente
    
    07:10
- Für ein konsistentes Aussehen empfiehlt sich die Verwendung von Styleguides. In diesem Abschnitt erfahren Sie unter anderem, wie Sie Farben und Pinsel verwalten, Styles festlegen oder Vorlagen für Oberflächenelemente erstellen.
  
  Styleguide
  - Ressourcenverzeichnisse verwalten zentral die Bestandteile einer Anwendung. Diese Verzeichnisse enthalten unter anderem die verschiedensten Werte und Templates, die Sie in Ihrer Anwendung nutzen können.
    
    Ressourcen
    
    08:02
  - Resourcenverzeichnisse verwalten alle möglichen Arten von Inhalten. Dazu zählen auch Farben und Pinsel. Konvertieren Sie einfach eine Farbe in eine Ressource, dann steht diese für weitere Objekte zur Verfügung. Mehr dazu sehen Sie in diesem Film.
    
    Farben und Pinsel
    
    09:46
  - Bilder gelangen als ImageBrush in ein Ressourcenverzeichnis. Es gibt zwar noch weitere Möglichkeiten der Bilderverwaltung, jedoch geht das in Express Blend und Visual Studio nicht ohne Schwierigkeiten.
    
    Bilder
    
    07:46
  - Styles beschreiben die Eigenschaften wie Farben, Schriftschnitt oder Rundungen von Oberflächenelementen. Wie einfach Sie solche Styles erstellen und speichern, erfahren Sie in diesem Video.
    
    Styles
    
    06:04
  - Mit Styles passen Sie Oberflächenelemente an. Stoßen Sie mit diesen Formatvorlagen an die Grenzen, ist es sinnvoll, mit Templates zu arbeiten. Templates beschreiben Bestandteile, aus denen Oberflächenelemente zusammengebaut werden.
    
    Templates
    
    11:24
  - Die Veränderungen – also z.B. die Zustände einer Schaltfläche – werden in einem Template über visuelle Zustände definiert und bei Bedarf auch animiert. Sehen Sie selbst.
    
    Visuelle Zustände
    
    08:15
- Der Weg von der ersten Idee bis zur fertigen Anwendung sollte durchdacht sein. Erfahren Sie in diesem Abschnitt, wie Sie beim Prototyping vorgehen, um vorab bereits eine interaktive Version zum Testen zu erhalten.
  
  Prototyping
  - Der Entwurf und Test der Anwendungsoberfläche, noch bevor es an die Programmierung geht, ist durchaus sinnvoll. Denn so lassen sich konzeptuelle Fehler in der Benutzerführung noch finden, bevor diese eine Auswirkung auf die Programmierung haben.
    
    Zustände mit Microsoft Visio
    
    05:08
  - Auf der Basis eines Fluss- oder Strukturdiagramms für eine Website können Sie ein Drahtgittermodell in Form von einfachen Zeichnungen erstellen. Dieses Modell dient als Basis für ein visuelles Storyboard, das die Anwendung beschreibt.
    
    Visual Storyboard mit Expression Design
    
    04:17
  - Mithilfe von Expression Blend erstellen Sie in Form eines Mock-up oder eines Click Dummies eine frühe interaktive Version zum Testen. Sehen Sie selbst.
    
    Page Switcher mit Expression Blend
    
    08:47
Wie Sie Silverlight programmieren, ist Inhalt dieses Kapitels. Zu Beginn erhalten Sie einen Crashkurs zu Visual Studio, um im weiteren Verlauf zu lernen, wie Sie Programmcode richtig strukturieren. Anhand zahlreicher Beispiele zeigt Ihnen der Autor auch verschiedene Methoden und Verfahren zur Programmierung.

Silverlight programmieren
- In diesem Abschnitt erfahren Sie, wie Sie ein neues Projekt in Visual Studio erzeugen und welche Programmiersprachen für neue Projekte zur Verfügung stehen. Mit welchem Editor Sie die Projekte bearbeiten, bleibt Ihnen überlassen. Sehen Sie selbst.
  
  Crashkurs Visual Studio
  - Visual Studio und der Visual Web Developer sind komfortable und umfangreiche Umgebungen für die Erstellung und Bearbeitung von Silverlight-Projekten. Im ersten Schritt sehen Sie in diesem Video, wie Sie ein neues Projekt erstellen.
    
    Arbeitsumgebung und Projektstart
    
    09:11
  - Wie auch bei anderen Projekten prüfen Sie Ihr Programm mit Debug-Befehlen auf Funktionalität. Möchten Sie Ihr Projekt veröffentlichen, wählen Sie komfortabel aus, welche Elemente integriert werden sollen. Wie Sie existierende Projekte oder vorhandene Medien hinzufügen, erfahren Sie ebenfalls in diesem Film.
    
    Debugging und Veröffentlichung
    
    08:27
  - Auch wenn bei Silverlight 2 meist C# als Programmiersprache zum Einsatz kommt, gibt es zahlreiche Alternativen von Visual Basic über JavaScript (JScript) bis hin zu IronRuby und IronPython. Die Entscheidung über die verwendete Sprache treffen Sie beim Anlegen eines Dokuments.
    
    Sprachvielfalt
    
    04:09
  - Visual Studio eignet sich sowohl für die Erstellung von Programmcode mithilfe des Codeeditors als auch für die Erstellung von Oberflächen in XAML. Darüber hinaus arbeitet Visual Studio auch direkt mit Expression Blend zusammen.
    
    XAML-Design und Codeansicht
    
    12:50
- Es gibt eine Reihe von Empfehlungen für die Gestaltung von Programmcode, die dessen Lesbarkeit erhöhen sollen. Eine weitere Herausforderung ist die Fehlervermeidung. In diesem Abschnitt lernen Sie verschiedene Konventionen sowie Hilfen zur Fehlervermeidung kennen.
  
  Programmcode strukturieren
  - Guter Code unterscheidet sich von schlechtem nicht nur durch die "Fehlerfreiheit", sondern auch durch die "Lesbarkeit". Um die Lesbarkeit von Code zu erhöhen, stellt unter anderem Microsoft Konventionen zur Verfügung. Eine weitere Möglichkeit zur Verbesserung der Lesbarkeit bieten Kommentare.
    
    Konventionen und Kommentare
    
    10:52
  - Das Vermeiden bzw. Finden von Fehlern zählt zu den größten Herausforderungen – egal, wie gut man eine Programmiersprache beherrscht. Visual Studio bietet hier zahlreiche Hilfen an, um die Fehlerzahl möglichst gering zu halten.
    
    Ausgabe und Debugging
    
    07:59
- Die Funktion der Code-Behind-Datei sowie die Steuerung durch Ereignisse sind die Inhalte dieses Abschnitts. Für eine bessere Programmstruktur zeigt Ihnen der Autor den Einsatz von Methoden und die Verwendung von Kontrollstrukturen.
  
  Ereignisse, Methoden und Variablen
  - Eine Trennung zwischen Gestaltung und Code ist dank XAML und Code-Behind bei Silverlight ganz normal. Lernen Sie hier den Zusammenhang zwischen Klasse und XAML-Dokument anhand des Beispiels "Taschenrechner" kennen.
    
    Code-Behind-Datei
    
    04:33
  - Im Innersten wird die Silverlight-Welt von Ereignissen zusammengehalten, denn Silverlight ist ereignisgesteuert. Benutzerereignisse wie Mausklicks und Systemereignisse wie das Ende eines Ladevorgangs bestimmen das Geschehen.
    
    Ereignisse
    
    08:08
  - Den Programmcode unterteilt man in Methoden. Diese Strukturierung verbessert die Lesbarkeit und erlaubt die Wiederverwendung.
    
    Methoden
    
    04:25
  - Der Ort für die Werte einer Anwendung sind Variablen und Eigenschaften. Dort gehören die Zustände und Datenmodelle auch hin.
    
    Variablen und Eigenschaften I
    
    11:30
  - Jetzt programmieren Sie die Grundrechenarten des Taschenrechners. Die hier verwendete Methode ist "AddOperation". Welche Schritte noch erforderlich sind, erfahren Sie in diesem Video.
    
    Variablen und Eigenschaften II
    
    05:21
  - Den Programmfluss – also die Reihenfolge der Codeabarbeitung – steuern Schleifen und bedingte Anweisungen. Wie Sie dabei vorgehen, zeigt Ihnen der Autor in diesem Video.
    
    Kontrollstrukturen
    
    05:59
- Anhand eines ausführlichen Beispiels lernen Sie in diesem Abschnitt den Einsatz von Objektmodellen und Listen kennen. Die verwendeten Bindungen sind hierbei äußerst hilfreich bei der Synchronisation der Dateien. Wie Sie das Erscheinungsbild von Listen und Tabellen beeinflussen, erfahren Sie ebenfalls hier.
  
  Klassen, Bindungen und Listen
  - C# zählt zu den objektorientierten Sprachen, die ähnlich wie Java und Co arbeiten. Sehen Sie hier den Einsatz von Namensräumen, Klassen und Eigenschaften.
    
    Klassen und Eigenschaften
    
    08:37
  - Auch direkt in XAML können eigene Objekte verwendet werden. Wie Sie dabei vorgehen, zeigt Ihnen der Autor in diesem Film.
    
    Objektmodelle in XAML
    
    10:38
  - Bindungen erledigen die meiste Arbeit beim Synchronisieren von Dateien fast von allein. Den Einsatz von Bindungen sehen Sie in diesem Video anhand eines Beispiels.
    
    Bindungen
    
    08:40
  - In diesem Beispiel verwendet der Autor definierte Listen, die er im Laufe des Videos in Expression Blend gestaltet.
    
    Listen in Expression Blend
    
    02:53
  - XAML bietet sich auch für die Erstellung von komplexen Datenmodellen an. Im gezeigten Beispiel können Sie über den Datenkontext durch alle Kindelemente dieser Anwendung auf das Objekt zugreifen. Dies ist auch mit Listenobjekten möglich.
    
    Listen in XAML
    
    08:41
  - Mit den Datenvorlagen wird das Erscheinungsbild von Listen und Tabellen beeinflusst. Mehr dazu erfahren Sie in diesem Video.
    
    Data Templates
    
    08:55

Designer und Developer Workflow

aus: Microsoft Silverlight 2

Über dieses Video

Auszug aus: Microsoft Silverlight 2

Filminformationen