El blog de'n Carles

Trello

carles — Tue, 08 May 2012 07:59:58 +0000

Trello es una taula de kanban online per a petits grups. Serveix per organitzar les tasques en diferents llistes i així tenir una millor visualització del que hem de fer. A més, ens permet gestionar equips de treball assignant les tasques a les diferents persones que formen el nostre equip.

L’aspecte de Trello és el següent:

Com podem veure tenim una serie de llistes i unes targetes asociades a aquestes. La gracia és que podem definir les llistes que volguem i canviar-ne el nom per adaptar-les a la nostra manera de fer feina:

La idea és anar moguent les targetes a la llista que li pertoca depenent del seu estat. Així tot l’equip pot tenir una idea de l’estat de totes les tasques:

A més, a cada targeta hi podem afegir molta informació i permetre a lagent afegir-hi comentaris o votar per les tasques que volen que es completin antes:

Fins aquí aquesta petita introducció a Trello. Recordeu que la idea és que l’eina s’adapti a la vostra manera de treballar i Trello és prou flexible per que així sigui.

Enviar missatges a mòbils Android emprant HttpClient

carles — Thu, 26 Apr 2012 15:08:02 +0000

Emprant les noves llibreries de ASP.Net Web API, el codi per enviar missatges a mòvils android que varem veure aquí pot quedar molt més senzill.

El codi per autentificar queda així:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

public string GetToken(string email, string password, string source)
{
using (var client = new HttpClient())
{
HttpContent content = new FormUrlEncodedContent(new Dictionary<string, string>
{
{"Email", email},
{"Passwd", password},
{"accountType", "GOOGLE"},
{"source", source},
{"service", "ac2dm"}
});
var req = client.PostAsync("https://www.google.com/accounts/ClientLogin", content)
.ContinueWith(request =>
{
var stringResp = request.Result.Content.ReadAsStringAsync().ContinueWith(t => t.Result.Split('\n').First(s => s.StartsWith("Auth=")).Substring(5));
return stringResp.Result;
});
return req.Result;
}
}

Com veim, el codi queda molt més compacte i fàcil d’entendre. A més, en podem fer una versió asincrona emprant el CTP de les llibreries de la TPL (veure aquí):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

public async Task<string> GetTokenAsync(string email, string password, string source)
{
using (var client = new HttpClient())
{
HttpContent content = new FormUrlEncodedContent(new Dictionary<string, string>
{
{"Email", email},
{"Passwd", password},
{"accountType", "GOOGLE"},
{"source", source},
{"service", "ac2dm"}
});
var req = await client.PostAsync("https://www.google.com/accounts/ClientLogin", content);
var res = await req.Content.ReadAsStringAsync();
return res.Split('\n').First(s => s.StartsWith("Auth=")).Substring(5);
}
}

Per enviar el missatge en si, també ens queda el codi molt més clar:

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

public SendMessageDataContract SendMessage(string authToken, string registrationId, IDictionary<string, string> content)
{
using (var client=new HttpClient())
{
var nameValueCollection = new Dictionary<string, string>
{
{"registration_id", registrationId}, {"collapse_key", "0"}
};
foreach (var kvp in content)
{
nameValueCollection.Add("data." + kvp.Key, kvp.Value);
}
var postContent = new FormUrlEncodedContent(nameValueCollection);
var request = new HttpRequestMessage(HttpMethod.Post, "https://android.clients.google.com/c2dm/send")
{
Content = postContent
};
ServicePointManager.ServerCertificateValidationCallback += ValidationCallback;
request.Headers.Add(HttpRequestHeader.Authorization.ToString(), string.Format("GoogleLogin auth={0}", authToken));
var res = client.SendAsync(request)
.ContinueWith(t =>
{
var responseCode = t.Result.StatusCode;
string errorString;
C2DMResponseCode c2DMResponse;
if (responseCode.Equals(HttpStatusCode.OK))
{
errorString = t.Result.Content.ReadAsStringAsync().ContinueWith(s =>
{
var error = s.Result.Split('\n').FirstOrDefault(r => r.StartsWith("Error="));
return error != null ? error.Substring(6) : null;
}).Result;
c2DMResponse=C2DMResponseCode.Ok;
}
else if (responseCode.Equals(HttpStatusCode.NotImplemented))
{
errorString = "Server unavailable.";
c2DMResponse = C2DMResponseCode.ServerUnavailable;
}
else if (responseCode.Equals(HttpStatusCode.Unauthorized))
{
errorString = "Invalid AUTH_TOKEN";
c2DMResponse = C2DMResponseCode.InvalidAuthToken;
}
else
{
errorString = "Unspecified error";
c2DMResponse=C2DMResponseCode.Error;
}
return new SendMessageDataContract
{
ResponseCode = responseCode,
C2DMResponseCode = c2DMResponse,
Error=errorString,
UpdateClient = t.Result.Content.Headers.Contains("Update-Client-Auth") ? t.Result.Content.Headers.GetValues("Update-Client-Auth").First() : null
};
});
return res.Result;
}
}

