Initiation au code : Ateliers en C# (applications desktop et mobile native)

Coding : Initiation
Ateliers en C#

4 parties
Introduction
Atelier 1 : Application « de bureau »
Atelier 3 : Site Web
Atelier 2 : Application mobile native

Atelier 1 : Application « de
bureau »

Présentation de l’outil : la base

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace SayMyName
{
// Une classe : on verra plus tard ce que c'est
class Program
{
// Une méthode (une fonctionnalité)
static void Main(string[] args)
{
ENTREZ VOTRE CODE ICI
}
}
}

Ex:
- Afficher du texte à l’écran suivi d’un retour chariot :
« Writeline »
- Lire un texte tapé au clavier « ReadLine »
Ex : classe « Console » pour toutes les fonctionnalités de la
fenêtre d’exécution de l’application console:
Console.WriteLine, Console.ReadLine

Console.ReadKey();
// Les paramètres
Console.WriteLine("Who are you ?");
Console.ReadLine();

// Lit une chaine de caractères terminée par
retour chariot (return)
string name = Console.ReadLine();
// A vous ! Affichez “Nice to meet you xxx”
Console.WriteLine("Nice to meet you ");
Console.WriteLine(name);
// ou
Console.WriteLine("Nice to meet you " + name);
// ou
// …

