Category Archives

6 Articles
Node Sender Preview

Node Sender Preview

Hello Everyone.

Today I’ll show you the preview of Library NodeJS I’m doing: Node-Sender

This library can simply send a Push to devices running Android, iOS, Blackberry or Windows Phone. For the moment, only the Android GCM Push is functional. Others should follow shortly. Similarly, for now you can not install this module via NPM. That will come when I finish all platforms.

Android Quick Start

var Sender = require('node-sender');

var sender = new Sender();

sender.send(
    Sender.TYPE_ANDROID,                // OS type
    { msge : "Test Message NodeJS" },   // message to send
    "Registration Id",                  // phone registration id(s)
    { apiKey : "Api-Key GCM" },         // settings
    function(err, response){            // callback
        console.log(err);
        console.log(response);
    }
);

Download

If you are curious and want to test this library, you can find it on my Github repository.

Android Validator 1.0 Released

Android Validator 1.0 Released

Android-Validator

Form Validator Library for Android

Presentation

Form Validator Library for Android is based on Zend_Validator coded in PHP. This library is intended to simplify and streamline the code to validate a form Android. For the moment, the form can just handle the EditText. Other elements will emerge in future versions.

License

Warning

With Android 4.2, the error display has undergone a display bug. Sometimes, the error fields do not appear in the display. I hope that Google will repair this problem quickly due to Android in itself and not the library.

Use

Form Validator Library is composed of 3 members :

  • Form : Contains all beings validates to treat. This is the Form that manages the display of error messages in the various elements.
  • Validate : Contains all the validators to be treated for a given element.
  • Validator : Can define a validation rule.

Validator

The validator is basic class for this library. It contains specific validation rules. To instanciate validator, you just have to do this (EmailValidator for example):

new EmailValidator(context);

For some validators, functions can change the validation rules. The validator currently contains three basic validation rules:

  • EmailValidator : Ensures that the field does contain a email address. You can also define a regex to check for a particular domain name with the function setDomainName(DomainRegexp). Example for gmail.com domain : setDomainName("gmail\\.com").
  • NotEmptyValidator : Ensures that the field is not empty.
  • UrlValidator : Ensures that the field is a valid url.
  • AlnumValidator : Ensure that the feld has Alnum characters.
  • HexValidator : Ensure that the field has Hex characters.
  • RegExpPattern : Ensure that the field does match setted Pattern.
  • Custom Validator : You can create your own Validator. To do this, you can just create class extends AbstractValidator :

    public class CustomValidator extends AbstractValidator
    {
        // Your custom error message
        private int mErrorMessage = R.string.validator_custom; 
    
        public CustomValidator(Context c) {
            super(c);
        }
    
        @Override
        public boolean isValid(Object value) {
            // Your validation Test is here.
            // Retour true if it's correct, false if it's incorrect
            return true;
        }
    
        @Override
        public String getMessage() {
            return mContext.getString(mErrorMessage);
        }
    }
    

Validate

The pure Validate class is a FIFO validator. It’s test a list of AbstractValidator for specific EditText. For some special cases, Validate is not enough. This is why there are specific validates. This is why there are two individuals with a Validate operation different from that base :

  • ConfirmValidate : Can check whether a value is identical between the two fields. Can be used to confirm the entry of a password.
  • OrTwoRequiredValidate : If one of the two target fields has a value, then it is valid. Can be used if a user must give his phone or fax.
  • Validate : The base Validate. It creates his validators stack.

Basicly, Validate can only handle a single EditText. If you want to manage several at the same time, see if ConfirmValidate or OrTwoRequiredValidate match your problem. If this is not the case, you may need to create your own Validate. To instantiate a Validate, you just have to do this:

Validate emailField = new Validate(email);

And to add Validator stack, for example to add a required Email field, you have to do this:

emailField.addValidator(new NotEmptyValidator(mContext));
emailField.addValidator(new EmailValidator(mContext));

Form

The Form class is the class teacher of the whole Library. It manages the processing of each Validate, Validator and displays the error on the EditText automatically. The Form class stores a Validate stack and then you just have to run the validation with the validate() function. To instanciate Form and add Validates, you have to do this :

Form mForm = new Form();
mForm.addValidates(emailField);
mForm.addValidates(confirmFields);
mForm.addValidates(urlField);

// ...

// Launch Validation
if(mForm.validate()){
    // success statement
}else{
    // error statement like toast, crouton, ...
}

Changelog

  • 0.1 : Create library
  • 0.2 : Add ConfirmValidate and OrTwoRequiredValidate
  • 0.3 : Extends EmailValidator with setDomainName()
  • 0.4 : Replace Validator by AbstractValidator
  • 0.5 : Fix bug in UrlValidator
  • 1.0 : Add AlnumValidator, HexValidator, RegExpValidator, ValidatorException. Fix Validate class.