o la versió asincrona:

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

public async Task<SendMessageDataContract> SendMessageAsync(string authToken, string registrationId, IDictionary<string, string> content)
{
using (var client=new HttpClient())
{
var nameValueCollection = new Dictionary<string, string>
{
{"registration_id", registrationId}, {"collapse_key", "0"}
};
foreach (var kvp in content)
{
nameValueCollection.Add("data." + kvp.Key, kvp.Value);
}
var postContent = new FormUrlEncodedContent(nameValueCollection);
var request = new HttpRequestMessage(HttpMethod.Post, "https://android.clients.google.com/c2dm/send")
{
Content = postContent
};
ServicePointManager.ServerCertificateValidationCallback += ValidationCallback;
request.Headers.Add(HttpRequestHeader.Authorization.ToString(), string.Format("GoogleLogin auth={0}", authToken));
var res = await client.SendAsync(request);

var responseCode = res.StatusCode;
string errorString;
C2DMResponseCode c2DMResponse;
if (responseCode.Equals(HttpStatusCode.OK))
{
var errorLine=(await res.Content.ReadAsStringAsync()).Split('\n').FirstOrDefault(r => r.StartsWith("Error="));
errorString = errorLine != null ? errorLine.Substring(6) : null;
c2DMResponse=C2DMResponseCode.Ok;
}
else if (responseCode.Equals(HttpStatusCode.NotImplemented))
{
errorString = "Server unavailable.";
c2DMResponse = C2DMResponseCode.ServerUnavailable;
}
else if (responseCode.Equals(HttpStatusCode.Unauthorized))
{
errorString = "Invalid AUTH_TOKEN";
c2DMResponse=C2DMResponseCode.InvalidAuthToken;
}
else
{
errorString = "Unspecified error";
c2DMResponse = C2DMResponseCode.Error;
}
return new SendMessageDataContract
{
ResponseCode = responseCode,
C2DMResponseCode=c2DMResponse,
Error = errorString,
UpdateClient = res.Content.Headers.Contains("Update-Client-Auth") ? res.Content.Headers.GetValues("Update-Client-Auth").First() : null
};
}
}

He publicat el codi com una llibreria. La llibreria es diu C2DMNet i la podeu trobar aquí o també publicada com a paquets Nuget.

Enviar missatges push a un mòbil Android mitjançant C2DM

carles — Sun, 12 Feb 2012 22:03:30 +0000

Darrerament he estat creant alguns programets Android a la feina i m’he trobat en la situació de que necessitava enviar avisos del servidor cap al dispositiu. Investigant un poc vaig veure que la manera estandard de fer-ho és emprant C2DM. La idea és bastant senzilla.

Els passos a seguir són:

Configurem el programa del dispositiu per rebre missatges de C2DM.
Definim un Listener que respondrà als missatges rebuts del servidor.
Registrem el dispositiu al servidor de Google. Això ens retornarà un identificador únic pel dispositiu.
Enviem l’identificador al nostre servidor ja que serà els que emprarà per enviar-nos els missatges.
Quan volguem enviar un missatge del servidor al dispositiu, ens hem d’autentificar contra Google per obtenir un token d’autentificació. Aquest token es pot cachejar i emprar en crides successives.
Emprant el token d’autentificació i l’identificador del dispositiu, podem enviar el missatge al dispositiu mitjançant una crida HTTP POST al servidor C2DM de Google.

