dimecres, 19 de setembre de 2012

De moment, el tamany si importa, o almenys la potència

He tingut que canviar d'equip per a la programació de la base de dades. He gastat mysql. No és què el gestor de bases de dades siga molt exigent. El problema que he tingut és amb el client que han elaborat Mysql Workbench. Em fa gossera buscar un altre i este és el·laborat pels mateixos que fan Mysql. He canviat al fix i problema resolt ;)
Doncs be, el client al meu portàtil reciclat es queda penjat continuament (més que l'eclipse, què ja és dir), trobe que per a fer desenvolupament una mica seriosos no podré gastar-lo i hauré de canviar de màquina. Ja veurem que em duu el destí.
De moment he dissenyat la super base de dades (mode ironia on) que gastaran les aplicacions mòvils. Consistirà en una taula única de personatges d'un joc de rol molt simple:


En pròximes entrades aniré utilitzant esta taula, la idea és que el servidor la retorne a  una aplicació client als diferents dispositius mòvils.

Una vegada completada la base de dades (mode ironia on), anem a programar el servidor node.js, per defecte no té els drivers de mysql instal·lats, per tant haurem d'instal·lar-los:

 npm install mysql


Després programem el servidor, com ja haureu fet alguna vegada alguna cosa similar, no caldrà què m'explaie massa, és a dir:
1. Configurem la connexió
2. Executem la consulta
3. Mostrem resultats/errors

Ací tenim un exemple.

var Client = require('mysql').Client,
    client = new Client();
    client.user = 'root';
    client.password = 'root';
    client.host='127.0.0.1';
    client.port='3306';
    client.database='proves'
   
    client.query(
        'SELECT * FROM personatges',
        function selectPlayers(err, results, fields) {
            if (err) {
                console.log("Error: " + err.message);
                throw err;
            }
   
            console.log("Total de resultats: "+results.length);
            console.log(results);
            client.end();
        });


I esta seria la informació mostrada:






Molt bé! Funciona la consola, però el que volem no és això, si no enviar-li al client que s'ha connectat (navegador, app mòvil...) la informació, preferentment en un format manipulable, per exemple xml. Haurem de jungar el programa anterior, este i fer unes modificacions ;):
 var http = require("http");


var Client = require('mysql').Client,
        client = new Client();
        client.user = 'root';
        client.password = 'root';
        client.host='127.0.0.1';
        client.port='3306';
        client.database='proves';


http.createServer(function (request, response) {
  //Capturem el final de la petició, i creem una funció que escriurà el missatge
   request.on("end", function () {
      // El codi 200 vol dir què la petició ha segut correcta, i enviem la resposta en text pla.
      response.writeHead(200, {
         'Content-Type': 'text/plain'
      });
      // Enviem la resposta
    var res;
    client.query(
            'SELECT * FROM personatges',
            function selectPlayers(err, results, fields) {
                if (err) {
                    console.log("Error: " + err.message);
                        throw err;
                }
       
                console.log("Total de resultats: "+results.length);
                console.log(results);
            response.end("Total de resultats: "+results.length);
          
                client.end();
            });//final query
      //response.end(res);
   });
// Escoltem el port 1000
}).listen(1000);













Ara només ens faltarà manipular el resultat i tornar-lo en el format dessitjat:

var http = require("http");


var Client = require('mysql').Client,
        client = new Client();
        client.user = 'root';
        client.password = 'root';
        client.host='127.0.0.1';
        client.port='3306';
        client.database='proves';

//Creem el servidor, i quan "s'acabe" la petició, enviem al client la resposta, el missatge "<xml> <resposta>OK</resposta></xml>"
http.createServer(function (request, response) {
  //Capturem el final de la petició, i creem una funció que escriurà el missatge
   request.on("end", function () {
      // El codi 200 vol dir què la petició ha segut correcta, i enviem la resposta en text pla.
      response.writeHead(200, {
         'Content-Type': 'text/plain'
      });
      // Enviem la resposta
    var res;
    client.query(
            'SELECT * FROM personatges',
            function selectPlayers(err, results, fields) {
                if (err) {
                    console.log("Error: " + err.message);
                        throw err;
                }
            res="<xml><resposta><personatges>"
                console.log("Total de resultats: "+results.length);
                for(i=0;i<results.length;i++){
               res+="<personatge>";
      

               res+="<id>"+results[i].id+"</id>";
               res+="<nom>"+results[i].nom+"</nom>";
               res+="<classe>"+results[i].classe+"</classe>";
               res+="<nivell>"+results[i].nivell+"</nivell>";

               res+="</personatge>";
            }
            res+="</personatges></resposta></xml>";
            response.end(res);
                client.end();
            });//final query
      //response.end(res);
   });
// Escoltem el port 1000
}).listen(1000);

Segur que hi ha una classe per tornar el vector de respostes en .xml, però per a esta aplicació em costava més l'espart que l'escurada, vegem el resultat al navegador:


Podem observar que potser caldria donar-li un poc d'estètica a l'xml, posar retorns de carro, capçaleres xml correctes... però de moment, per a les proves que estic fent sobra ;)



