le Blog officiel du club .NET de la Faculté des Sciences de Tunis

Archives de la catégorie ‘WorkShop’

Atelier XNA N°1


Bonsoir les amis,

Un atelier XNA a eu lieu le Mercredi 12 Octobre à partir de 12h20 au local de notre Club .NET+ dans une ambiance amicale.Pour commencer vous trouverez avec cet article le projet du jeux qu’on va élaborer dans nos ateliers.Le code est bien commenté, s’il y a des questions n’hésitez pas de les poser 😉

Qu’est-ce que XNA ? Un ensemble d’outils destinés aux éditeurs de jeux vidéo. Centré sur Visual Studio, XNA s’appuie très largement sur DirectX, en fournissant d’autre part des outils d’intégration de contenu ainsi qu’une documentation. Le but est d’accélérer le développement des jeux en permettant de sortir presque simultanément un titre sur Windows et Xbox 360. Maintenant, il faudra ajouter Windows Phone 7.

Voici le plan de notre projet,les étapes de vie de notre jeux:

1) Rendre la Ship déplaçable( Touch)

2) Animer la Ship ( Fumée …)

3) Ajouter un Background

4) Crier des Enemies

5) Collision

6) Shooting Enemies

7) Making things explode

8 ) Add sounds

9) Add Score and Health

C’est ce qu’on aura  à la fin du projet nchallah ,on va bien jouer cette année avec XNA !!C’est motivant et c’est amusant 🙂

NB : Pour voir l’animation téléchargez l’image puis ouvrez la avec votre navigateur .

Dans les prochains Ateliers on développera nchallah:

1) Rendre la Ship déplaçable( Touch)

2) Animer la Ship ( Fumée …)

Lien pour télécharger le projet : http://www.megaupload.com/?d=LUQBCRX8

Amusez vous bien avec XNA et commencez  votre émission à découvrir le monde de jeux 🙂

Bon travail on compte sur votre motivation et surtout votre passion !!

By  Guerbouj Brahim

Atelier WPF N° 3


Le 3eme atelier WPF a eu lieu  Mercredi Le 02/03/2011 au local du Club DotNetPlus.L’atelier a commencé par un bref rappel sur ce qu’on a pratiqué dans les précédents ateliers.Après la maitrise de tout ce qui est utilisation de contrôle, chekbox, textbox… On avance dans cet atelier  un peu dans la gestion de tout ce qui est traitement, tout ce qui est action, il s’agit du code behind.
On a commencé par la récupération des données saisies par l’utilisateur  Nom, prénom, date naissance..  Sous forme des chaines de caractères ou on dit  des données de type string et de l’afficher dans une boite de dialogue  grâce à  MessageBox.Show( nom,  prenom ) ; MessageBoxe est une classe, Show est une méthode de classe qui a pour but d’afficher le contenu des variables nom et prénom dans une boite du dialogue.

Arrivons à la date naissance, qui est une donnée repartie sur 3 ComboBox  jour, mois et année soit alors 3 ComboBox : ComboBoxJour, ComboboxMois et ComboboxAn .
L’idée consiste à récupérer le contenu de 3 ComboBox et faire une petite concaténation pour avoir finalement la date naissance.
Commençons par taper le code suivant :

Pour avoir l’Item sélectionné par l’utilisateur, il suffit d’appeler le nom de ComboBox utilisé  à l’aide de SelectedItem on récupère l’Item sélectionné et on ajoute à la fin la méthode ToString() qui permet la conversion  d’une donnée (int, double…) en une chaine de caractères, soit finalement  comboBoxJour.SelectedItem.ToString(),  le résultat sera stocké dans la variable jour.
Affichons le contenu de jour grâce à MessageBox.Show(jour) ;

Exécution !! :
On choisit par exemple 3 et on clique sur le bouton  appliquer

Résultat :

On a des informations superflues  « System.Windows.Controls.ComboBoxItem »
System.Windows.Controls est le namespace  ou se trouve la classe ComboBoxItem.
Pour éviter ce superflu d’information, il suffit de prendre le nécessaire de cette chaine c’est à dire d’afficher seulement 3.
Solution c’est la méthode Substring(arret, arret – lobguer) voici le code :

La méthode LastIndexOf(‘ : ’)  donne l’index de dernier ‘ : ’ dans la chaine .
Exécution :


De même pour mois et année soit alors le code suivant :

Exécution : 

On aura :


