Programme sur 3 jours:
Méthode d’analyse MERISE (MCD-MLD).
Création d’une analyse WinDev.
Pratique des éditeurs de projet,  fenêtres, champs.
Création d’un projet complet WinDev.

Cette disparition va propulser le HTML 5 comme choix technologique et mettre fin à cette concurrence Flash / non Flash.

Et si Microsoft abandonnait son SilverLigth ?

Le rendu attendu avec un composant comme celui est généralement le passage d’une page à la suivante par la pression des doigts sur l’écran et son basculement.

Il y  a deux parties distinctes dans l’arborescence d’un projet android développé via eclipse :

-         La partie src ou l’on retrouve l’activity ou l’on définira les éléments d’animation

Et l’ensemble des actions de la page.

-         La partie res ou l’on retrouve le layout qui incorpore le view flipper, celui-ci contiendra donc plusieurs vues où l’on pourra  selon l’animation passer d’une vue à l’autre à l’intérieure du composant.

Voila donc un exemple de code simple qui permet de passer d’une page à une autre en cliquant sur l’un des deux boutons crées next ou previous :

Android ViewFlipper Example:
Code XML

< ?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/LinearLayout01"
android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical">
<LinearLayout android:id="@+id/LinearLayout03"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<Button android:id="@+id/Button01" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Next"></Button>
<Button android:id="@+id/Button02" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Previous"></Button>
</LinearLayout>
<LinearLayout android:id="@+id/LinearLayout02"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<ViewFlipper android:id="@+id/ViewFlipper01"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<!--adding views to ViewFlipper-->
<TextView android:id="@+id/TextView01" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Flipper Content 1"></TextView>
<TextView android:id="@+id/TextView02" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Flipper Content 2"></TextView>
<TextView android:id="@+id/TextView03" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Flipper Content 3"></TextView>
</ViewFlipper>
</LinearLayout>
</LinearLayout>

Code Java

public class ViewFlipperExample extends Activity implements OnClickListener {
Button next;
Button previous;
ViewFlipper vf;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
vf = (ViewFlipper) findViewById(R.id.ViewFlipper01);
next = (Button) findViewById(R.id.Button01);
previous = (Button) findViewById(R.id.Button02);
next.setOnClickListener(this);
previous.setOnClickListener(this);
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if (v == next) {
vf.showNext();
}
if (v == previous) {
vf.showPrevious();
}
}
}

Vous constaterez que cette exemple est trés simple et que le passage s’effectue via un click sur un bouton, cependant si l’on rentre dans le contexte de l’ergonomie et si l’on veut que l’utilisateur s’y retrouve rapidement, l’exemple suivant sera un plus.

Code XML : flipper.xml

<ViewFlipper android:layout_height="match_parent" android:layout_width="match_parent" android:id="@+id/flipper" >
<LinearLayout android:orientation="vertical" android:id="@+id/premiervue" android:layout_height="match_parent" android:layout_width="fill_parent">
<LinearLayout android:background="#fff" android:id="@+id/souslayout" android:layout_height="wrap_content" android:layout_width="match_parent">
<TextView android:text="ON EST SUR LA PREMIERE PAGE" android:textColor="#000000" android:background="#ffffff" android:layout_height="wrap_content" android:layout_width="fill_parent" android:gravity="center"></TextView>
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:id="@+id/deuxiemvue" android:layout_height="match_parent">
<LinearLayout android:background="#000000" android:layout_width="match_parent" android:id="@+id/souslayout" android:layout_height="wrap_content">
<TextView android:textColor="#000000" android:background="#ffffff" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="ON EST SUR LA DEUXIEME PAGE" android:gravity="center"></TextView>
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:id="@+id/troisiemvue" android:layout_height="match_parent">
<LinearLayout android:background="#fff" android:layout_width="match_parent" android:id="@+id/souslayout" android:layout_height="wrap_content">
<TextView android:textColor="#000000" android:background="#ffffff" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="ON EST SUR LA TROISIEME PAGE"></TextView>
</LinearLayout>
</LinearLayout>
<LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/quatriemvue">
<LinearLayout android:background="#4B5150" android:layout_width="match_parent" android:id="@+id/souslayout" android:layout_height="wrap_content">
<TextView android:textColor="#000000" android:background="#ffffff" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="ON EST SUR LA QUATRIEME PAGES"></TextView>
</LinearLayout>
</LinearLayout>
</ViewFlipper>

Creer un Dossier anim dans res et y incorporer les fichiers xml suivants :

