Gl@stucE

Initiation à Silverlight 2 - Position des contrôles...

S@m3oul — Sat, 27 Sep 2008 18:13:00 +0200

Introduction :

Le système de positionnement par défaut adopté dans Silverlight 2 est celui de "Grid"...

On l'a, d'ailleurs, utilisé lors du Premier essai...

Dans ce billet, nous reviendrons plus en détail sur ce système et nous en verrons, également, 2 autres à savoir : StackPanel et Canvas...

Bonne lecture...

Le système de positionnement "Grid" :

Ce type de positionnement se base sur les composantes principales de toute grille "digne de ce nom" à savoir : les lignes (Rows) et les colonnes (Columns)...

Après avoir mentionné le nombre de cellules et de colonnes à considérer ainsi que leurs tailles respectives, il suffit d'ajouter les propriétés "Grid.Column" et "Grid.Row" à la balise de chaque contrôle du Grid...

Sachant que je souhaite disposer de 2 lignes (longueur de chacune : 40) et de 2 colonnes (largeur de chacune : 200) et mettre mon textbox au dessus du bouton,
le code XAML du Premier essai deviendrait :

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200"/>
            <ColumnDefinition Width="200"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
            <RowDefinition Height="40"/>
        </Grid.RowDefinitions>
        <TextBox x:Name="textbox" IsReadOnly="True" Text="C'est l'effet Silverlight !!" Visibility="Collapsed" Width="200" Height="25" Grid.Column="1" Grid.Row="0"></TextBox>
        <Button x:Name="bouton" Content="Afficher" Click="bouton_Click" Width="50" Height="25" Grid.Column="1" Grid.Row="1"></Button>
    </Grid>

Ce qui nous donne le résultat suivant lors de l'exécution :

Le système de positionnement "StackPanel" :

Dans ce système, il s'agit de juxtaposer les contrôles (de façon verticale ("Vertical") ou horizontale ("Horizontal") --> propriété "Orientation" du système) en veillant à mentionner la marge (ou espace --> propriété "Margin" du contrôle) les séparant...

Appliquons ceci à l'exemple du Premier essai :

    <StackPanel x:Name="LayoutRoot" Background="White" Orientation="Vertical">
        <TextBox x:Name="textbox" IsReadOnly="True" Text="C'est l'effet Silverlight !!" Visibility="Collapsed" Width="200" Height="25" Margin="10"></TextBox>
        <Button x:Name="bouton" Content="Afficher" Click="bouton_Click" Width="50" Height="25"></Button>
    </StackPanel>

Ce qui nous donne le résultat suivant lors de l'exécution :

Le système de positionnement "Canvas" :

Le positionnement des contrôles dans un Canvas se base sur 2 propriétés que sont : Canvas.Left et Canvas.Top...

Ces dernières doivent être mentionnées dans la balise du contrôle considéré... Elles précisent sa position par rapport au coin supérieur gauche de la fenêtre...

Reprenons l'exemple traité lors du Premier essai et rajoutons lesdites propriétés aux balises de la page "Page.xaml" :

    <Canvas x:Name="LayoutRoot" Background="White">
        <TextBox x:Name="textbox" IsReadOnly="True" Text="C'est l'effet Silverlight !!" Visibility="Collapsed" Width="200" Height="25" Canvas.Left="50" Canvas.Top="100"></TextBox>
        <Button x:Name="bouton" Content="Afficher" Click="bouton_Click" Width="50" Height="25" Canvas.Left="260" Canvas.Top="100"></Button>
    </Canvas>

Ce qui nous donne le résultat suivant lors de l'exécution :

N.B : J'ai procédé à un ajustement de la taille du textbox en réduisant sa longueur (propriété "Height") à 25...

Initiation à Silverlight 2 - Premier essai...

S@m3oul — Thu, 25 Sep 2008 02:12:00 +0200

Pour créer une application de type Silverlight 2 sous Visual Studio 2008, il vous suffit de démarrer votre IDE puis de :

1) Faire : Fichier, Nouveau, Projet...,

2) Choisir : "Visual C# / Silverlight", comme type de projet et "Application Silverlight" comme modèle de projet,

N.B : On aurait pu choisir "Visual Basic / Silverlight" comme type de projet. Chacun étant libre d'opter pour tel ou autre langage de programmation...

3) Spécifier : le nom du projet ainsi que l'emplacement sous lequel vous souhaitez le créer...

4) Opter pour : la génération automatique d'une page de test HTML (c'est suffisant pour un 1er exemple)...

Avec votre application ainsi créée, nous passons à présent à la partie pratique de ce 1er essai...

L'exemple à réaliser est très simple. Il se compose d'un :

- textbox invisible au départ, en mode ReadOnly (donc non éditable) et contenant la phrase : "C'est l'effet Silverlight !!",

- bouton pouvant avoir 2 intitulés : "Afficher" ou "Cacher".

Il s'agit, donc, ici de passer par les 2 états suivants :

Pour cela, commençons par ajouter les 2 contrôles précédemment évoqués à la partie XAML (sous la balise "Grid") de la page "Page.xaml"...

Vous devez obtenir ce qui suit :

    <Grid x:Name="LayoutRoot" Background="White">
        <TextBox x:Name="textbox" IsReadOnly="True" Text="C'est l'effet Silverlight !!" Visibility="Collapsed" Width="200" Height="100"></TextBox>
        <Button x:Name="bouton" Content="Afficher" Click="bouton_Click" Width="50" Height="25"></Button>
    </Grid>

