dilluns, 22 d’abril de 2013

Accedit a un webservice des de windows phone

Bé, per fi les meues obligacions m'han deixat un ratet per fer el que volia fer fa molt de temps, una aplicació de windows phone que accedira al webservice qeu vam crear en node.js farà mig any. No vaig a entrar en com s'instal·la el sdk per què és abaixar un downloader  de la web de microsoft i ja està. A més, el sdk és gratuït, et baixa la versió de Visual Studio 2010 Express (gratuïta) i tot.
La idea era, quan s'aprete un botó, connectar-se a un webservice, que ens retornarà un xml, processar-lo i mostrar-lo en un grid ;) Ha segut ben farragós, per què programar per a dispositius mòbils no és com programar en escriptori, però ha estat divertit... ;) Anem per feina. Primer de tot l'aspecte visual, afegirem un botó i un grid:

Ara anem a programar que farà el botó, ja què obtindre un xml remot, no és difícil, però tampoc és tant fàcil com pareix, ja què windows phone no permet les connexions sincrones, i per tant hem de posar un handler per a quan es complete la descàrrega:

 private void button1_Click(object sender, RoutedEventArgs e)
        {
            WebClient wc = new WebClient();
            wc.DownloadStringCompleted += HttpCompleted; //funció que es cridarà quan es connecte l'event
            wc.DownloadStringAsync(new Uri("http://192.168.2.120:1000/"));
        }


 Ara, si no hi ha error, en la funció HttpCompleted realitzarem les accions pertinents. Com necessitarem suport XML, haurem d'afegir al projecte les referencies System.XML.Linq manualment (Project->Add Reference, marquem System.XML.Linq) i així podrem posar using System.XML.Linq al projecte:

 private void HttpCompleted(object sender, DownloadStringCompletedEventArgs e)
        {

            if (e.Error == null)
            {
                  ...
             }
       }

Ara anem a completar el handler amb el procés de l'xml i del grid, que també ha tingut tela... Si no recordeu l'estructura de l'xml, vos recomane visitar els articles anterior, per exemple este fet en delphi:

                int nrows,i = 0;//variables auxiliars
                int ncols = 4; //id,nom,classe, nivell
               
                XDocument xdoc = XDocument.Parse(e.Result, LoadOptions.None);
                XElement xele = xdoc.Elements("xml").First();
                xele = xele.Elements("resposta").First();
              
                xele = xele.Elements("personatges").First();//naveguem per l'xml
                nrows = xele.Elements("personatge").Count(); //obtenim les files



I ara afegirem les columnes, millor dit les definicions de les columnes, per a cada columna haurem d'afegir una definició manualment i per a les files, el mateix. Es pot fer en temps d'edició, però se suposa que no sabem ni quantes files ni quantes columnes (bé, en este cas, si que sabem el nombre de columnes) pot tindre la resposta.
               for (i = 0; i < ncols; i++)
                {
                    ColumnDefinition col = new ColumnDefinition();
                    grid1.ColumnDefinitions.Add(col);
                }


I ara, recorreguem tots els personatges de la resposta  amb un foreach i creem una fila, la fila serà un conjunt de components TextBlock, que caldrà afegir-los al grid, i després posar-li fila i columna amb el mètode estàtic (de classe) SetColumn i setRow:
                i = 0; //comptador de files
                foreach (XElement ele in xele.Elements("personatge")){ //naveguem pels personatges
                    TextBlock id = new TextBlock();
                    TextBlock nom = new TextBlock();
                    TextBlock nivell = new TextBlock();
                    TextBlock classe = new TextBlock();
                    RowDefinition rowDef1 = new RowDefinition();
                  
                    id.Text = ele.Elements("id").First().Value; //obtenim els valors del node actual
                    nom.Text = ele.Elements("nom").First().Value;
                    classe.Text = ele.Elements("classe").First().Value;
                    nivell.Text = ele.Elements("nivell").First().Value;
                    grid1.RowDefinitions.Add(rowDef1); //afegim fila
                    grid1.Children.Add(id); //afegim els TextBlock creats al grid
                    grid1.Children.Add(nom);
                    grid1.Children.Add(nivell);
                    grid1.Children.Add(classe);
                    Grid.SetColumn(id, 0); //Posem Columna
                    Grid.SetColumn(nom, 1);
                    Grid.SetColumn(classe, 2);
                    Grid.SetColumn(nivell, 3);
                    Grid.SetRow(id, i); //posem Fila
                    Grid.SetRow(nom, i);
                    Grid.SetRow(classe, i);
                    Grid.SetRow(nivell, i);
                    i++; //incrementem el comptador de Files

                }


I obtindrem el següent resultat:



A banda de la utilitat que pot tindre per realitzar aplicacions que funcionen en tots els  mòvils (no sempre és viable fer versió web i que esta s'acoble a tots els terminals), també és l'única manera que he trobat de poder accedir a servidors de bases de dades des de dispositius mòbils, ja que, habitualment els sdk no disposen de drivers per connectar directament. Per tant, la única solució (que se m'ha ocorregut, poden haver més), és posar un servidor entre mig que puga accedir-hi. De fet, és l'aplicació que he pensat d'accés a mysql,  a veure si em dona i adquirisc llicència de programador per distribuïr aplicacions ;)

dijous, 11 d’abril de 2013

Kodu game Lab

Aprofitant que com a professor tinc accés a algunes eines de microsoft, m'he trobat aquesta eina. Consisteix en un game maker, extremadament fàcil d'utilitzar. De fet està pensat per a docents que no són programadors/informàtics. Un mes després d'haver fet els tutorials he pogut fer aquest exemple en 10 minuts.  Bàsicament consisteix en posar objectes predefinits (pomes, arbres...) i actors (el bo, el dolent...). Els actors poden realitzar accions bé sobre els objectes o bé sobre els altres actors, les accions seran definides mitjançant els programes, d'una manera molt senzilla com veurem més avant, però en resum seran sempre una serie de condicions (WHEN) i accions a realitzar quan es cumplisquen les condicions (DO).
La idea de l'exemple a construir era la següent: Un món buid, on hi ha l'actor bo i l'actor roïn.  Si l'actor roïn ens pilla perdem el joc, però si no ens pilla abans d'agafar 5 pomes, guanyem. Molt simple i pas a pas, comencem en un món buit, i amb l'eina pinzell de terreny, posem un terreny, si no estariem al buit ;):


Ara afeim amb l'eina actors 3 tipus d'objectes, el protagonista (Kodu, per defecte), les pomes a menjar i una espècie d'ou fregit, que serà l'enemic:


Sense deseleccionar l'eina d'actors, "escriurem" el programa dels actors, amb el botó dret sobre cada actor, i seleccionant l'opcio Program. Les pomes òbviament no tenen comportament ;) Kodu detectarà les polsacions del teclat i actuarà en conseqüència. Si tropessa amb una poma, se la menjarà i pujarà un punt al marcador, si arribem a 5 guanyem:














Ara escriurem sobre l'enemic, en quan veja a Kodu, anirà a acaçar-lo, si l'agarra, es perdem ;):













És realment senzill fer tota classe d'exercicis amb esta eina. Per exemple, seleccionar el resultat d'una operació, l'ordre correcte de les frasses... I amb un parell de vesprades fent els tutorials que et proveïxen, tens formació per fet coses simples