Hem de tenir en compte que els missatges han de ser parelles de clau – valor i que el tamany màxim són 1024 bytes pel total del missatge. Per això, és convenient emprar-ho per avisar al dispositiu que ha d’anar a cercar les dades al servidor, no per enviar les dades en si.

Configuració AndroidManifest.xml

Al manifest hi hem de configurar el listener per tractar els missatges rebuts del servidor C2DM. A més hem de donar permís a l’aplicació per emprar C2DM. Els permisos els definim així:

1
2
3

android:name="com.dibaelsa.autoritzacions.permission.C2D_MESSAGE" android:protectionLevel="signature">>

android:name="com.dibaelsa.autoritzacions.permission.C2D_MESSAGE"/>

android:name="com.google.android.c2dm.permission.RECEIVE"/>

I definim el listener amb els intents adequats. El listener el definirem al següent apartat.

1
2
3
4
5
6
7
8
9
10

android:name=".receivers.C2DMReceiver">

android:name="com.google.android.c2dm.intent.RECEIVE"/>
android:name="com.dibaelsa.autoritzacions"/>
>

android:name="com.google.android.c2dm.intent.REGISTRATION"/>
android:name="com.dibaelsa.autoritzacions"/>
>
>

Listener

El listener accepta els missatges rebuts pel servidor i actua en consequencia:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

package com.dibaelsa.autoritzacions.receivers;

import java.io.IOException;

import org.json.JSONException;

import android.content.BroadcastReceiver;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences.Editor;
import android.os.AsyncTask;
import android.util.Log;

import com.dibaelsa.autoritzacions.rest.RestManager;
import com.dibaelsa.autoritzacions.service.AutoritzacionsUpdateService;

public class C2DMReceiver extends BroadcastReceiver {

private static final String TAG = "c2dm";
private static String KEY = "c2dmPref";
private static String REGISTRATION_KEY = "registrationKey";

@Override
public void onReceive(final Context context, final Intent intent) {
if (intent.getAction().equals("com.google.android.c2dm.intent.REGISTRATION"))
{
AsyncTask<Void, Void, Void> tasca=new AsyncTask<Void, Void, Void>(){

@Override
protected Void doInBackground(Void... params) {
handleRegistration(context, intent);
return null;
}

};
tasca.execute((Void[]) null);
}
else if(intent.getAction().equals("com.google.android.c2dm.intent.RECEIVE"))
{
AsyncTask<Void, Void, Void> tasca=new AsyncTask<Void, Void, Void>(){

@Override
protected Void doInBackground(Void... params) {
handleMessage(context,intent);
return null;
}
};
tasca.execute((Void[])null);

}
}

private void handleMessage(Context context, Intent intent) {
String payload=intent.getStringExtra("payload");
Log.i(TAG,payload);
context.startService(new Intent(context, AutoritzacionsUpdateService.class));
}

private void handleRegistration(Context context, Intent intent) {
String registration = intent.getStringExtra("registration_id");
if (intent.getStringExtra("error") != null) {
Log.d(TAG, "registration failed");
String error = intent.getStringExtra("error");
if (error.equals("SERVICE_NOT_AVAILABLE")) {
Log.d(TAG, "SERVICE_NOT_AVAILABLE");
} else if (error.equals("ACCOUNT_MISSING")) {
Log.d(TAG, "ACCOUNT_MISSING");
} else if (error.equals( "AUTHENTICATION_FAILED")) {
Log.d(TAG, "AUTHENTICATION_FAILED");
} else if (error.equals("TOO_MANY_REGISTRATIONS")) {
Log.d(TAG, "TOO_MANY_REGISTRATIONS");
} else if (error.equals("INVALID_SENDER")) {
Log.d(TAG, "INVALID_SENDER");
} else if (error.equals("PHONE_REGISTRATION_ERROR")) {
Log.d(TAG, "PHONE_REGISTRATION_ERROR");
}
} else if (intent.getStringExtra("unregistered") != null) {
Log.d(TAG, "unregistered");

} else if (registration != null) {
Log.d(TAG, registration);
Editor editor = context.getSharedPreferences(KEY,
Context.MODE_PRIVATE).edit();
editor.putString(REGISTRATION_KEY, registration);
editor.commit();
try {
RestManager.Registra(context, registration);
} catch (IOException e) {
Log.e(TAG, "Error gravant.", e);
} catch (JSONException e) {
Log.e(TAG, "Error gravant.", e);
}
catch (Exception e) {
Log.e(TAG,"Error gravant.",e);
}
}
}
}