Dans une interface graphique, On exige par fois sur l’utilisateur de choisir une seule option comme par exemple le choix du sexe (Homme, Femme) et parfois   des choix multiples le cas échéent hobbies.  Appliquant  sur le statut Professionnel et le statut social, soit alors le code suivant :

Un petit contrôle sur la valeur de la  propriété IsChecked si elle est True on retourne dans statut le contenu de CheckBox grace à la propriété Content.

D’où statut = checkbox1.Content.ToString ( ) ;
Le même principe pour le radioButton 😉

Une exécution finale :

On clique sur le bouton appliquer on aura le message suivant :

Félicitation ! Mission accomplie ;).

A ce stade, Vous maitrisez l’utilisation de tout ce qui est graphique (contrôles   Bouton, CheckBox…) et tout ce qui est traitement peut être effectué par un simple clic sur un Button,alors à ce niveau on aura besoin de stocker les informations entrées par l’utilisateur dans une base des données qu’on va la voir prochainement dans nouveau atelier dont le but est de pratiquer interaction entre interface graphique et base des données.

Soyez au rendez vous au prochain Atelier ;).

NB : Voici le code source du projet que vous pouvez le télécharger à partir d’ici.
NB: Voici le lien de Webcat 1
Voici le lien de Webcat 2
Voici le lien de Webcast du cet Atelier.

Traduit par: Guerbouj Brahim

Atelier WPF n°2


Bienvenue à tous

Comme prévu mon 2éme atelier sur WPF a eu lieu hier le 09/02/2011 dans le local de Club .NET+ durant 1h30

Dans ce workshop on a continuer notre découverte des contrôles de WPF par celle des contrôles de formulaires. Un formulaire est clairement ce qui va proposer à l’utilisateur un espace de saisi dans l’interface de votre programme, cet espace de saisi n’est bien sûr pas limité à des contrôles comme les Textbox ou Richtextbox mais peut aussi être des CheckBox, RadioButton ou encore ComboBox comme on pourra le voir dans cet atelier.

Il porte généralement sur un rappel de ce qui est déjà vue en premier atelier et un avancement dans le développement avec WPF pour la gestion des contrôles d’un formulaire .NET+ dans une ambiance amicale et favorable surtout coté pratique et le partage.

En revanche il faut garder à l’esprit qu’un contrôle est avant toute chose un objet, un élément d’une fenêtre qui va permettre à l’utilisateur de cette dernière d’interagir avec la couche métier de notre application.
Cet atelier est extrêmement important pour la suite de travail car il en découlera les notions sur les Templates, très important en WPF, et la création de nos propres contrôles et ainsi notre propre application.

Je vous remercie tous et je vous invite à voir les liens ci_joint et à refaire le workshop pour s’habituer au travail et maîtriser la combinaison entre XAML et code behind.

voici les liens
Webcast 2 WPF_part1
Webcast 2 WPF_part2

je compte sur votre motivation et votre travail 🙂

Traduit par Nawres Abroud

Windows Phone 7 for beginners #workshop1


How could You go about presenting a Windows Phone 7 application ??

Monday 10/01/2011  I started with the first workshop about Windows phone 7 for DotNet+ Club in the Faculty of Sciences of Tunis.

As my audience is mainly students , some of them don’t know too much about Microsoft Technologies, I decided not to go deeper with development and focus on a WP7 overview.

My talk was devided into 5 parts:

1- Philosophy behind the WP7

2- The Design

3- The Experience

4- The Platform

5- Hello-WP7 Demo

You can find the slides and Demo here.

Let the real Mobile Phone Applications begin …

WP7 is on the offensive !!!

 

By Othmani Rabeb

Atelier Windows Presentation Foundation n°1


Salut tout le monde
Hier le 05/01/2011 au local de Club .NET on a commencé le premier atelier dans la formation WPF assurée par moi Nawres Abroud .
Durant 1h30 et dans une ambiance amicale, j’ai accompagné les membres présents dans la découverte, tant théorique que pratique,de Windows Presentation Foundation(WPF)..Vous entendez régulièrement parler de la technologie WPF  sur votre lieu de travail, sur le site MSDN,ou ailleurs, mais vous ne savez pas ce qui se cache derrière cet acronyme ?Ou vous n’en avez qu’une vague idée?

