Réalisation d'un chat sans C#

Version imprimable

07/02/2012, 13h34
goku19

Réalisation d'un chat sans C#

Bonjour,

Voila, je voudrais savoir si vous connaissez un tuto qui me permettrai de créer un tchat avec silverlight, Xaml, Javascript et PHP mais sans visual studio et donc sans C#.... Parce que j'ai trouvé des tuto mais ils sont tous avec visual studio...
07/02/2012, 13h52
BenoitM

Faudrait savoir ce que tu veux reellement

parce que du silverlight, Xaml c'est pas possible

Et pourquoi sans visual studio?
07/02/2012, 14h11
goku19

Plutot en XAML avec Javascript et PHP

Parce que mon tuteur ne veux pas que j'utilise du C# ...
07/02/2012, 14h14
BenoitM

Faut demander a ton tuteur comment tu peux faire du XAML sans utilisé du C# , peut-être veut-il du VB.Net?

Si il ne veut que du php et javascript alors il faut poser la question sur la catégorie php :)
07/02/2012, 15h17
goku19

Citation:

Envoyé par BenoitM

Faut demander a ton tuteur comment tu peux faire du XAML sans utilisé du C# , peut-être veut-il du VB.Net?

Si il ne veut que du php et javascript alors il faut poser la question sur la catégorie php :)

EN gros il veut que j'utilise le XAML pour l'interface graphique et le JV et le PHP pour le reste
07/02/2012, 15h48
Er3van

Ahhhh, en fait il veut du XAML avec code behind PHP/JavaScript, et évidemment sans passer par Visual Studio ? :aie:

Il y a certainement une erreur d'intitulé quelque part...
T'es sûr que c'est du XAML qu'il veut ? Parce que c'est propriétaire Microsoft, donc déjà sans Visual Studio bon courage pour le faire, mais en plus si tu veux que ça interagisse avec du code côté serveur, il faut du code C# ou VB.Net.

Et interdire le C# et autoriser le VB.Net, à part pour des raisons pédagogiques qui m'échappent, c'est un non-sens.

Citation:

Envoyé par Er3van

Ahhhh, en fait il veut du XAML avec code behind PHP/JavaScript, et évidemment sans passer par Visual Studio ? :aie:

Il y a certainement une erreur d'intitulé quelque part...
T'es sûr que c'est du XAML qu'il veut ? Parce que c'est propriétaire Microsoft, donc déjà sans Visual Studio bon courage pour le faire, mais en plus si tu veux que ça interagisse avec du code côté serveur, il faut du code C# ou VB.Net.

Et interdire le C# et autoriser le VB.Net, à part pour des raisons pédagogiques qui m'échappent, c'est un non-sens.

Mdrr j'y comprend pas grand chose à ce qu'il veux mais en gros voila mon code XAML :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" > <TextBlock Width="250" Height="80" FontFamily="Verdana" FontSize="30" > Salut le Monde! </TextBlock> <TextBox Name="bodyText" TextWrapping="Wrap" Width="550" Height="80" MaxLength="100" Canvas.Top="417" /> <Canvas MouseLeftButtonDown="buttonDown" MouseLeftButtonUp="buttonUp" MouseEnter="buttonEnter" MouseLeave="buttonLeave" > <Canvas.RenderTransform> <TransformGroup> <TranslateTransform x:Name="addoffset" X="550" Y="413"/> </TransformGroup> </Canvas.RenderTransform> <Rectangle Name="rect" Canvas.Top="4" Canvas.Left="4" Height="80" Width="80" Stroke="White" StrokeThickness="1" RadiusX="4" RadiusY="4" > <Rectangle.Fill> <LinearGradientBrush > <GradientStop Color="White" Offset="0.0" /> <GradientStop Color="LightGray" Offset="0.20" /> <GradientStop Color="Gray" Offset="0.9" /> <GradientStop Color="LightGray" Offset="0.20" /> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Canvas.Left="16" Canvas.Top="33"> Envoyer </TextBlock> </Canvas> </Canvas>
Et donc à partir de la je dois récupérer le texte l'afficher avec le pseudo de la personne l'heure est la date ... Ça fais deux jours que je suis dessus est je n'ai pas l'impression d'avoir avancé d'un pouce ...

07/02/2012, 16h59
calagan99

Désolé d'insister mais encore une fois ce qui t'es demandé, si tu l'as bien compris, est un non-sens.
Alors où tu portes ton IHM sur autre chose que tu XAML ou tu utilises du C# (ou VB.Net), mais là tu n'arriveras à rien.
07/02/2012, 17h37
Er3van