Al missatge rebut hem de distingir entre si es un missatge de registre (quan ens registrem al servidor C2DM i ens retorna l’ID del dispositiu) o si es un missatge enviat per nosaltres. A més, emprem un thread nou per tractar els missatges perque no ens bloquegi el programa (sobretot si hem de contactar amb el nostre servidor per enviar el RegistrationId). En aquest exemple empr un servei per refrescar les dades del servidor quan reb el missatge que m’avisa que han canviat i un servei REST per gravar l’Id del dispositiu al servidor.

Registre amb el servidor C2DM

Per registrar el telèfon amb el servidor C2DM emprem un Intent que ens ofereix aquesta funcionalitat:

1
2
3
4

Intent registrationIntent = new Intent("com.google.android.c2dm.intent.REGISTER");
registrationIntent.putExtra("app", PendingIntent.getBroadcast(this, 0, new Intent(), 0));
registrationIntent.putExtra("sender", <<adreça>>);
startService(registrationIntent);

On <> és l’adreça que hem donat d’alta amb Google per el servei de C2DM. Això ens fara una crida als servidors de Google i aquest ens respondrà amb un identificador únic per el nostre dispositiu. La resposta la tractam al listener que hem creat a l’apartat anterior.

Part del servidor

La part del servidor la escriuré amb C#, però és prou senzilla com per traslladar-ho a qualsevol llenguatge o plataforma.

Autentificació

El primer es sol·licitar un token d’autentificació al servidor de “Client Auth” de Google. Això ho fem amb el següent métode:

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

public string GetToken(string email, string password, string source)
{
var builder = new StringBuilder();
builder.Append("Email=").Append(email);
builder.Append("&Passwd=").Append(password);
builder.Append("&accountType=GOOGLE");
builder.Append("&source=").Append(source);
builder.Append("&service=ac2dm");

var encoding = new UTF8Encoding();
byte[] data = encoding.GetBytes(builder.ToString());
var url = new Uri("https://www.google.com/accounts/ClientLogin");
var con = WebRequest.Create(url.ToString());

con.Method = "POST";
con.ContentLength = data.Length;
con.ContentType = "application/x-www-form-urlencoded";

Stream output = con.GetRequestStream();
output.Write(data, 0, data.Length);
output.Close();

WebResponse response = con.GetResponse();
var reader = new StreamReader(response.GetResponseStream());
return reader.ReadLines().First(t => t.StartsWith("Auth=")).Substring(5);
}

Simplement feim una crida POST al servei d’autentificació de Google. Després n’analitzam la resposta cercant la línia que comença per “Auth=” que és la que conté el token d’autentificació.

Enviament del missatge

Un pic tinguem el token d’autentificació ja podem enviar el missatge. Per això, també hem de fer una crida POST als servidors de Google. Ho feim així:

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

public HttpStatusCode SendMessage(string authToken, string registrationId, IDictionary<string, string> content, out string error)
{
var postDataBuilder = new StringBuilder();
postDataBuilder.Append(ParamRegistrationId).Append("=")
.Append(registrationId);
postDataBuilder.Append("&").Append(ParamCollapseKey).Append("=")
.Append("0");
foreach (var kvp in content)
{
postDataBuilder.Append("&").Append("data.").Append(kvp.Key).Append("=")
.Append(HttpUtility.UrlEncodeUnicode(kvp.Value));
}

var encoding = new UTF8Encoding();
byte[] postData = encoding.GetBytes(postDataBuilder.ToString());

var url = new Uri("https://android.clients.google.com/c2dm/send");
ServicePointManager.ServerCertificateValidationCallback += ValidationCallback;

var conn = (HttpWebRequest)WebRequest.Create(url);
conn.Proxy = null;

conn.Method = "POST";
conn.ContentType = "application/x-www-form-urlencoded;charset=UTF-8";
conn.ContentLength = postData.Length;
conn.Headers.Add("Authorization", "GoogleLogin auth="
+ authToken);

var sort = conn.GetRequestStream();
sort.Write(postData, 0, postData.Length);
sort.Close();

var httpWebResponse = ((HttpWebResponse)conn.GetResponse());
var responseCode = httpWebResponse.StatusCode;
if (responseCode.Equals(200))
{
var streamReader = new StreamReader(httpWebResponse.GetResponseStream());
error = streamReader.ReadLines().First(t => t.StartsWith("Error=")).Substring(6);
}
else if(responseCode.Equals(501))
{
error = "Server unavailable.";
}
else if(responseCode.Equals(401))
{
error = "Invalid AUTH_TOKEN";
}
else
{
error = "Unspecified error";
}
return responseCode;
}