Et bien voilà WPF est la nouvelle technologie de développement d’interface graphique  apparue en même temps que Windows Vista, et qui se présente comme le successeur des Windows Forms. Comme vous l’avez vu, WPF est la technologie idéale pour la construction d’applications offrant une expérience utilisateur plus personnalisée , qu’elles offrent la collaboration entre le developpeur et le designeur .

Quels gains espérer à l’utilisation de cette nouvelle brique du Framework ? »,
« Faut-il préférer les techniques avec code ou avec XAML ? », « Comment déployer ces nouvelles interfaces ? », »Comment personnaliser l’aspect graphique ? »

Comme je l’ai déjà mentionné la premiére partie de mon atelier  a porté sur une Introduction à la présentation avec WPF  portant essentiellement sur les nouveaux types d’applications avec WPF,le langage XAML ,les classes de base du Framework et une présentation des outils VS2010 et Blend.

En quittant la théorie vers la pratique ,on a créer un nouveau projet WPF dans VS2010 que vous pouvez télécharger gratuitement en version express(lien) et on a commencé à débuter avec WPF avec une simple application tirant parti du Framework et mettant des concepts derrière les termes WPF, XAML  afin de maîtriser l’utilisation et la création de composants graphiques,comprendre à utliliser les Layouts et les contrôles WPF,exploiter les possibilités du langage XAML en collaboration avec le code behind de l’application.

En regardant dans les yeux de mes amis j’ai constaté qu’ils étaient vraiment motivés et attiré par la performance et la personnalisation qu’offrent WPF ..on a découvert comment utiliser WPF pour implémenter des interfaces graphiques évoluées et comment gérer le nouveau langage déclaratif XAML et j’espére que vous serez bientôt en suivant la formation WPF en mesure de configurer et déployer des applications WPF … et pourquoi pas à la fin vous serez capables de réaliser de bout en bout une application  😉

Enfin je vous envoie mon premier Webcast « Initiation à WPF » qui résume tout ce que j’ai venu de dire et de faire hier lors de l’atelier ..voici le lien

Dans notre prochain atelier on va avancé dans notre application et on va découvrir les animations avec WPF donc gardez votre partance et votre motivation ,commencez le travail dés maintenant pour bien débuter et poursuivre la formation dans les bonnes conditions ..on va découvrir ensemble les possibilités qu’offrent Microsoft Expression Blend (que vous pouvez aussi télécharger lien )dans la partie design pour une expérience utilisateur plus dynamique et plus personnalisé ..donc je vous encourage de commencer le travail et à la prochaine nchallah,en attendant, vos questions et vos commentaires sont toujours les bienvenues 🙂

N’hésitez surtout pas de nous contactez dans le local de notre Club .NET+ ou dans notre mailing liste .

Be Active !!Be Motivate !! Keep going You are certainly the best  😉

Traduit par Nawres Abroud

Atelier Framework .NET…


 

Aujourd’hui un atelier a eu au local du Club DotNetPlus durant 45 minutes. Une  présentation a été assurée par Guerbouj Brahim( Moi) porte sur une initiation sur la Framework  .Net dans une ambiance amicale avec les membres présents (IF3, IF4, LFI…) tous  passionnés et intéressés par la technologie .Net.
Et avec  C’est Quoi le Framework ?on s’est intégré dans le monde .NET , Brahim a procédé tout d’abord par une explication des notions de base d’un Framework, ça consiste à quoi? Ça sert à quoi ? En donnant finalement  une définition  illustrée par un schéma explicatif.

Une vision sur l’historique du Framework.NET a été acquise depuis le lancement de la 1ère Framework  1.0 et arrivant à la version  4.0 pour mettre en valeur les composants de chaque Framework et pour marquer l’évolution de chaque étape.

Pour clôturer un retour sur les langages de programmation pour bien débuter avec les applications ,ainsi l’environnement de développement le plus adéquat Visual Studio 2010 et Expression Studio 4.

Un acheminent bien simple et une méthodologie adéquate adapté par Brahim pour nous fournir le nécessaire sur les bases de framework .NET.

Pour avoir plus des détails sur la Framework.NET veuillez voir les liens ci-dessous.
Framework .NET:

1)      http://morpheus.developpez.com/PresentationFX3/PresentationFX3.pdf

2)      http://fr.wikipedia.org/wiki/Framework_.NET

3)      http://fr.wikipedia.org/wiki/ASP.NET

4)      http://fr.wikipedia.org/wiki/ADO.NET#ADO.NET

Article écrit par: Brahim Guerbouj

Nuage de Tags