Slide_leftIn.xml

<?xml version="1.0" encoding="utf-8"?>
<set
xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
<translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="150" />
</set>

Slide_leftOut.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<translate
android:fromXDelta="0"
android:toXDelta="-100%p"
android:duration="150" />
</set>

Slide_rightIn.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<translate
android:fromXDelta="-100%p"
android:toXDelta="0"
android:duration="150" />
</set>

Slide_rightOut.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator">
<translate
android:fromXDelta="0"
android:toXDelta="100"
android:duration="150" />
</set>

Code Java :

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ViewFlipper;
public class viewflippertest extends Activity implements OnGestureListener {
/*
* Constante permettant de calculer si l'on doit tourner page
*  vers gauche ou droite selon la position du doigt
*/
private static final int SWIPE_MIN_DISTANCE = 120;
private static final int SWIPE_MAX_OFF_PATH = 250;
private static final int SWIPE_THRESHOLD_VELOCITY = 200;
/*
* Déclaration de variable
* Animation (création de dossier de gestion d'une animation dans le répertoire anim)
* GestureDetector composant qui permet de détecter un événement
* ViewFlipper composant qui permet de gérer une transition via animation
*/
private Animation slideLeftIn;
private Animation slideLeftout;
private Animation slideRightIn;
private Animation slideRightout;
private GestureDetector detector;
private ViewFlipper view;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.flipper);// cette élément renvoie au fichier xml créer précédemment
/*
* les différentes animations disponibles dans le repertoire anim
*/
slideLeftIn = AnimationUtils.loadAnimation(this, R.anim.slide_leftin);
slideLeftout = AnimationUtils.loadAnimation(this, R.anim.slide_leftout);
slideRightIn = AnimationUtils.loadAnimation(this, R.anim.slide_rightin);
slideRightout = AnimationUtils.loadAnimation(this, R.anim.slide_rightout);
view = (ViewFlipper)findViewById(R.id.flipper);
detector = new GestureDetector(this, this);
}
/*
* onTouchEvent permet de renvoyer au composant GestureDetector creer
* @see android.app.Activity#onTouchEvent(android.view.MotionEvent)
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
return detector.onTouchEvent(event);
}
/*
* onFling permet d'implémenter la gestion du tactile selon la position du doigt
* @see android.view.GestureDetector.OnGestureListener#onFling(android.view.MotionEvent, android.view.MotionEvent, float, float)
*/
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
try {
if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH)
return false;
// right to left swipe
if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE
&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
view.setInAnimation(slideLeftIn);
view.setOutAnimation(slideLeftout);
view.showNext();
}
else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE
&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
view.setInAnimation(slideRightIn);
view.setOutAnimation(slideRightout);
view.showPrevious();
}
}
catch (Exception e) {
Log.e("Log_tag", "Erreur switch"+e.getMessage());
}
return false;
}
@Override
public boolean onDown(MotionEvent arg0) {
// TODO Auto-generated method stub
return false;
}

Il délivre les autorisations de fonctionnement (connexion via le net, géo localisation, notification, etc..),  qui permettront à votre application de fonctionner. C’est au sein de celui que chaque Activity doit être déclaré. C’est donc par le manifest que l’on determine l’application ou la page qui devra s’afficher après initialisation ou boot complet

Il est donc primordial d’en faire la déclaration dans votre fichier manifest comme ceci :

Code du Manifest.xml

<uses-permission android:name= »android.permission.RECEIVE_BOOT_COMPLETED »>

</uses-permission>

Ensuite il faut rajouter un receiver avec l’action BOOT_COMPLETED:

<receiver android:name=".TonReceiver">

    <intent-filter>

        <action android:name="android.intent.action.BOOT_COMPLETED" />

    </intent-filter>

</receiver>

Code Java :

import android.content.BroadcastReceiver;

import android.content.Context;

import android.content.Intent;

public class TonReceiver extends BroadcastReceiver {

        @Override