VirtualBox

carles — Sun, 18 Sep 2011 13:39:14 +0000

Si teniu la necessitat d’instal·lar una màquina virtual per fer proves, un dels millors programes per això és VirtualBox. Aquest programa ens permet crear màquines virtual que s’executaran sobre el nostre sistema operatiu. A més, si el nostre processador té les extensions de virtualització (Intel-VT o AMD-V), la penalització de velocitat serà mínima.

Vietnam

carles — Sat, 10 Sep 2011 08:41:04 +0000

]]>

Google+

carles — Sun, 03 Jul 2011 17:43:54 +0000

Avui he estat provant Google+ i he de dir que m’he enduit una bona impressió. A primera vista pareix que té el millor de Facebook i el millor de Twitter, amb algunes característiques més. El que més m’ha cridat l’atenció és:

El sistema de permisos (els cercles). Permeten tenir molta granularitat a l’hora d’assignar permisos.
Les quedades. És un sistema de videoconferència múltiple. Encara no l’he provat, però promet…

Així i tot, encara té algunes mancances com la falta de grups,… Així i tot, segur que en sentirem parlar molt els mesos vinents i que es convertirà en un dur competidor de Facebook.

Update:
Provant, crec que les converses de twitter són més senzilles de seguir…

Dos videos d’Angry Birds

carles — Mon, 13 Jun 2011 11:33:32 +0000

http://www.youtube.com/watch?v=jzIBZQkj6SY

http://www.youtube.com/watch?v=7UCm6uyzNE8

Pels qui no conegueu Angry Birds: aquí.

Selectors Css3

carles — Fri, 03 Jun 2011 15:04:46 +0000

Un apunt rapid. M’encanten els selectors CSS3 que permeten fer coses com:

1
2
3
4

div.noticia:not(:last-child)
{
border-bottom: none;
}

per llevar la vora de tots els divs de classe notícia menys el darrer.

EF 4 i els valors calculats

carles — Wed, 01 Jun 2011 14:05:23 +0000

Avui m’he adonat d’una cosa que Entity Framework no acaba de fer com toca. Si tenim una columna de tipus FILESTREAM a una BBDD SQL Server 2008, necessitarem també tenir una columna uniqueidentifier per la taula on està. Per inicialitzar aquesta columna podem donar-li per valor per defecte (newsequentialid()).

Si emprem Entity Framework per accedir a aquesta taula (emprant Database First -el generador de models a partir de BBDD), no ens inicialitzarà com toca el mapejat i ens inserirà sempre el valor 0 a l’identificador. Per arreglar-ho hem de canviar la propietat StoreGeneratedPattern de la columna uniqueidentifier i posar-ho a Computed.

Monitorització de serveis

carles — Mon, 23 May 2011 09:30:24 +0000

Estic pensant de crear un petit monitoritzador de serveis. La idea que tenc és crear un petit servei de Windows que ens permeti configurar els serveis a monitoritzar a la màquina on està instal·lat. Després, hi hauria un client que enviaria peticions d’actualització a tots els serveis de Windows que tengués registrats i aquests li contestarien amb l’estat dels seus serveis. Ara mateix no sé si hi ha alguna manera millor de fer-ho o si hi ha algun producte que implementi aquesta funcionalitat de manera econòmica (no vull un producte que valgui més de 100€ per fer quelcom tan senzill).