Si ça se trouve c'est là le but de l'exercice : voir qui ira s'entêter sur un non-sens et qui ira chercher une solution alternative viable ! :mrgreen:
07/02/2012, 17h47
micka132

Et l'énnoncé tu pourrais pas nous le faire voir :roll: ?

1 pièce(s) jointe(s)

Citation:

Envoyé par micka132

Et l'énnoncé tu pourrais pas nous le faire voir :roll: ?

Ba en faîte il me l'a dit à l'orale ...
En gros, j'ai un fichier XAML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<Canvas  
  xmlns="http://schemas.microsoft.com/client/2007" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>      
 
<TextBlock
 FontFamily="Verdana"
 FontSize="30" >
  Salut le Monde!
</TextBlock>
 
<TextBox 
	Name="bodyText" 
	TextWrapping="Wrap" 
	Width="550" 
	Height="80" 
	MaxLength="100" 
	Canvas.Top="417"
	Background="#FF4ED2D5"
	KeyDown="chat"
/>
 
 
<Canvas
	MouseLeftButtonDown="buttonDown"
	MouseLeftButtonUp="buttonUp"
	MouseEnter="buttonEnter"
	MouseLeave="buttonLeave"
	>	
 
	<Canvas.RenderTransform>
		<TransformGroup>
			<TranslateTransform x:Name="addoffset" X="550" Y="413"/>
		</TransformGroup>
	</Canvas.RenderTransform>
 
	<Rectangle
		Name="rect"
		Canvas.Top="4"
		Canvas.Left="4"
		Height="80"
		Width="80"
		Stroke="White"
		StrokeThickness="1" 
		RadiusX="4"
		RadiusY="4"
		>
 
		<Rectangle.Fill>
			<LinearGradientBrush >
				<GradientStop Color="White" Offset="0.0" />
				<GradientStop Color="LightGray" Offset="0.20" />
				<GradientStop Color="Gray" Offset="0.9" />
				<GradientStop Color="LightGray" Offset="0.20" />				
			</LinearGradientBrush>
		</Rectangle.Fill>
 
	</Rectangle>
 
	<TextBlock Canvas.Left="16" Canvas.Top="33" MouseLeftButtonDown="chat">
		Envoyer
	</TextBlock>
 
 
</Canvas>
 
</Canvas>