dissabte, 15 de setembre de 2012

Creació d'un servidor simple amb node.js

Continuem amb el vell portàtil (haurem de canviar més avant), però per a l'aplicació servidor, de moment sobra. Amb la llibreta (aka notepad) de windows, y la consola de msdos anirem apanyat.
Primer de tot necessitarem un servidor, he triat node.js per què, com ja ho vaig dir en un altre post, m'ho va recomanar el meu amic Jaume. La ventatja? Fàcil instal·lació, configuració, programació (Javascript)... Per a instal·lar anem ací i ens baixem la versió corresponent al nostre sistema, instal·lem, i ja està, no hem de fer res més ;)
Ara crearem el nostre programa en javascript (els comentaris, són autoexplicatius ;)):

//Necessari per a connexions http
var http = require("http");


//Creem el servidor, i quan "s'acabe" la petició, enviem al client la resposta, el missatge "<xml> <resposta>OK</resposta></xml>"
http.createServer(function (request, response) {
  //Capturem el final de la petició, i creem una funció que escriurà el missatge
   request.on("end", function () {
      // El codi 200 vol dir què la petició ha segut correcta, i enviem la resposta en text pla.
      response.writeHead(200, {
         'Content-Type': 'text/plain'
      });
      // Enviem la resposta
      response.end('<xml><resposta>OK</resposta></xml>');
   });
// Escoltem el port 1000
}).listen(1000);


el guardem, per exemple amb el nom prova.js, i l'arranquem des del terminal:
Ara ens faltarà provar-ho, podriem crear un programa que enviara peticions http al port 1000, però, de moment ens apanyem amb el navegador, i enviem una petició http://localhost:1000:
I ja tenim el primer servidor en marxa ;) Continuarem accedint a un servidor mySQL, o alguna cosa similar ;)





divendres, 14 de setembre de 2012

Reciclant un vell portàtil (i 3)