Le code du gestionnaire d'événement "bouton_Click" relatif à un clic sur le bouton doit être mentionné dans le code behind de la page actuelle à savoir
"Page.xaml.cs" :

    private void bouton_Click(object sender, RoutedEventArgs e)
        {
            if (bouton.Content.ToString() == "Afficher")
            {
                textbox.Visibility = Visibility.Visible;     //afficher
                bouton.Content = "Cacher";
            }
            else
            {
                textbox.Visibility = Visibility.Collapsed; //cacher
                bouton.Content = "Afficher";
            }
        }

N.B :

* L'équivalent de :        textbox.Visible = true;        est désormais :        textbox.Visibility = Visibility.Visible;

* L'équivalent de :        textbox.Visible = false;      est désormais :        textbox.Visibility = Visibility.Collapsed;

* Pour mentionner l'intitulé d'un bouton, on doit dorénavant passer par la propriété "Content" dudit bouton.

Exemple : bouton.Content = "Intitulé du bouton";

Il ne vous reste plus qu'à appuyer sur la touche "F5" de votre clavier pour générer et exécuter votre application...

P.S : Remarquez au passage, qu'à chaque clic sur le bouton, la page ne se recharge pas... L'exécution se fait donc côté client... C'est l'effet Javascript...

Initiation à Silverlight 2 - Introduction...

S@m3oul — Thu, 25 Sep 2008 01:56:00 +0200

Introduction :

Silverlight, une autre technologie made in Microsoft...

Elle en est déjà à sa 2ème mouture et grâce à elle vous pourrez facilement créer des applications web riches mais également des jeux ou encore des animations...

Comment ça marche et quels en sont les principes?

C'est ce que nous tenterons de découvrir au travers de ce tutorial...

Avant de commencer :

Afin de pouvoir suivre et appliquer les exemples de Silverlight 2 proposés tout au long de ce guide, vous devez disposer des outils suivants :

- IDE : Visual Studio 2008,

- Composant additionnel : Microsoft Silverlight Tools Bêta 2 pour Visual Studio 2008 (Lien direct).

Prêt(e)s ? Eh bien, bonne lecture...

La Business Intelligence made in Microsoft...

S@m3oul — Sat, 09 Aug 2008 16:10:00 +0200

Introduction générale :

La firme du Redmond a encore frappé... Sa cible cette fois-ci porte le nom de : Business Intelligence... Ce concept d'informatique décisionnelle ou de BI (comme aime à l'appeler les initiés) est de plus en plus à la mode et constitue le passage obligé de toute entreprise aspirant à une place parmi l'élite dans un marché mondial de plus en plus rapide et incertain...

Le présent dossier a pour objectif de vous initier à la Business Intelligence de façon générale et à la solution Microsoft BI en particulier...

Bonne lecture et n'hésitez pas à me faire part de vos impressions et remarques...

La Business Intelligence en bref :

- Appellations : Business Intelligence, BI ou encore Informatique Décisionnelle.

- Date d'apparition : Fin des années 1970.

- Objectifs :

* Faciliter et accélérer le processus de prise de décision en fournissant aux décideurs de l'entreprise des informations fiables et en temps réel.

* Accroître la performance de l'entreprise en l'aidant à anticiper les évolutions futures (grâce aux données historisées et agrégées).

* etc...

- Principaux éditeurs de solutions BI : Business Objects, Cognos, Hyperion, Informatica, Information Builders, MicroStrategy, Microsoft, Oracle, SAS, etc...

Pré-requis :

Ce dossier contiendra également une partie tutorial. Pour pouvoir suivre et appliquer les exemples proposés, vous devez disposer des outils suivants :

* Système d'exploitation : Windows Server 2003.

* Intégration, Analyse, Reporting : SQL Server 2005 Service Pack 2.

* Portail décisionnel d’entreprise : Microsoft Office SharePoint Server 2007.

* Tableaux de bords, Analyse, Planification Budgétaire : Microsoft Office PerformancePoint Server 2007.

* Fouille de données (ou DataMining) : Microsoft Office Excel 2007.

* IDE : Visual Studio 2005.

Conclusion de la partie 1 :

C'est ici que se termine la 1ère partie du dossier. Mais avant de vous quitter, je tiens à vous informer que la 2ème partie sera consacrée à l'étude de l'architecture globale de la solution Microsoft BI...

A très bientôt...

Comment créer un lien vers une page web à l'aide des contrôles PictureBox et LinkLabel (Namespace: System.Windows.Forms) ?

S@m3oul — Sun, 13 Jul 2008 15:15:00 +0200

Si vous souhaitez qu'une fenêtre de votre navigateur web s'ouvre suite au clic sur un PictureBox ou un LinkLabel, il vous suffit de :

Double-cliquer sur le contrôle en question (en mode Design).
Saisir, dans l'événement de clic généré, l'instruction suivante :

System.Diagnostics.Process.Start(URL);

Avec, URL : chaîne de caractères (string) indiquant l'adresse web de la page souhaitée.

Exemple:

System.Diagnostics.Process.Start("http://glastuce.6mablog.com/");

Soyez les bienvenu(e)s sur Gl@stucE…

S@m3oul — Sat, 12 Jul 2008 20:23:00 +0200

public void Bonjour ()
{
     DotClear Blog = new DotClear ();

     Blog.Nom = "Gl@stucE";

     Blog.Auteur = "S@m3oul";

     Blog.DateCreation = "12/07/2008";

     Blog.Contenu1 = "Tout ce qui a trait au domaine du Génie Logiciel : conception, développement, toutes les technologies, tous les langages, etc…";

     Blog.Contenu2 = "Ensemble d’applications développées par mes soins et qui, je l’espère, vous serviront";

     Blog.Devise = "Etre à l’écoute des visiteurs, les faire participer et prendre note des remarques, commentaires, suggestions et autres conseils formulés";

     Console.WriteLine ("Soyez les bienvenu(e)s sur Gl@stucE…");
}