Qui donne donc ça :
(voir l'image en pj)

et je voudrais que quand j'appuis sur la touche "Entrer" ou sur le bouton "Envoyer" récupérer la valeur du textbox dans mon JS.

Voilà ma fonction js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function chat(sender,arg)
{ 
alert(sender);
alert(arg);
	var xhr = getXMLHttpRequest();
   	var requete = "";
 
		xhr.open( 'POST', 'fonctions/ajax.php',  true); 
    	xhr.onreadystatechange  = function() 
    	{
       		if(xhr.readyState  == 4)
       		{
        		if(xhr.status  == 200)
				{
					//alert(xhr.responseText)
				}
        		else 
				{
           			alert(xhr.status);
				}
 
        	}
    	};
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhr.send(requete);
 
}

Mes problèmes sont :
- Quand j'appuis sur n'importe qu'elle touche le javascript s'active et m'affiche mes alerts alors que je ne veux que la touche "Entrer" et le bouton "Envoyer".
- Mes alerts affichent "TextBox" et "KeyEventArgs" donc je n'ai pas la valeur...

Voilà, merci de m'aider

08/02/2012, 10h25
micka132

Mais qu'est ce qui converti le xaml en "dessin" (interface) s'il n'y a pas de c# derriere ( ou du VB) ? Dans ton xaml il y a plusieurs évenement de déclarer. Il nous faudrait ce code là... C'est à ce niveau qu'il y a un appel vers le javascript.

1 pièce(s) jointe(s)

Citation:

Envoyé par micka132

Mais qu'est ce qui converti le xaml en "dessin" (interface) s'il n'y a pas de c# derriere ( ou du VB) ? Dans ton xaml il y a plusieurs évenement de déclarer. Il nous faudrait ce code là... C'est à ce niveau qu'il y a un appel vers le javascript.

C'est le silverlight qui le converti (enfin je crois ^^)

Je l'ai mis en pièce jointe.
Et sinon comme code je n'ai que mon fichier JVS, XAML, Silverlight et mon code HTML:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 script type="text/javascript" src="code/Silverlight.js"></script> <script type="text/javascript" src="code/monscript.js"></script> <div id="block"></div> <div align="center" id="monControle"></div> <script type="text/javascript"> var parentElement = document.getElementById("monControle"); Silverlight.createObject( "code/monxaml.xaml", parentElement, "monControleID", { width:'82%', height:'500', inplaceInstallPrompt:false, background:'#D6D6D6', isWindowless:'false', framerate:'24', version:'1.0' }, { onError:null, onLoad:null }, null ); </script>

08/02/2012, 11h02
Mat.M

Citation:

Envoyé par goku19

Bonjour,

Voila, je voudrais savoir si vous connaissez un tuto qui me permettrai de créer un tchat avec silverlight, Xaml, Javascript et PHP mais sans visual studio et donc sans C#.... Parce que j'ai trouvé des tuto mais ils sont tous avec visual studio...

sans un langage informatique comme C# et un framework comme .NET ça me paraît difficile.. En Javascript,Php c'est peut-être possible mais au prix de gros bricolages.
08/02/2012, 11h11
goku19

Citation:

Envoyé par Mat.M

sans un langage informatique comme C# et un framework comme .NET ça me paraît très difficile.. je ne vois pas comment on peut faire cela

En Javascript,Php c'est peut-être possible mais au prix de gros bricolages.
Le problème c'est que tu devras gérer des flux rentrants au niveau du serveur et des connections simultanées

Oui je sais que c'est difficile mais j'y suis contraint ... :cry:
08/02/2012, 11h31
Mat.M

Salut Goku ,

regarde cet article sur codeproject
http://www.codeproject.com/Articles/...at-Application

avec Silverlight et WCF
08/02/2012, 11h42
goku19

Merci pour ton lien Mat.M mais c'est toujours avec du C# :cry:
08/02/2012, 12h04
Bluedeep

Citation:

Envoyé par goku19

Merci pour ton lien Mat.M mais c'est toujours avec du C# :cry:

Et alors ? tu ne trouveras aucune resource avec du PHP et du XAML pour l'excellente raison que c'est une coexistence qui n'existe pas dans la réalité(ce qui ne veut pas dire que cela est totalement impossible, mais difficilement en quelques semaines de travail).

Le XAML a été introduit par Microsoft à l'origine comme langage de description des interfaces graphiques WPF et SilverLight et de description des workflow pour la WF. (avec le FX 3.0 en 2006).
08/02/2012, 12h12
calagan99

goku19 : ou tu ne dis pas tout ou tu ne comprends rien mais là, ce que tu dis n'a pas de sens.

D'où vient le XAML que tu montres ?
D'où vient le JS que tu montres ?
D'où vient l'image que tu montres ?
Quel est l'intitulé exact de l'exercice ?
08/02/2012, 12h19
Bluedeep

Ceci dit, certains ont visiblement travaillé sur la question :

http://tomasp.net/blog/php-in-silverlight.aspx
08/02/2012, 14h01
micka132

Je crois avoir crompris : ne serait-ce pas du silverlight 1? Quel genre de **** prof fait faire du silverlight 1 ???
En tout cas le HTML que tu montres me laisse penser que c'est en fait ca!

Bref le php n'est là que pour la partie "serveur", je ne vais pas pouvoir t'aider à faire le traitement de ce coté là, de toute manière il doit exister des tas de tutorial sur le net :)

Par contre pour ton javascript, en fait tu appelles la méthode "chat" sur le KeyDown du TextBlock ainsi que sur le bouton send. Je te recommande de modifier l'event liée au bouton Send pour eviter de devoir faire la distinction entre l'evenement venant du bouton et du textblock.

Ensuite concernant l'evenement "KeyDown" du textblock, il va se produire à chaque fois que tu appuis sur une touche. C'est donc pourquoi tu obtiens :

Citation:

Mes alerts affichent "TextBox" et "KeyEventArgs" donc je n'ai pas la valeur...

Ton travail c'est de ne faire ton action (donc l'envoie du contenu de la textbox) que lorsque le KeyEventArgs == touche Enter . Je ne connais pas la syntaxe javascript [...]

Bref je connais pas silverlight 1, si il y a des gens qui ont connus ca... Sinon regarde ces tutorials ca peut t'aider : http://www.wynapse.com/Silverlight_Tutorials.aspx ( tutorial qui commence par Silverlight With Java Script ... )
08/02/2012, 14h31
calagan99

Citation:

Envoyé par micka132

Je crois avoir crompris : ne serait-ce pas du silverlight 1? Quel genre de **** prof fait faire du silverlight 1 ???

Bien vu ? Mais on peut faire du SL1 sans Visual Studio ?
08/02/2012, 14h32
goku19

Bon tantpis, je vais le faire en C# et puis c'est tout ^^ !
Vous connaissez pas un tuto qui me permettrais de créer le tchat en Silverlight et du PHP ?
08/02/2012, 14h35
calagan99

C'est Marcel Béliveau ? Ou qu'elle est la caméra ?
08/02/2012, 14h38
micka132