// On veut afficher l'âge de la personne en le déduisant à partir
de son année de naissance
Console.WriteLine("When were you born ?");
// A vous : Récupérez l’année de naissance saisie dans une
variable
string year = Console.ReadLine();
// On va faire une soustraction : 2013 – year
// pour cela, on a besoin d'avoir une valeur entière et non une
chaine de caractères (texte)
int yearNum = int.Parse(year);
// Essayez de saisir une valeur non numérique…quel est le
résultat ? On verra tout { l’heure comment résoudre ce problème
//int age = 2013 - yearNum;
// Mieux :
int age = DateTime.Now.Year - yearNum;
// A vous : Affichez l’age de la personne
Console.WriteLine("You are " + age.ToString());

// Afficher un message différent selon que l'on soit jeune
ou vieux
// (à vous de décider l'âge à partir duquel on est vieux !)
if(age < 40)
{
// A vous : petit message pour les jeunes
mentionnant le nom de la personne
Console.WriteLine("You are young, lucky " + name);
}
else
{
// A vous : petit message pour les
vieux, mentionnant le nom de la personne
Console.WriteLine("You are experienced, " + name);
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace ConsoleApplication1
{
class Program
{
{
Console.WriteLine("Who are you ?");
string name = Console.ReadLine();
Console.WriteLine("Nice to meet you " + name);
Console.WriteLine("Entrez votre année de naissance:");
string annee = Console.ReadLine();
int anneeInt = int.Parse(annee);
int age = DateTime.Now.Year - anneeInt;
Console.WriteLine("You are " + age);
if (age < 40)
{
// A vous : petit message pour les plus jeunes mentionnant le nom de la personne
Console.WriteLine("You are young, lucky " + name);
}
else
{
// A vous : petit message pour les plus agés, mentionnant le nom de la personne
Console.WriteLine("You are experienced, " + name);
}
Console.ReadKey();
}
}
}

// Créons un petit jeu. Le principe :
// L’app choisit au hasard un nombre entre 1 et 20 et vous le fait deviner
// A vous : développer c’est aussi savoir trouver l’information. Trouvez
le nom de la classe qui permet de manipuler des nombres aléatoires
// Question Bonus : quelle est la méthode permettant d’en générer un ?
int randomed = new Random().Next(20) + 1;
// A VOUS : Demander { l’utilisateur de saisir un nombre et stockez-le
dans une variable
Console.WriteLine("Pick a number :");
string picked = Console.ReadLine();
// Vérifier la validité de la saisie avec TryParse
int pickedNum;
int.TryParse(picked, out pickedNum);
// Quelle est la signature de TryParse ?
// Le code retour nous permet de savoir si va conversion a réussi ou non
(type booléeen peut prendre 2 valeurs : true/false)
bool isNumeric = int.TryParse(picked, out pickedNum);

// Puis on encadre ça avec une boucle pour réitérer la saisie
jusqu'à ce qu'elle soit valide
bool isNumeric = int.TryParse(picked, out pickedNum);
while(isNumeric == false)
{
// A VOUS : Trouvez le code à écrire ici
Console.WriteLine("Hey that's not a number, try again :");
picked = Console.ReadLine();
isNumeric = int.TryParse(picked, out pickedNum);
}
// A votre avis, pourquoi n’a-t-on pas besoin de notre variable isNumeric ici ?
while(int.TryParse(picked, out pickedNum) == false)
{
}

// A vous : Tant qu’on n’a pas trouvé on recommence
// Trouvez la condition qui permet de refaire un essai de devinette
while(pickedNum != randomed)
{
// A Vous : On aide l’utilisateur : on lui indique si c’est plus ou moins
if(pickedNum > randomed)
{
Console.WriteLine("It's less");
}
else
{
Console.WriteLine("It's more");
}
// A VOUS : Qu’y a-t-il de remarquable dans le paragraphe suivant ?
// Replace it by a function
while (int.TryParse(picked, out pickedNum) == false)
{
}
}
// On sort de la bouclez quand les 2 nombres sont identiques, donc on a gagné !
Console.WriteLine("Yes ! You found my number :" + randomed);

{
int pickedNum;
string picked = Console.ReadLine();
{
}
while (pickedNum != randomed)
{
if (pickedNum > randomed)
{
}
else
{
}
{
}
}
Console.ReadKey();
}

/// <summary>
/// Cette fonction renvoie un nombre saisi par l'utilisateur
/// </summary>
/// <returns></returns>
static int PickANumber()
{
string picked;
int pickedNum;
{
}
return pickedNum;
}

pickedNum = PickANumber();
// Tant qu’on n’a pas trouvé on recommence
while(pickedNum != randomed)
{
// On aide l’utilisateur : on lui indique si c’est plus ou moins
if(pickedNum > randomed)
{
}
else
{
}
// Replace it by a function
//picked = Console.ReadLine();
//while (int.TryParse(picked, out pickedNum) == false)
//{
// Console.WriteLine("Hey that's not a number, try again :");
// picked = Console.ReadLine();
//}
}

{
int pickedNum;
{
if (pickedNum > randomed)
{
}
else
{
}
}
Console.ReadKey();
}
static int PickANumber()
{
string picked;
int pickedNum;
{
}
return pickedNum;
}

// On crée des méthodes pour plusieurs raisons :
// - réutilisation
// - clarification (groupement fonctionnel et lisibilité du code)
// Normalement, quand on lit du code, on doit pouvoir comprendre ce qu'il fait
// -> importance du nommage
// -> architecture et découpage
{
NouvellePartie();
Console.ReadKey();
}
static void NouvellePartie()
{
int pickedNum;
{
// Essaie encore
pickedNum = TryAgain(pickedNum, randomed);
}
// C'est Gagné
YouWin(randomed);
}

{
int pickedNum;
{
// Essaie encore
pickedNum = TryAgain(pickedNum, randomed);
}
// C'est Gagné
YouWin(randomed);
}

class Program
{
public static int Randomed { get; set; }
public static int PickedNum { get; set; }
{
NouvellePartie();
Console.ReadKey();
}
{
Randomed = new Random().Next(20) + 1;
PickANumber();
while (PickedNum != Randomed)
{
// Essaie encore
TryAgain();
}
// C'est Gagné
YouWin();
}
static void YouWin()
{
Console.WriteLine("Yes ! You found my number :" + Randomed);
}
static void TryAgain()
{
if (PickedNum > Randomed)
{
}
else
{
}
PickANumber();
}
static void PickANumber()
{
string picked;
int pickedNum;
{
}
PickedNum = pickedNum;
}
}

/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
int Randomed;
int PickedNum;
int NbEssais;
public MainWindow()
{
InitializeComponent();
}
}

public partial class MainWindow : Window
{
int Randomed;
int PickedNum;
int NbEssais;
public MainWindow()
{
}
void NouvellePartie()
{
}
void PickANumber()
{
}
private void YouWin()
{
}
private void TryAgain()
{
}
private void btNouvellePartie_Click(object sender, RoutedEventArgs e)
{
}
private void btValider_Click(object sender, RoutedEventArgs e)
{
}
}

sur évt click
au démarrage
sur évt click

public MainWindow()
{
NouvellePartie();
}
{
NouvellePartie();
}

{
if(PickedNum == Randomed)
{
YouWin();
}
else
{
TryAgain();
}
}
{
if(PickANumber() == true)
{
{
// C'est gagné
YouWin();
}
else
{
// Essaie encore
TryAgain();
}
}
tbNombreSaisi.Clear();
}

{
NouvellePartie();
}
{
if(PickANumber() == true)
{
{
// C'est gagné
YouWin();
}
else
{
// Essaie encore
TryAgain();
}
}
tbNombreSaisi.Clear();
}

bool PickANumber()
{
bool res;
string picked = tbNombreSaisi.Text;
int pickedNum;
// Vérifie saisie
if ((res = int.TryParse(picked, out pickedNum)) == false)
{
tbInfo.Text = "Ce n'est pas un nombre, réessaie...";
}
else
{
}
return res;
}

{
NbEssais = NbEssais + 1;
tbEssais.Text = "Essai no " + NbEssais;
{
tbInfo.Text = "C'est moins";
}
else
{
tbInfo.Text = "C'est plus";
}
}

{
tbInfo.Text = "C'est gagné !!";
btValider.IsEnabled = false;
}

bool PickANumber()
{
bool res;
string picked = tbNombreSaisi.Text;
int pickedNum;
// Vérifie saisie
if ((res = int.TryParse(picked, out pickedNum)) == false)
{
tbInfo.Text = "Ce n'est pas un nombre, réessaie...";
}
else
{
}
return res;
}
{
NbEssais = NbEssais + 1;
tbEssais.Text = "Essai no " + NbEssais;
{
tbInfo.Text = "C'est moins";
}
else
{
tbInfo.Text = "C'est plus";
}
}
{
tbInfo.Text = "C'est gagné !!";
btValider.IsEnabled = false;
}
static void PickANumber()
{
string picked;
int pickedNum;
{
}
}
static void TryAgain()
{
{
}
else
{
}
PickANumber();
}
static void YouWin()
{
Console.WriteLine("Yes ! You found my number :" + Randomed);
}

Atelier 2 :
Application mobile
native sous Windows
Phone

4 parties
Introduction
Atelier 1 : Algorithmie
Atelier 3 : Site Web
Atelier 2 : Application mobile native

http://www.windowsphone.com/fr-fr/features

<!--TitlePanel contains the name of the application and page title--
>
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="GIT Coding" …/>
<TextBlock Text="A toi de jouer !" …/>
</StackPanel>

http://msdn.microsoft.com/en-
us/library/windowsphone/develop/jj206971(v
=vs.105).aspx

void UpdateVignette()
{
FlipTileData TileData = new FlipTileData()
{
BackTitle = DateTime.Now.ToString(),
BackContent = "Gagné : " + PickedNum.ToString(),
};
var tileEnum = ShellTile.ActiveTiles.GetEnumerator();
tileEnum.MoveNext();
tileEnum.Current.Update(TileData);
}

us/library/windows/apps/jj863494.aspx

http://www.windowsphone.com/fr-fr/store/app/jeu-git-
coding/2ad310f0-7ef7-4e94-b4be-d4d87a04f105

us/library/windowsphone/develop/hh202939(
v=vs.105).aspx

https://fingerpaint.codeplex.com/

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Canvas Height="400" VerticalAlignment="Top"
MouseLeftButtonDown="Canvas_MouseLeftButtonDown"
MouseMove="Canvas_MouseMove"
MouseLeftButtonUp="Canvas_MouseLeftButtonUp">
</Canvas>
</Grid>

public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
// Sample code to localize the ApplicationBar
//BuildLocalizedApplicationBar();
}
private void Canvas_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
}
private void Canvas_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
}
private void Canvas_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
}
…