Refonte du design (Et Rebelote)

Refonte du design (Et Rebelote)

Comme vous devez le constater, le site a été entièrement refondu en essayant de tirer parti des guidelines Android. Vu qu’en ce moment il y a plus d’articles Android que d’articles PHP (même si certains sont en approche), il m’a semblé normal de le refondre tel quel. Je vais donc vous faire un petit tour des particularités de ce nouveau thème. Si certains d’entre vous sont intéressés par la suite, merci de me l’indiquer dans les commentaires.

Présentation Générale

Comme dit plus haut, le thème se base sur les guidelines Android et utilise donc la touche graphique du thème Holo.Light. Pourquoi le light et non le Dark? Juste une histoire de goût. Je le trouve plus sobre et classe que son contraire. Vous verrez que je joue beaucoup avec les 5 couleurs d’Android. A savoir le bleu, violet, vert, jaune/orange, rouge. J’en joue tellement que selon l’emplacement de votre widget, il optera directement pour une de ces couleurs. Idem au niveau du footer et du header.

Le Header

Le header est composé de 3 éléments. Une ActionBar repensée dans l’esprit d’Android. Au niveau de l’Overflow (les 3 points à droite) vous avez accès aux pages du site. A savoir Contact et A propos (sera mis à jour dans les prochains jours). Bien entendu, le header est responsive et changera de forme pour pouvoir fonctionner parfaitement sur smartphones et tablettes.

On se croirait sur tablette non?

On se croirait sur tablette non?

Ensuite arrive les icônes sociaux à droite. Ils sont au nombre de 6. Vous aurez donc droit, dans l’ordre, aux feeds, mon twitter, mon linkedin, mon Google+, ma bibliothèque GitHub et la liste de mes applications Android. Pourquoi n’y a t’il pas la possibilité de rajouter facebook? Je ne trouve pas facebook professionnel.

Ils sont pas beau?

Ils sont pas beau?

Pour finir, vous trouverez à gauche l’emplacement pour un Logo et un sous-titre pour votre site.

Les Widgets

Les widgets à droite ont pour base celui de GMail sur Android (et oui encore un énorme clin d’oeil). Il faut savoir que tous les widgets ne sont pas obligatoirement adaptés à ce thème. Je ne me suis concentré que sur ceux que j’utilisais et encore, avec ceci, j’ai dû en recréer deux pour qu’ils s’adaptent parfaitement. Il s’agit des commentaires récents et des Posts Populaires. Bien entendu, ils sont arrangés de telle façon à être disposées sur la sidebar ou dans le footer. 

Ah, il est en seconde position. D'où le vert

Ah, il est en seconde position. D’où le vert

Pour ce qui est du footer, j’ai joué sur la sobriété pour l’apparence des widgets. Malgré tout, on retrouve les mêmes bases entre les deux emplacements.

Sobre n'est-il pas?

Sobre n’est-il pas?

Article et Formulaires

Pour ce qui est des différents cadres pour séparer chaque article, pages, formulaires, bloc de commentaires, … je me suis inspiré des cartes dans Google Now. L’intégration avec les rajouts Jetpack est bien fonctionnelle et se marie très bien avec le thème.

Oh j'ai une card dans Google Now

Oh j’ai une card dans Google Now

Pour ce qui est des formulaires, vous avez certainement reconnus le design Android aussi ici. Pour le réaliser, ça n’a pas été simple. Surtout pour son intégration. D’ailleurs  si vous voulez le code à rentrer dans Contact-Form-7 pour qu’il s’intègre parfaitement au thème, n’hésitez surtout pas à me le demander.

Je suis sur une appli native?

Je suis sur une appli native?

Conclusion

Voilà pour la présentation du nouveau thème. Vous découvrirez d’autres particularités en navigant à travers le blog. Bien entendu, si vous êtes intéressés par ce thème pour le réutiliser, merci de l’indiquer dans les commentaires. Ce thème est bien entendu compatible IE mais dans ses version 9 et supérieures ainsi que tous les navigateurs utilisant le moteur de rendu Webkit. Firefox n’est pas en reste loin de là.

Voilà à quoi cela devrait ressembler sur votre smartphone

Voilà à quoi cela devrait ressembler sur votre smartphone

Comme indiqué, le site est Responsive. Qu’est-ce que cette bête? Et bien simplement que le site se réadapte automatiquement selon la taille de l’écran. Vous aurez donc le même site avec le même design que vous soyez sur mobile, tablette, ordi, télé, … Pour se faire, j’ai utilisé l’un des nombreux « frameworks » CSS/Html5 existant à savoir le framework Foundation.