Citation:

Envoyé par calagan99

Bien vu ? Mais on peut faire du SL1 sans Visual Studio ?

Je pense que oui puisque le silverlight 1 ne se basait que sur javascript ;).
Un bloc note suffisait :)
08/02/2012, 14h48
goku19

Merci micka132

Bon ba je vais essayé de passé à une autre version de silverlight ^^ !
Es ce que je peut le faire en silverlight 4 ou es ce qu'il est utilisé pour autre chose ?
J'ai installé Visual studio, donc si vous avez un tuto ou je pourrais utiliser le PHP et le silverlight ça serait sympa ^^
08/02/2012, 15h13
Bluedeep

Citation:

Envoyé par goku19

J'ai installé Visual studio, donc si vous avez un tuto ou je pourrais utiliser le PHP et le silverlight ça serait sympa ^^

:koi:

Tu es sur que tu lis vraiment les réponses qu'on te fait ????? J'ai plus qu'un doute à ce sujet.
08/02/2012, 15h17
goku19

Citation:

Envoyé par Bluedeep

:koi:

Tu es sur que tu lis vraiment les réponses qu'on te fait ????? J'ai plus qu'un doute à ce sujet.

Oui oui je lit c'est juste que le tuto qui micka132 a posté est en anglais et je suis super naze en anglais :-s
08/02/2012, 15h22
Bluedeep

Citation:

Envoyé par goku19

Oui oui je lit c'est juste que le tuto qui micka132 a posté est en anglais et je suis super naze en anglais :-s

La question n'est pas là (mais si tu ne lis pas l'anglais, ce n'est pas trop la peine de chercher un tuto), mais sur le fait qu'il n'y a pas de tuto SilverLight plus PHP car personne n'utilise cela !!!

J'ai néanmoins passé plus haut un lien sur un gars qui avait travaillé la question SilverLight + PHP (en 2007 ....), lien auquel tu n'as visiblement même pas jeté un oeil (bien sur, comme 90% des resources, il est en anglais).
08/02/2012, 15h27
goku19

Citation:

Envoyé par Bluedeep

La question n'est pas là (mais si tu ne lis pas l'anglais, ce n'est pas trop la peine de chercher un tuto), mais sur le fait qu'il n'y a pas de tuto SilverLight plus PHP car personne n'utilise cela !!!

J'ai néanmoins passé plus haut un lien sur un gars qui avait travaillé la question SilverLight + PHP (en 2007 ....), lien auquel tu n'as visiblement même pas jeté un oeil (bien sur, comme 90% des resources, il est en anglais).

C'est juste que je n'avais pas compris ça, j'avais cru comprendre que c'était la version de silverlight qui était ancienne et que si j'utilisé du C# il était possible de le faire
08/02/2012, 15h40
Bluedeep

Citation:

Envoyé par goku19

C'est juste que je n'avais pas compris ça, j'avais cru comprendre que c'était la version de silverlight qui était ancienne et que si j'utilisé du C# il était possible de le faire

Du C# OUI (c'est fait pour) , du PHP NON !
08/02/2012, 16h44
goku19

D'accord, et une derniere question, et dans ce cas là si je veux récupérer le pseudo d'une personne qui est connecté sur mon site pour qu'elle s'affiche dans le chat, je vais faire comment sans PHP ?
08/02/2012, 16h47
micka132

Alors la j'ai fait fort : 3 mots clé dans google , et puis je trouve un tuto en francais silverlight php et pas de c#( bon c'est un fake puisque c'est du VB:D).

Citation:

Interaction Silverlight coté client et php coté serveur

Bref ton problème c'est que tu ne comprends pas ou utiliser quoi.
Silverlight (et JS dans ton cas) coté client / php coté serveur.
08/02/2012, 16h51
goku19

Citation:

Envoyé par micka132

Alors la j'ai fait fort : 3 mots clé dans google , et puis je trouve un tuto en francais silverlight php et pas de c#( bon c'est un fake puisque c'est du VB:D).

Citation:

Interaction Silverlight coté client et php coté serveur

Bref ton problème c'est que tu ne comprends pas ou utiliser quoi.
Silverlight (et JS dans ton cas) coté client / php coté serveur.

Merci, je l'avais dejà vu ce tuto, et je lavais repriset jai essayé de le bidouillé comme je pouvais mais rien à faire, je ne peut pas afficher le pseudo .
En faîte dans ce tuto il déclare automatiquement le pseudo dans le fichier XAML et il l'appelle guess, il se sert du PHP uniquement pour lire et écrire les fichier txt.
19/02/2012, 20h48
Immobilis

Salut,

Et en html5: http://html5demos.com/web-socket

A+