{
// Constructor
public MainPage()
{
// Sample code to localize the ApplicationBar
//BuildLocalizedApplicationBar();
}
{
// On commence à dessiner
}
{
// On dessine un trait entre notre précédente position et la nouvelle
}
{
// On arrête de dessiner
}
…

bool IsDrawing = false;
{
IsDrawing = true;
}
{
if (IsDrawing)
{
Dessine();
}
}
{
IsDrawing = false;
}

void Dessine(Point oldPoint, Point newPoint)
{
Line line = new Line();
line.Stroke = new SolidColorBrush(Colors.Black);
line.X1 = newPoint.X;
line.Y1 = newPoint.Y;
line.X2 = oldPoint.X;
line.Y2 = oldPoint.Y;
paint.Children.Add(line);
}
A chaque changement de position, on tire un trait entre la position précédente et
l’actuelle.
On utilise une couleur noire pour l’instant
Les traits sont ajoutés dans le Canvas (tout comme on a mis des contrôles
TextBox, TextBlock, … dans une Grid dans d’autres exemples)
-> Reste à récupérer la position de la souris a fil des déplacements

private void Canvas_MouseLeftButtonDown(object
sender, System.Windows.Input.MouseButtonEventArgs e)
{
IsDrawing = true;
OldPoint = e.GetPosition(paint);
}

{
Point OldPoint;
bool IsDrawing = false;
public MainPage()
{
}
{
IsDrawing = true;
OldPoint = e.GetPosition(paint);
}
{
if (IsDrawing)
{
Point newPoint = e.GetPosition(paint);
Dessine(OldPoint, newPoint);
OldPoint = newPoint;
}
}
{
}
{
IsDrawing = false;
}
}

Line GetLine()
{
line.StrokeThickness = 15;
line.StrokeStartLineCap = PenLineCap.Round;
line.StrokeEndLineCap = PenLineCap.Round;
line.Opacity = 0.5;
return line;
}
{
}

Initiation au code : Ateliers en C# (applications desktop et mobile native)

Contenu connexe

Tendances (20)

En vedette (20)

Similaire à Initiation au code : Ateliers en C# (applications desktop et mobile native) (20)

Dernier (7)

Initiation au code : Ateliers en C# (applications desktop et mobile native)

Notes de l'éditeur