Sur ce, je vous souhaite une très bonne journée à tous.

Android Form Validator Preview
Les bulles sont disponibles en natif sur Android

Android Form Validator Preview

Voici une Library de ma composition servant à gérer, comme sous le Framework Zend PHP, la validation des formulaires. Les classes ont été calquées pour s’utiliser comme sous Zend et, de plus, elle permet facilement de créer de nouveaux validateurs.

La library est encore en phase de développement. Pour les impatients, vous la trouverez ici. Aucun JAR n’est disponible pour l’instant car j’utilise les fichiers ressource Android.

Utilisez donc mon projet comme un « Library Project » ou importez directement les sources dedans tant que vous indiquez la provenance. Dans les sources, vous trouverez une Activity d’exemple vous montrant comment vous servir des différents validateurs disponibles pour l’instant à savoir :

  • ConfirmValidator : Permet de vérifier si le champ de confirmation est valide (ex : confirmation mot de passe)
  • EmailValidator : Permet de vérifier si l’email saisit est valide.
  • NotEmptyValidator : Permet de savoir si un champ a bien été saisit
  • OrTwoFieldsEmptyValidator : Permet de vérifier si, entre deux champs, au moins l’un des deux a été saisit.
  • UrlValidator : Permet de savoir si un champ URL a été correctement saisit.

Chaque Validator est rattaché à un objet Validate propre. Ce champ validate permet de créer des chaines de validation en sachant que le premier Validator entré sera le premier testé.

EditText field1;

// Création du Validate pour notre champ1 :
Validate valField1 = new Validate(field1);

// Ajout de nos différents validateurs du premier à tester au dernier
valField1.addValidator(new EmailValidator(mContext));
valField1.addValidator(new NotEmptyValidator(mContext));

Certains Validators sont particuliers et s’utilisent sur deux champs en même temps (pour le ConfirmValidator et le OrTwoFieldsEmptyValidator).

EditText password;
EditText confirmPassword;

ConfirmValidator confirmFields = new ConfirmValidator(password, confirmPassword);

Tous les Objets Validates créés sont rajoutés à un Form. Et c’est ce Form qui permettra de vérifier si votre formulaire est valide.

Form form = new Form();
form.addValidates(valField1);
form.addValidates(confirmFields);

Pour vérifier si votre formulaire est valide. Il suffit juste de faire un if tout simple :

if(form.validate())
{
    // Traitement de votre formulaire
}

Et, en cas d’erreur, des bulles apparaissent sur les champs invalides comme ceci :

]1 Les bulles sont disponibles en natif sur Android

Comme vous le voyez, son utilisation reste très simple. Ensuite, sachez que vous pouvez créer facilement de nouveaux Validators pour vos formulaires. Pour ce faire, vous avez juste à créer une classe d’héritant de Validator :

/**
 * Classe servant à créer de nouveaux Validators
 * @author throrin19
 *
 */
public abstract class Validator {

    protected Context mContext;

    public Validator(Context c){
        mContext = c;
    }

    /**
     * Permet de vérifier si la valeur passée en paramètre est valide ou non.
     * @param value
     *         {@link Object} : la valeur à valider
     * @return
     *         boolean : true si valide, false sinon.
     */
    public abstract boolean isValid(Object value);

    /**
     * Permet de récupérer le message d'erreur correspondant au validateur.
     * @return
     *         String : le message d'erreur
     */
    public abstract String getMessage();
} 

Pour les intéressés par cette library, elle est déjà disponible sur mon Github en suivant ce lien.

PasteQR passe en 1.1.0

PasteQR passe en 1.1.0

by Throrïn 1 Comment

Bonjour, aujourd’hui je vous annonce le passage de pasteQR en 1.1.0.

Cette mise à jour apporte quelques nouveautés dont l’intgration de l’application dans la dernière version d’Android à savoir la 4.0 (Ice Cream Sandwich).

Mais, trêve de petits bavardage. Voici la iste des nouveautés (elle est petite) :

  • Ajout de la possibilité de partager du texte vers l’application pour générer directement le code QR.
  • Intégration avec la version 4.0 d’Android
  • Ajout d’une banière de pub dans l’affichage du code QR généré.

Et surtout, n’hésitez pas à me dire ce qu’il faudrait changer à l’application pour la rendre meilleure.

Sélection du texte à copier

Dans ICS, on peut partager notre texte sélectionné

Et nous avons notre nouveau QRCode

Alors pour partager le texte sélectionné, c’est possible pour Android qu’à partir de la 4.0. Sinon le Galaxy S et le galaxy S2 le gèrent nativement (ou depuis la 2.3+ je ne sais plus).