O també podria titular-se, la primera aplicació en Android.
Crec que vaig a deixar d'intentar reciclar este ordinador, no pot amb l'eclipse, he intentat fer esta aplicació i m'ha costat déu i ajuda. Provaré a fer coses que necessiten entorn gràfic en un altre ordinador. Quan comence la part de servidor, si que podré gastar-lo de nou, ja que node.js (Recomanat pel meu amic Jaume) és molt lleuger, i amb la llibreta que duu windows es podrà fer els programes de sobra ;).
Bo, la primera aplicació l'he modificada un poc de l'anterior (l'aspecte), i l'he deixat com en la figura.
Simplement he posat un botó, i dos textView. No vaig a entrar en detalls de com es fa, de posar noms adients ni res per l'estil, ja que és una aplicació menuda i de prova.
l'objectiu serà que en el textView2 (que no es veu, està davall del textView1) aparega un missatge "has apretat el botó" en el moment que apretes el botó. Anirem al fitxer principal en java, en el meu cas ActivitatPrincipal.java i afegirem el codi dins de la classe, abans de l'última clau:



public void sendMessage(View view) {

        TextView TV = (TextView) findViewById(R.id.textView2);
        TV.setText("Has apretat")
    }
Això de moment és un procediment que no fa res, quan es crida al procediment, s'obté el component textView2 i en la segon línia es posa el text "Has apretat". Faltarà modificar l'xml de la interfície, en el meu cas, activity_activitat_principal.xml i modificar l'apartat del botó  per a indicar que a l'event OnClick es criure a l'anterior funció, afegirem
 android:onClick="sendMessage"

La meua etiqueta del botó ha quedat així:
<Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="24dp"
        android:layout_marginTop="50dp"
        android:onClick="sendMessage"
        android:text="Apreta" />



Executem i vegem el resultat:


Pròxims passos:
1. Aplicació client -servidor
2. Aplicació client anterior en Windows Phone
3. Aplicació client anterior en Symbian
4, Aplicació client anterior en IOS, mmmm era broma ;)


dijous, 13 de setembre de 2012

Reciclant un vell portàtil (II)



Una vegada instal·lat els jdk i l'eclipse, anem a instal·lar els plugins per a l'eclipse de l'android. Però em fa gossera i com el tutorial funciona perfectament sense fer res, podeu seguir les instruccions ací. Depenet de la connexió pot tardar una hora entre actualitzacions i demés.


Ho deixarem tot per defecte. Vegem que podem canviar les versions d'android. Com estic fent proves, no vaig a tocar res, ja sabeu, si funciona, no ho toques.





 Un pas important és el final, que podem veure en la imatge següent, que indicarà el tipus d'activitat què farem, podem dir-li queè siga en forma de pestanyes, sense res... podem veure la previsualització per saber el tipus d'aplicació que realitzarem














Ja tindrem una finestreta on posar els nostres components. Si heu programat amb algun RAD, això vos sonarà molt. No té cap misteri.









El problema què tindrem ara, abans d'executar cap aplicació, és què hem de crear un dispositiu virtual (o connectar el nostre). És molt fàcil... A estes altures sobren comentaris, simplement buscarem elbotó de gestió de dispositius.


Cal dir, que des què he arrancat l'emulador fins que ha eixit l'hola, hauràn passat 10 minuts de rellotge. Però d'això parlarem demà, que hui estic cansat, Gustavo m'ha pegat molta canya.



De moment deixem l'aplicació per defecte i seleccionem què arranque en l'emulador que hem creat:


Recliclant un vell portàtil

M'he decidit a reciclar un vell portàtil i a reprendre una acció que tenia abandonada. Desenvolupament per android. El portàtil en qüestió és un Dell Inspiron 1501 que em vaig comprar allà al juny 2007, en acabar el meu primer curs com a professor. Un Turionx2 64 bits, el vaig ampliar a 2GB de RAM i vaig canviar el vista per l'XP. No sé com resultarà l'experiència, però anem a provar a fer "l'hola món!". Els passos seràn, primer baixar l'eclipse, és recomana la versió clàssica. 183MB després i hauré de continuar en un altre moment, què és hora de cuidar de la menuda i açò tarda molt en baixar ;)

Presentació

Després d'haver acabat els meus estudis d'Enginyeria Informàtica treballant de becari per a la UPV, vaig continuar treballant per a l'empresa S2grupo, fins que vaig decidir ser professor, allà al 2006. De vegades em plantetge retornar als vells temps, tot i que no ho he deixat, i he continuat col·laborant, això sí, esporàdicament en alguns projectes. Bé, ja veurem com queda la cosa, ací aniré abocant tots els miniprojectes, idees... que vagen passant pel meu cap.