        public void onReceive(Context context, Intent intent) {

               Intent demarrage = new Intent (context, PageAccueil.class);

        demarrage.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

        context.startActivity(demarrage);

        }

Il faudra créer sa propre mise en page pour la fenêtre de dialogue avec la disposition et les éléments de widget : une fois que celle-ci est défini, l’objet créer sera retransmis via son id à  setContentView ().

On cree un fichier XML dans le layout que l’on nomme special_dialog.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/layout_root"

android:orientation="horizontal"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:padding="10dp"

>

<ImageView android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:layout_marginRight="10dp"

/>

<TextView android:id="@+id/text"

android:layout_width="wrap_content"

android:layout_height="fill_parent"

android:textColor="#FFF"

/>

</LinearLayout>

Ci-dessus sont y définit dans le linearlayout un emplacement pour une image et un texte. Ensuite dans le code java, on définira les différents éléments qui constitueront cette boite de dialogue:

Le code Java : 

Context mContext = getApplicationContext();

Dialog dialog = new Dialog(mContext);

dialog.setContentView(R.layout.custom_dialog);

dialog.setTitle("Boite de Dialogue Personnalisé");

TextView text = (TextView) dialog.findViewById(R.id.text);

text.setText("Bonjour, Bienvenue dans ma boite de Dialogue!");

ImageView image = (ImageView) dialog.findViewById(R.id.image);

image.setImageResource(R.drawable.image);

// image correspondent à une image que vous avez importé dan votre repertoire drawable.

Le 29 septembre, le Club invite Pierre Claudon, Kodbox.

Retrouvez l’agenda ici

Rencontrer en direct l’internaute qui visite votre catalogue, l’aider à transformer une décision en vente et réduire le taux d’abandon, garantir une confiance derrière vos pages web, réduire le nombre d’appel entrants, proposer un service client, mieux connaître les internautes qui visitent votre site…

Une installation simple !

CiTinet installe l’outil de discussion sur votre site et vous livre une interface pour l’administrer. Vous ouvrez vous même l’accès au service. Une alerte sonore vous alerte d’une demande de mise en relation. La discussion est enregistrée.

Contact au 0787018195

Pour accentuer cette tendance, il devrait se vendre plus de smartphone et tablette que d’ordinateur de bureau d’ici la fin 2011.

Ce qui signifie un accroissement du temps passé sur le web en situation de mobilité.
En 2010, un internaute surfait 64 minutes par jour en moyenne depuis son poste fixe contre 43 minutes via son smartphone. Auourd’hui, il passe 81 minutes sur son smartphone contre 74 minutes sur son poste fixe, une tendance largement relayée par la génération future.

Certes l’audience est majoritairement vouée au réseaux sociaux et jeux mais le monde pro n’y écharpera pas.

A partir d’un outil de gestion de contenu, il est simple de fournir un contenu accessible aux écrans larges et relayer une version pour écran mobile.

Retour de l’accessibilité sur le devant de la scène média-technique !

A partir d’une importation Excel des références produits des fournisseurs, vous ajoutez des commandes et imprimez ou envoyez par mail les commandes journalières à vos fournisseurs.

Un état récapitule les commandes de la journée.

Avec l’application, vous disposez :

• D’une solution simplicime.
• De l’importation de vos références existantes.
• D’un outil bureautique qui s’intègre à votre existant.
• De statistiques.

Les applications peuvent être multiples :

• un porte-monnaie électronique pour le paiement sans contact avec son mobile ;
• un service de cartes prépayées électroniques ;
• un services de ticketing notamment pour les transports ;
• un service de collecte de coupons de fidélité ;
• etc…

Cette technologie permet effectivement de payer, de valider un titre de transport ou d’échanger des informations à courte distance, mais également de valider certains aspects de sécurité ou de communiquer plus d’informations via Internet et les réseaux de téléphonie mobile si nécessaire.

En France, opérateurs, banques, transporteurs testent des solutions pour être leader et rafler la manne !
Et puis il n’existe qu’un modèle de mobile qui intègre cette solution : le nokia 6131 NFC.

Le NFC Forum annonce une généralisation des puces pour 2013.

Dans l’Hexagone, opérateurs mobiles et banques se sont déjà rapprochés dans un groupe baptisé Payez Mobile, afin de permettre l’interopérabilité de leurs solutions. Dans la grande distribution, des pilotes aussi se mettent en place. Intermarché teste, par exemple, le paiement sans contact à Louvigny, dans le Calvados, grâce à des caisses munis de lecteurs NFC. D’autres expérimentations sur cette technologie sont également menées à Caen et à Strasbourg grâce au partenariat entre sept banques.

En attendant l’arrivée des mobiles NFC embarqués, une solution alternative est un sticker NFC à coller sur tous les téléphones bluetooth.

Le sticker MyMax développé conjointement par les sociétés Twinlinx et Mobile Distillery fait la taille d’un timbre poste et possède donc une face collante qui permet de le positionner au dos de son téléphone mobile. Il fait alors office de carte NFC et de lecteur.

Peut-être un effet accélérateur pour cette technologie d’avenir…