Pré-requis

Ce tutoriel est destiné, de préférence, aux développeurs ayant au moins une première expérience dans l'univers iPhone SDK. Dans le cas contraire, je vous invite à lire un tutoriel pour vous familiariser avec le langage Objective-C et l'iPhone SDK (Vous pouvez en trouver un sur ce blog : Programmation iPhone : Pré-requis).

Généralités

Web Service

Un Web Service est une interface de programmation (Application Programming Interface ou API), et permet plus particulièrement la communication entre applications et/ou systèmes hétérogènes. Dans notre cas, nous souhaitons faire communiquer une application iPhone et une solution Web Service mise en place sur un serveur.

SOAP

Simple Object Access Protocol (SOAP) est un protocole permettant l'échange d'informations dans un Web Service. Un message SOAP est de format XML. Ce message contient la requête demandée et décrit plus particulièrement le nom de l'action désirée, éventuellement précisée d'arguments. Nous verrons plus loin dans le tutoriel les particularités des messages envoyés par ce protocole. Nous utiliserons la version 1.2 de SOAP dans ce tutoriel.

Développement

Nous désirons appeler la méthode getCityTime; celle-ci prend en argument le nom d'une ville et le serveur est censé nous envoyer l'heure courante de la ville en question.

L'application

@interface SoapBuilder : NSObject {
	// Request
	NSString	*address;
	NSString	*xmlNamespace;
	NSString	*operation;
	NSString	*parameters;
 
	// Connection
	BOOL		recordResults;
	BOOL		connectionFinished;
 
	// Xml Parsing
	NSMutableString	*soapResults;
	NSMutableData	*webData;
	NSXMLParser	*xmlParser;
}
 
@property(nonatomic, retain) NSString *address;
@property(nonatomic, retain) NSString *xmlNamespace;
 
@property(nonatomic, retain) NSString *operation;
@property(nonatomic, retain) NSString *parameters;
 
-(void)execute;
 
@end

Nous verrons au fur et à mesure l'intérêt de chaque attribut.

Dans le fichier d'implémentation (.m) commençons par faire la méthode d'initialisation :

-(id)init {
	[super init];
 
	address		= [NSString stringWithFormat:@""];
	xmlNamespace	= [NSString stringWithFormat:@""];
	operation	= [NSString stringWithFormat:@""];
	parameters	= [NSString stringWithFormat:@""];
 
	return self;
}

La requête

On désire effectuer la requête suivante avant de se connecter sur le serveur :

 
    http://www.nanonull.com/TimeService/TimeService.asmx
    http://www.Nanonull.com/TimeService/getCityTime
 
    Chicago

On implémente la méthode principale execute qui va se charger de :

-(void)execute {
	recordResults = FALSE;
 
	NSString *operatorTag = [NSString stringWithFormat:@"&amp;lt;%@ xmlns=\"%@\"&amp;gt;%@<!--%@-->\n", operation, xmlNamespace, parameters, operation];
 
	NSString *soapMessage = [NSString stringWithFormat:
							 @"\n"
							 "\n"
							 "  \n"
							 "    %@\n"
							 "    %@%@\n"
							 "  \n"
							 "  \n"
							 "    %@"
							 "  \n"
							 "\n", address, xmlNamespace, operation, operatorTag
							 ];			
 
	NSLog(@"Requête SOAP = \n%@\n\n", soapMessage);
 
	//Requête
	// On spécifie l'adresse du Web Service
	NSURL *url = [NSURL URLWithString:address];
	NSMutableURLRequest *theRequest = [NSMutableURLRequest requestWithURL:url];
	// On précise le type de données, ici : application/soap+xml (spécifique à SOAP 1.2)
	[theRequest addValue: @"application/soap+xml; charset=utf-8" forHTTPHeaderField:@"Content-Type"];
	[theRequest setHTTPMethod:@"POST"];
	// On insère alors le message SOAP construit auparavant
	[theRequest setHTTPBody: [soapMessage dataUsingEncoding:NSUTF8StringEncoding]];
 
	//Connexion
	NSURLConnection *theConnection  = [[NSURLConnection alloc] initWithRequest:theRequest delegate:self];
	if( theConnection ) {
		webData = [[NSMutableData data] retain];
	}
	else {
		NSLog(@"La connexion ne peut s'établir");
	}
}

Le message SOAP est créé manuellement à l'aide d'un NSString en insérant l'adresse, l'opérateur et les éventuels arguments aux bons endroits.

Par la suite, on construit un NSMutableURLRequest qui prend en argument le message SOAP que l'on vient de créer. On y précise également les spécifications nécessaires telles que le type de données (application/soap+xml).

Ensuite, le NSURLConnection theConnection peut enfin se faire en prenant en argument le NSMutableURLRequest précédemment alloué et préparé. On précise également que l'instance de la classe courante est le delegate du NSURLConnection; ceci afin d'implémenter les méthodes déléguées dans cette même classe (et donc dans ce même fichier).

La connexion

La méthode suivante est appelée quand la connexion et établie.

-(void)connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
	[webData setLength: 0];
}

La méthode suivante est appelée dès lors que des données nous sont envoyées. Tout n'est pas envoyé en même temps et cette méthode sera appelée autant de fois que nécessaire pour recevoir entièrement la réponse. Nous allons donc utiliser un NSMutableString (webData) pour pouvoir concaténer les différentes portions envoyées afin de restituer intégralement cette réponse.

-(void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
	[webData appendData:data];
}

Lorsque tout est bien reçu, nous arrivons sur la méthode connectionDidFinishLoading. On peut dès lors faire afficher la réponse en format XML.

-(void)connectionDidFinishLoading:(NSURLConnection *)connection {
	NSString *theXML = [[NSString alloc] initWithBytes: [webData mutableBytes] length:[webData length] encoding:NSUTF8StringEncoding];
	NSLog(@"Réponse SOAP = \n%@\n\n", theXML);
	[theXML release];	
 
	// Appel futur du parser
 
	[connection release];
	[webData release];
	connectionFinished = TRUE;
}

Si jamais la connexion échoue en cours de route, nous arrivons sur la méthode suivante. Nous libérons tout avant de sortir.

-(void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
	[connection release];
	[webData release];
	NSLog(@"Echec de la connexion");
}

Premier test

Dans la classe du delegate de l'application (MySoapAppDelegate dans notre cas), dans la méthode applicationDidFinishLaunching, insérez les lignes suivantes afin de tester notre classe SoapBuilder :

	SoapBuilder *soapBuilder = [[SoapBuilder alloc] init];
	[soapBuilder setAddress:@"http://www.nanonull.com/TimeService/TimeService.asmx"];
	[soapBuilder setXmlNamespace:@"http://www.Nanonull.com/TimeService/"];
	[soapBuilder setOperation:@"getCityTime"];
	[soapBuilder setParameters:@"Chicago"];
	[soapBuilder execute];

Le code est suffisamment explicite : nous voulons faire une requête sur le Web Service déployé à l'adresse http://www.nanonull.com/TimeService/TimeService.asmx, faire appel à la méthode nommée getCityTime avec comme argument Chicago (à placer entre les balises du nom de l'argument attendu)

Vous pouvez compiler et voir ce qui est affiché dans la console (n'oubliez pas d'importer la classe SoapBuilder). La réponse obtenue dans notre cas est la suivante (elle dépend évidemment de l'heure à laquelle on fait appel au serveur) :

 
                                    6:18PM

Dans ce texte en format XML, on peut distinguer la réponse qui se trouve entre les balises getCityTimeResult.

Le parser

Dans la pratique, cette donnée n'est pas réellement utilisable. Nous allons donc parser toute la réponse envoyée par le serveur.

NSXMLParser est une classe qui propose un parser XML (de type SAX) qui nous servira à parser la réponse.

Dans la méthode connectionDidFinishLoading, remplacez la ligne :

	// Appel futur du parser

Par le code suivant :

	if(xmlParser)
		[xmlParser release];
	// Allocation du NSXMLParser
	xmlParser = [[NSXMLParser alloc] initWithData: webData];
	// Désigne l'instance de la classe courante comme étant le delegate du NSXMLParser
	[xmlParser setDelegate: self];
	[xmlParser setShouldResolveExternalEntities: YES];
	[xmlParser parse];

Ceci va préparer et allouer un NSXMLParser qui va pouvoir par la suite parser la réponse en XML. Il faut néanmoins spécifier le Delegate comme étant l'instance de la classe courante. On va pouvoir implémenter (à la suite) les trois méthodes du Delegate nécessaires au parsing.

Tout d'abord, la méthode qui sera appelée dés que le parser rencontre une balise d'ouverture. Il faut alors vérifier qu'il s'agit de la balise qui nous intéresse, en l'occurrence getCityTimeResult. S'il s'agit de la bonne balise, nous préparons la sauvegarder du résultat. Sachant que le parser va lire les portions d'information petit à petit, nous faisons allouer un NSMutableString afin de concaténer le résultat.

-(void)parser:(NSXMLParser *)parser didStartElement:(NSString *)elementName namespaceURI:(NSString *) namespaceURI qualifiedName:(NSString *)qName
   attributes: (NSDictionary *)attributeDict {
	// On vérifie si la balise est celle que l'on recherche, c'est-à-dire "NomDeNotreOperationSuiviDuMotResult"
	NSString *operation_result = [operation stringByAppendingFormat:@"Result"];
 
	if( [elementName isEqualToString:operation_result])
	{
		// Nous débuttons une balise XML, on prépare la sauvegarde du résultat
		if(!soapResults)
			soapResults = [[NSMutableString alloc] init];
		recordResults = TRUE;
	}
}

La méthode suivante est appelée dès que l'on trouve des caractères dans le texte XML. Si on est au sein de la balise qui nous intéresse, on concatène les chaînes de caractères sur soapResults.

-(void)parser:(NSXMLParser *)parser foundCharacters:(NSString *)string {
	// On concatène toutes les portions de résultats lues
	if( recordResults )
		[soapResults appendString: string];
}

Quand on arrive sur la balise fermante, la méthode suivante est appelée :

-(void)parser:(NSXMLParser *)parser didEndElement:(NSString *)elementName namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName {
	// De même que précédemment, on vérifie si l'on se trouve dans la balise correspondante à notre résultat
	NSString *operation_result = [operation stringByAppendingFormat:@"Result"];
 
	if( [elementName isEqualToString:operation_result])	{
		// On arrive à la fin du résultat, on arrête l'enregistrement-concaténation
		recordResults = FALSE;
 
		// Affichage du résultat attendu
		NSLog(@"Resultat = %@", soapResults);
 
		// On libère le NSMutableString si nous n'en avons plus besoin
		[soapResults release];
		soapResults = nil;
	}
}

On obtient finalement la réponse voulue :

Resultat = 7:08 PM

Certificat

Pour des raisons de sécurité, certains Web Services peuvent demander la signature d'un certificat. Pour se faire, il suffit d'implémenter les deux méthodes suivantes :

- (BOOL)connection:(NSURLConnection *)connection canAuthenticateAgainstProtectionSpace:(NSURLProtectionSpace *)space
{
	BOOL	shouldAllowSelfSignedCert = YES;
	if([[space authenticationMethod] isEqualToString:NSURLAuthenticationMethodServerTrust])
	{
		if(shouldAllowSelfSignedCert)
		{
			return YES;
		}
		else
		{
			return NO;
		}
	}
	UIAlertView	 *alert = [[UIAlertView alloc] initWithTitle:@"Le service est actuellement indisponible." message:@""
													delegate:self cancelButtonTitle:@"Ok" otherButtonTitles:nil];
	[alert show];
	[alert release];
 
	return NO;
}

-(void)connection:(NSURLConnection *)connection didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge
 
{
    if ([challenge previousFailureCount] == 0)
	{
        NSURLCredential *newCredential;
        newCredential=[NSURLCredential credentialWithUser:@"UN_IDENTIFIANT"
                                                 password:@"UN_MOT_DE_PASSE"
                                              persistence:NSURLCredentialPersistenceNone];
        [[challenge sender] useCredential:newCredential forAuthenticationChallenge:challenge];
    }
	else
	{
        [[challenge sender] cancelAuthenticationChallenge:challenge];
    }
}

Le parser peut bien sûr être adapté pour traiter plus d'un résultat par réponse.

Asynchronisme

Dans la méthode execute, l'appel suivant

NSURLConnection *theConnection  = [[NSURLConnection alloc] initWithRequest:theRequest delegate:self];

est asynchrone avec le thread courant; c'est-à-dire que le reste de l'application va continuer à s'exécuter, peu importe ce que fait theConnection. Parfois, il est nécessaire de rendre cette tâche synchrone : pour se faire, ajoutez les lignes suivantes dans la méthode execute :

	while (!connectionFinished) {
		[[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate distantFuture]];
	}

Sources

Les sources de l'application peuvent être récupérées ici : MySoap

Conclusion

Ce tutoriel a permis de développer aisément un outil pour pouvoir communiquer avec un Web Service à l'aide de SOAP.
Il suffit au final de le configurer rapidement pour pouvoir se connecter sur différents points d'accès (à condition qu'ils utilisent SOAP 1.2).

À travers cet article, nous allons entrer dans l'univers d'InDesign et créer notre premier document.

Créer un nouveau document

Lors du lancement d'Adobe InDesign la première chose qui nous est demandée est de créer un nouveau document ou d'en ouvrir un existant (cf image ci-dessous). Pour le sujet de cet article, nous allons créer un nouveau document.

Accueil InDesign

Options d'un document

Dès que nous avons validé notre choix, une seconde pop-up s'ouvre, il s'agit des propriétés du document (cf ci-dessous)

Paramètres du nouveau document

Plusieurs options nous sont proposées :

• Document prédéfini : Il permet de choisir un style de document qu'on aurait déjà enregistré, par exemple une charte graphique pour une circulaire d'entreprise. Dans notre cas nous n'en avons pas donc on va laisser [Par défaut]
• Nombre de pages : il s'agit du nombre de pages que va faire notre document (il sera possible de rajouter des pages par la suite si l'on souhaite).
• Pages en vis-à-vis : InDesign souhaite savoir si nos pages seront face-à-face comme dans un livre. Si l'on coche cette option, la page 1 sera seule alors que les pages 2 et 3 seront collées. Cochons cette case pour voir le résultat.
• Format de la page : Des formats de pages sont prédéfinis A3, A4, A5, etc ... il est possible de préciser un format particulier en rentrant directement la valeur dans les cases en-dessous.
• Orientation : Page au format portrait ou paysage
• Colonnes : Il est possible d'avoir des repères de colonnes dans notre document, cela peut être pratique si on utilise le logiciel pour éditer un journal par exemple. On pourra facilement disposer notre contenu dans des colonnes parfaites. Pour montrer cette fonctionnalité nous allons demander un document avec 2 colonnes.
• Gouttière : Il ne s'agit pas d'une partie d'un toit mais de l'espace entre deux colonnes. Cela permet d'aérer un peu notre texte pour éviter la sensation d'un seul gros bloc. Je laisse la valeur par défaut ici.
• Marges : il y a 4 types de marge : En-tête (en haut), De-Pied (en bas), Petit fond (à gauche), Grand fond (à droite). Il s'agit de la taille des bordures que l'on veut laisser autour de notre document.
• Fond perdu (option disponible si l'on a cliqué sur "plus d'options") : il s'agit des bordures que les imprimeurs coupent lorsqu'ils utilisent leurs machines, ils demandent généralement à "ajouter" une zone en plus au document (0,5 cm par exemple) qui n'apparaitra pas sur le document. Nous allons donc rajouter des fonds perdus à notre document pour voir le résultat.
• Ligne-bloc (option disponible si l'on a cliqué sur "plus d'options") : il s'agit de zones supplémentaires pour écrire des annotations le plus généralement pour l'imprimeur, comme des notes, par exemple : "Attention, les deux pages sont bien face-à-face", cela peut aussi être un petit rappel pour nous sur un document en cours.

Résultat du document créé

Suite à nos choix lors de la création du document nous obtenons le résultat que l'on peut apercevoir ci-dessous. Tout d'abord on reconnait au premier coup d'œil l'environnement de travail des logiciels Adobe, la palette d'outils à gauche, les propriétés de l'outil sélectionné en haut et enfin le menu de travail à droite. Dans un second temps, nous apercevons la première page de notre document avec plusieurs cadres de couleur.

Screenshot de notre document

Étudions donc ces différents cadres :

• Le cadre noir : il représente notre page physique, notre papier A4.
• Le cadre rose : on aperçoit que les lignes en haut et en bas de la page, il symbolise les marges que nous avions définies lors de la création.
• Le cadre violet : il s'agit des deux colonnes que nous avons demandées. Celles-ci prennent toute la largeur du document (jusqu'aux marges). Entre les colonnes, on retrouve notre gouttière qui va "séparer" nos deux colonnes.
• Le cadre rouge : il est en dehors du cadre noir c'est-à-dire que tout ce qu'on va mettre dedans n'apparaîtra pas sur le document final. Rappelez-vous, c'est la marge dont a besoin l'imprimeur lors de son travail.

Maintenant qu'on a vu la structure de notre document passons donc au remplissage !

Les gabarits

Les gabarits sont un élément indispensable d'Adobe InDesign à connaître, ils permettent de définir les éléments que l'on souhaite retrouver sur les différentes pages. Imaginons que l'on souhaite toujours avoir le même pied de page sur toutes les pages de notre document, plutôt que copier notre pied de page sur chacune des pages on va définir un gabarit avec le pied de page et l'appliquer sur l'ensemble du document.

Lorsque l'on clique dans le menu de droite sur Pages nous avons 2 gabarits [Sans] un gabarit vide sur une page et A-Gabarit qui est un gabarit vide sur deux pages. On va en créer un nouveau, pour cela il suffit de faire un clic droit dans cette zone contenant les gabarits et cliquer sur "Nouveau gabarit...". InDesign va nous demander un préfixe pour les gabarits, par défaut cela va de A à Z, prenons donc B (puisque le A est déjà pris) et demandons pour une page.

Pour savoir sur quelle page vous travaillez, il suffit de regarder quel nom de page est écrit en blanc sur fond noir. Sur l'image du dessus, on voit que nous sommes sur la page 1. Par défaut après avoir créé un gabarit, vous vous retrouvez "dessus".

Il ne reste plus qu'à créer votre pied de page sur votre gabarit, pour cela utilisez l'outil texte (symbolisé par un T ) qui se trouve dans la palette à gauche. Centrez le, mettez de la couleur, tout ce que vous voulez. Vous devriez obtenir quelque chose comme ça :

Pour appliquer ce gabarit à votre page 1, il suffit d'aller dans le menu "Pages" à droite et faire un clic droit sur votre page 1 et sélectionner "Appliquer un gabarit aux pages...". Sélectionnez votre gabarit (B-gabarit pour moi) et cliquez sur OK. La lettre B va apparaître en haut à droite de la représentation de votre page 1 pour vous informer que ce gabarit a bien été utilisé.

Gérer du texte sur plusieurs colonnes

Lors de la création du document nous avons demandé deux colonnes dans notre document, il est l'heure de les remplir ! Pour commencer pour mettre du texte il faut créer une zone de texte avec l'outil symbolisé par un "T". Comme vous avez dû faire pour le pied de page. Tracez une zone (couleur bleue) prenant toute la colonne de gauche puis faites de même dans la colonne de droite. Si cela ne colle pas parfaitement avec les colonnes, utilisez l'outil symbolisé par un curseur noir pour mettre la zone à la bonne taille.

Pour remplir rapidement une zone, il est possible d'y insérer du texte de substitution, c'est très simple : clic droit sur la zone de texte puis cliquez sur "Remplir avec le texte de substitution". La zone de texte va se remplir instantanément de texte en latin. Faites de même sur la colonne de droite.

Maintenant que les deux colonnes sont remplies on va compliquer les choses, rajoutez à la fin de la colonne de gauche du texte. Ce dernier n'a pas la place pour s'afficher, InDesign nous avertit en affichant un + rouge en bas à droite de la zone de texte.

Erreur : Du texte n'est pas affiché

Ce que nous aimerions, c'est que le texte continue dans la seconde colonne. Pour cela il suffit de cliquer sur ce "+", puis de cliquer dans la seconde colonne ou l'on souhaite voir le reste du texte s'inscrire. Et voilà le reste de notre texte s'affiche dans la nouvelle colonne ! Si vous allez dans le menu "Affichage" (en haut) et que vous cliquez sur "Afficher le chaînage du texte" vous verrez un lien bleu montrant l'enchainement des deux colonnes (ce qui est pratique quand on a des zones de texte dans tous les sens).

Document final

Conclusion

En suivant bien mes conseils dans cet article, vous devez être capable de :

• Créer un document InDesign
• Configurer les propriétés du document
• Gérer les gabarits (créer et lier à une page)
• Créer des zone de textes et les relier entre elles

Il vous reste encore de nombreux outils à connaitre dans InDesign pour utiliser au mieux ce logiciel, jouez donc avec la palette d'outil à gauche pour dessiner des formes, mettre de la couleur ou encore mettre des images exactement où vous voulez.

Pour continuer à découvrir ce logiciel vous pouvez regarder les podcasts d'Adobe sur leur site dédié : http://tv.adobe.com/fr/show/apprendre-indesign-cs4/

]]> http://www.mti.epita.fr/blogs/2010/08/30/utiliser-adobe-indesign-cs4/feed/ http://www.mti.epita.fr/blogs/2010/08/27/gerer-votre-e-reputation-et-celle-de-vos-societes-sur-les-medias-sociaux/ http://www.mti.epita.fr/blogs/2010/08/27/gerer-votre-e-reputation-et-celle-de-vos-societes-sur-les-medias-sociaux/#comments Fri, 27 Aug 2010 08:42:10 +0000 Pierre-Lou Dominjon http://www.mti.epita.fr/blogs/?p=8002 Cet article est un complément à l'article de Jordan Amar, datant d'aout 2008 et traitant de la "réputation managment" d'une façon générale.

Nous aborderons ici deux aspects seulement survolés dans le précédent article : la gestion de la réputation des sociétés et cela, sur les réseaux sociaux en particulier.

D'après Wikipédia, la réputation est

"l'opinion (plus techniquement, l'évaluation sociale) du public envers une personne, un groupe, ou une organisation."

L'e-réputation n'est ni plus ni moins que son pendant, sur internet.

Avant d'être bonne ou mauvaise, une e-réputation doit exister. Cela implique que vous ou votre marque soyez présents sur internet.

A première vue, ne pas être présent sur internet semble une bonne solution pour éviter d'avoir une mauvaise e-réputation. Nous allons voir qu'il n'en est rien. Il suffit qu'un inconnu dise du mal de vous ou de votre entreprise de façon nominative pour que son avis apparaisse dans les résultats des moteurs de recherches, en particulier si vous êtes peu présents sur ces derniers.

L'idéal est donc de gérer votre réputation sur internet. Actuellement, en plus des sites institutionnels pour les sociétés, ce sont les réseaux sociaux qui permettent cela. Pour commencer, nous allons donc voir quels sont les réseaux sociaux à utiliser selon vos objectifs.

Quel réseau, dans quel but ?

Chaque réseau social possède ses avantages et ses inconvénients. Dans le domaine de l'e-réputation, il en va de même.

Nous allons couper cette étude en trois grands types de réseaux sociaux, en fonction des objectifs de votre présence sur internet.

Dans un premier temps, nous verrons les réseaux sociaux pour votre réputation personnelle. Dans un second temps, nous verrons les réseaux sociaux à destination professionnelle. Pour finir, nous verrons les réseaux sociaux utilisés dans un but publicitaire (car oui, la publicité sur les réseaux sociaux affecte l'e-reputation des marques).

La réputation personnelle

La réputation personnelle sur internet est un phénomène nouveau. Mais quand on sait que 60% des employeurs consultent ces derniers avant d'embaucher quelqu'un, on imagine tout de suite à quel point votre présence sur ces médias peut impacter votre futur. Que pensera un employeur de votre soirée d'anniversaire arrosée ... 35% des recruteurs indiquent avoir déjà refusé un candidat suite à la visite de son profil sur un réseau social.

En 2010, Facebook est le réseau social par excellence pour les particuliers. Compte tenu de la domination du marché qu'il exerce, il y a fort à parier que cela ne changera pas de si tôt.

Nous verrons dans le chapitre suivant comment gérer votre identité sur ce réseau.

Il existe d'autres réseaux (Hi5, Beebo, MySpace) mais votre présence sur ces dernier ne vous apportera pas grand chose et se concrétisera plus par une perte de temps qu'autre chose. En effet, leur visibilité est bien moindre que celle de Facebook, et peu de vos amis s'y trouveront. Petite exception pour Twitter qui peut être un bon moyen de faire connaître votre travail si vous travaillez dans le monde du web (développeur, graphiste, etc.) ou si vous êtes une entreprise.

D'une façon générale, faites attention aux relations que les gens peuvent faire. Vous postez par exemple des vidéos sur Youtube sous un pseudonyme, mais ce pseudonyme n'est-il pas associé à votre nom quelque part sur le web ?

La réputation professionnelle

Tout comme pour les particuliers, la présence d'une marque ou d'une entreprise sur les réseaux sociaux n'est plus quelque chose de facultatif en 2010.

Les réseaux sociaux permettent entre autre :

• De développer la notoriété de votre marque.
• Créer de la communication à faible coût.
• Recruter des "fans".
• Écouter les clients.

Il est important de savoir communiquer vers les inconditionnels de la marque. En effet, à l'ère des réseaux sociaux, votre réputation ne dépend plus de ce que vous dites de vous (ère de la télévision) mais de ce que les autres disent de vous. C'est aussi ça, le web 2.0.

Il est primordial de choisir votre cible avant de déterminer les réseaux sur lesquels vous allez communiquer et la façon avec laquelle vous allez le faire.

Tout d'abord, votre entreprise fait elle du B to B (Businness to Businness) ou du B to C (Businness to Consumers). En d'autre termes, souhaitez vous communiquer vers des utilisateurs finaux, ou bien vers des partenaires commerciaux ?

Avant de lancer votre plan de communication sur les médias sociaux, posez-vous quelques questions simples : Qui parlera au nom de mon entreprise ? Quel contenu puis-je proposer ? Où se trouve ma cible ?

Typiquement, les entreprises faisant du B2B trouveront une écoute sur Twitter, et pourront partager de courts messages sur ses activités, sur ses nouvelles acquisitions, ses nouveaux services. En revanche, la présence d'une marque souhaitant communiquer vers le consommateur n'a pas sa place sur Twitter. Facebook compte 17 millions d'utilisateurs en France. Twitter 200 000. Twitter n'est clairement pas (à ce jour) un outil B2C.

En revanche, Facebook vous permet de créer une "Page" sur laquelle vous pouvez mettre vidéos, images, jeux concours, animations, ou tout autre contenu. Des agences web se sont même spécialisées dans la conception de page sur Facebook pour de grandes marques.

Publicitaire

Besoin de promouvoir votre entreprise ? Envie de toucher du monde à faible coût ? Les réseaux sociaux sont l'une des solutions.

Une fois de plus, c'est Facebook qui remporte la palme du réseau social le plus adapté.

La page "fan" est l'un des plus puissants outils publicitaires qui ait été inventé. En effet, toute personne fan de votre page recevra sur sa homepage Facebook vos publications sur le mur de la page. En d'autres termes, il vous est possible d'envoyer directement de la publicité sur la homepage facebook de vos fans (elle sera au final vue en moyenne par 50% de vos fans). Et comme si cela ne suffisait pas, le taux de clic sur le mur dépasse tout ce que l'on peut trouver sur de la publicité web classique (4 à 6% en moyenne).

On en conclut donc qu'il faut attirer un maximum de fans sur sa page (campagnes de pub, buzz, jeux concours, etc.).

Gérer votre e-réputation sur les grands réseaux sociaux

Facebook

Tout d'abord, il est important d'avoir un profil public "propre". En effet, le profil public contient toutes les informations accessibles à tous, sur vous.

Veillez à configurer vos paramètres de confidentialité. Facebook propose une gestion avancée de ces paramètres - il est toujours bon de le savoir.

Pour finir, il est possible sur Facebook de savoir comment un autre utilisateur voit votre compte. Très utile pour gérer des réglages spécifiques pour des groupes de contacts donnés.

Plutôt que de masquer toutes les informations sur vous et de passer pour quelqu'un de renfermé, prenez le temps de laisser des informations pertinentes sur votre profil public (expériences professionnelles, études, compétences, etc.). En d'autres termes, utilisez votre profil public Facebook comme un mini-CV. Les profils Facebook sont très bien représentés dans les moteurs de recherches, autant en tirer parti.

Attention tout de même, certaines informations sont publiques par défaut. Tel votre nom et votre prénom, mais surtout, les pages dont vous devenez fan. (ou les sites que vous aimez sur internet, via le bouton "like" fourni par Facebook !).

Les site de réseautage social professionnel

De nombreux sites de réseautage professionnel existent. Si vous souhaitez appuyer votre présence sur ces derniers, il vous faudra faire un choix.

Je vous conseille personnellement d'utiliser Viadeo (un petit français) et Linked'in. En effet, à eux deux, ils regroupent la grande majorité des recherches dans le domaine du réseautage professionnel, et la visibilité de votre profil sera alors presque à son maximum. Adhérer à d'autres sites pourrait même avoir l'effet inverse. En effet, si vous êtes sur trop de réseaux, vos profils seront forcement moins à jour, et les informations seront donc moins pertinentes.

Twitter

Twitter, c'est un peu comme les CV vidéos, mieux vaut savoir manier l'outil ou vous risquez de vous attirer les foudres des internautes. En effet, il est assez facile de tomber dans des stéréotypes tels que "je raconte ma vie" ou "je montre que je suis riche" ou "j'ai vraiment une vie pas intéressante".

Il faut éviter de tomber dans le "top 10 des relous sur twitter", disponible ici.

Gérer l'e-réputation de votre société/marque sur les grands réseaux

Selon l'orientation de votre entreprise, le choix du réseau social à utiliser est primordial. Il est même possible d'en utiliser plusieurs. Il faut simplement éviter de faire de la simple duplication d'information de l'un à l'autre.

Typiquement, alors que Facebook s'oriente plus vers du B2C, Twitter s'oriente plus vers du B2B.

Facebook

Comme nous l'avons évoqué précédemment, Facebook est LE lieu où votre société doit être présente actuellement.

Que peut faire au juste une marque sur Facebook ?

• Promouvoir ses produits.
• Avoir un échange avec des clients
• Connaître le taux de retour sur ses publications (articles, commentaires, likes).
• Une solution quasi-gratuite.
• Cible potentielle : 17M d'utilisateurs en France.

Mais surtout, Facebook est le lieu idéal pour créer une communauté. Point essencière à l'ère du web 2.0 où votre réputation est faite de ce que les autres disent de vous, et non de ce que vous dites de vous.

Les actions à mettre en place pour promouvoir votre activité :

• Pages Fan (à animer !)
• Publicité sur la plateforme et les applications
• Développement d'applications et de mini-jeux au nom de votre marque

Les risques à évaluer :

• Dérives (pas de possibilité de modération du contenu partagé par les utilisateurs hors de votre page)
• Outils de mesure du ROI (retour sur investissement perfectives)
• Buzz négatif. Exemple de l'affaire Nestlé (KitKat).

Twitter

Twitter a la particularité d'être un outil où, pour les entreprises, le flux est "bilatéral". En effet, on considère souvent que les réseaux sociaux sont un lieu d'expression pour les entreprises. Il en va de même sur Twitter. Mais Twitter peut aussi être utilisé comme un puissant outil de veille. Suivre les bonnes personnes permet de rester au courant de ce qui se passe dans votre domaine d'activité.

Attention, la communauté présente sur Twitter est globalement plus expérimenté sur internet, et moins à même d'accepter la publicité. Évitez donc d'utiliser le compte Twitter de votre entreprise uniquement pour de la promotion. Gardez bien dans l'esprit la notion d'échange !

Quelques outils utiles

Voici une liste d'outils fort utiles dans la gestion au quotidien de l'e-réputation de votre marque sur les réseaux sociaux.

Alertes Google

Pour savoir ce que l'on dit sur votre marque. Définissez en détail votre alerte pour suivre de nombreux médias : actualités, blogs, web, vidéos et groupes.

Wikio

C'est un moteur de recherche qui indexe en temps réel les articles provenant des médias online et des blogs. Il est possible de définir des alertes ou de créer un flux RSS spécifique à partir de mots clés.

twirus.com

Ce site permet de faire de la veille sur ce qui se dit sur Twitter.

MonitorThis

Il s'agit d'un métamoteur. C'est à dire un moteur de recherche permettant de rechercher dans plusieurs moteurs à la fois. En l'occurrence plus de 20.

Tweetbeep

C'est une sorte de Google alertes, dédié à Twitter. Il est possible de créer des alertes sur des mots clés, etc.

Conclusion

Nous avons donc eu un rapide aperçu de la puissance des réseaux sociaux dans la promotion de votre activité ou dans la mise en valeur de votre profil. Par rapport à cela nous avons vu de quelle façon il est possible de maîtriser au mieux son identité et sa présence, et donc de fait son e-réputation.

N'hésitez pas à poster dans les commentaires si vous souhaitez que l'un des points évoqués ci-dessous soit éclairci !

Aegisub est un outil très puissant d’édition de sous-titres vidéo gratuit. Il est aujourd’hui très utilisé par une communauté d’amateurs voulant sous-titrer eux-mêmes leurs vidéos favorites ou bien réaliser des karaokés.

De par sa gratuité et son énorme potentiel, Aegisub est aujourd’hui considéré comme une référence dans l’édition avancée de sous-titres.

En effet Aegisub propose un vaste choix de configuration, une interface intuitive, une multitude d’outils annexes ainsi qu’un large choix d’effets applicables à ses vidéos.

Nous ne pourrons pas aborder toutes les fonctionnalités dont dispose Aegisub dans cet article, nous nous concentrerons sur la création de sous-titres, à proprement dit, ainsi que de leurs styles et de la présentation de quelques effets de base.

Les fichiers produits par Aegisub sont des fichiers à l’extension .ass ce qui signifie Advanced SubStation Alpha en opposition avec le format qui le précédait .ssa qui signifie SubStation Alpha. En effet, auparavant, le logiciel SubStation Alpha était la référence en matière d’édition de sous-titres, mais il fut vite dépassé par les versions plus abouties nommées ass, aujourd’hui à la version 5 (finalisée en 2004).

Pré-requis:Installation

Aegisub est disponible sur plusieurs plateformes : Linux, Windows, Mac, Free BSD que vous pouvez télécharger sur la page du site : http://www.aegisub.org/.

Cet article et les astuces qui y sont présentées sont destinés à la plateforme Windows.

Pour le bon fonctionnement de l’affichage de toutes vos vidéos, je vous recommande d’installer un pack de codec nommé Statsuki Decoder Pack disponible à cette adresse : http://yatoshi.com/fr/index.php?p=downloads.

Il est également recommandé de posséder les codecs DivX/Xvid sur sa machine ainsi que le codec WMV9 pour les vidéos High Definition et Full High Definition.

Environnement

L’interface de base est très sommaire et ne semble pas accueillante, mais nous allons voir que cela est pourtant très facile à utiliser :

Tout d’abord, il nous suffit de charger la vidéo sur laquelle nous voulons travailler.

Pour cela, nous allons cliquer sur l’onglet Vidéo, puis « Ouvrir une Vidéo… » et sélectionner notre vidéo. Une fois cela fait, pour plus de confort, nous allons charger le spectre audio de la vidéo. Pour cela, il suffit de cliquer sur l’onglet Audio puis « Ouvrir l’audio de la vidéo ».

Nous obtenons alors une interface bien plus ergonomique avec ses éléments bien définis :

Nous avons donc notre interface découpée en plusieurs parties que je vais expliquer.

Tout d’abord, le menu avec les boutons principaux d’action sont listés tout en haut de l’application.

Ensuite, la partie en haut gauche affiche la vidéo (ici la présentation d’un site internet) sur laquelle nous allons travailler. Elle contient des boutons de lecture et mise en pause ainsi qu’une timeline et plusieurs informations sur les temps et frames (images) de la vidéo.

La partie en haut à droite est découpée en deux sous-parties, une partie haute et une partie basse :

• La partie haute permet de voir le spectre audio de la vidéo, et va ainsi nous permettre de « timer » (fixer les temps de début et de fin d’un sous-titre) la vidéo très facilement à la souris. Les boutons présents vont également nous être très utiles à la sélection exacte de temps de début et de fin de notre sous-titre.
• La partie basse se compose d’un champ d’édition de texte, c’est ici que nous allons pouvoir écrire notre sous-titre. Elle comporte également quelques boutons, mais nous allons très vite voir que seuls quelques-uns sont intéressants.

Enfin, la partie basse affiche l’historique de nos sous-titres et nous permet de naviguer entre eux, en les sélectionnant par clic, ou bien d’effectuer des actions via le clique droit.

Maintenant que nous avons vu une légère présentation de l’interface de ce logiciel, nous allons pouvoir passer à la pratique.

Pratique

Paramètres du fichier de sous-titre

Il est très important de fixer les paramètres du fichier de sous-titre en tout premier lieu.

Pour cela, nous allons cliquer que le bouton « Ouvrir les propriétés » (petit carré gris) sous l’onglet Automatisme et obtenir ceci :

Il est extrêmement important de cliquer sur le bouton « De la vidéo » afin d’avoir la bonne résolution d’affichage de sous-titre sur notre vidéo en phase de production (modifier cette résolution est destiné aux utilisateurs avancés du logiciel et permet de produire des scripts pours des vidéos de différentes résolutions : SD, HD, FHD)

Mon premier sous-titre

Nous allons créer notre premier sous-titre. Pour cela, nous allons rentrer dans notre champ de saisie de texte à droite une phrase, par exemple : « Mon premier sous-titre » et ensuite appuyer sur les touches Ctrl+Entrée de notre clavier afin de la valider.

Note : le fait d’appuyer sur les touches Ctrl+Entrée permet de valider notre sous-titre ainsi que de pouvoir continuer à travailler sur celui-ci. Si nous effectuons seulement un appui sur la touche Entrée, le sous-titre sera validé, et nous passerons automatiquement au sous-titre suivant.

Par défaut, un sous-titre possède une durée de cinq secondes. Notre sous-titre va donc durer cinq secondes de 0 à 5 secondes de vidéo.

Nous pouvons bien évidemment tester en lançant la vidéo depuis le début et nous apercevoir sur la prévisualisation que notre sous-titre apparaît bel et bien :

On s’aperçoit donc que par défaut, il est placé en bas de l’écran, la position du sous-titre est biensûr configurable et plusieurs presets sont prédéfinis.

A présent nous allons passer au Time !

Time

Le time est l’action qui permet de fixer un temps de début et de fin à notre sous-titre. Nous allons pour cela voir deux modes de time, le mode par temps et le mode par frame.

Pour le mode par temps nous allons utiliser le spectre audio de la vidéo. En effet, nous pouvons facilement sélectionner à la souris, un espace du spectre audio en déplaçant les petites tirettes.

Sur le côté droit de cette partie, nous apercevons également des tirettes permettant d’agrandir verticalement ou horizontalement notre spectre pour plus de visibilité, par exemple pouvoir détecter le début et la fin d’un son.

L’autre partie très intéressante est la zone contenant les boutons. En laissant la souris au dessus des boutons, nous avons une description de leurs actions. Ici nous allons nous pencher plus particulièrement sur les boutons au milieu, à savoir :

• Lit 500 ms avant la sélection (Q)
• Lit 500 ms après la sélection (N)
• Lit les 500 ms du début de la sélection (E)
• Lit les 500 ms de fin de la sélection (D)

Ces boutons vous seront très utiles pour placer correctement vos temps de début et de fin de sous-titre, n’hésitez pas à les utiliser et à en abuser !

Vous remarquerez également que lorsque vous déplacez les tirettes de la durée du sous-titre dans le spectre audio, les valeurs se mettent à jours dans la partie historique.

ATTENTION, cela ne veut pas dire que les temps ont été sauvegardés ! Il faut pour cela appuyer sur le bouton de validation (coche verte F8/G)) ou bien se positionner dans la zone de saisie de texte et exécuter un ctrl+Entrée afin de bien valider les modifications.

Le mode par frame est plus délicat mais pas plus difficile.

En réalité, il permet d’être beaucoup plus précis que le time par temps, puisqu’il se base directement sur les images et est donc utile si vous voulez qu’un sous-titre dure la longueur d’un plan.

Pour activer le mode par frame, il suffit de cocher la case Image tout à droite dans les boutons du champs de saisie, on bascule alors en mode Frame, et l’on s’aperçoit maintenant dans l’historique et dans les cases au dessus, que nous n’avons plus de valeur en unité de temps, mais seulement des entiers (le numéro de la frame).

En se déplaçant sur la vidéo, on peut s’apercevoir que nous avons les informations de temps et de frame qui s’affiche, nous pouvons alors à tout moment connaître la valeur de la frame en cours, et ainsi poster dans les cases prévues à cet effet dans la zone de champ de saisie, les valeurs de début et de fin désirées.

Edit

Notre sous-titre par défaut n’est pas très joli. Heureusement, nous pouvons le customiser à souhait.

Vous avez sans doute remarqué que la zone de saisie de champ texte possède des actions de bases comme mettre en gras/italique/etc. le texte. Nous n’utiliserons pas ces fonctions, car elles ajoutent directement du code dans notre champ de saisie et il devient alors beaucoup moins lisible.

C’est pour cela que nous allons créer des styles !

Pour cela, nous allons ouvrir le gestionnaire de Styles (le petit S rose sous l’onglet Automatisme) et obtenir ceci :

Ceci n’est en effet pas très parlant.

En réalité, nous pouvons créer des containers qui contiendront nos styles et ainsi pouvoir les charger à chaque projet car ils seront mémorisés par Aegisub.

Nous allons donc cliquer sur le bouton Nouveau en haut, et rentrer comme nom de container « Tutorial » par exemple. Nous avons donc créé un container, nous pouvons donc rajouter des styles à celui-ci. Pour cela, nous allons cliquer sur le bouton Nouveau correspondant au script actif (en bas à droite).

Nous avons alors une boîte de dialogue qui apparaît, avec énormément de configurations possibles ainsi qu’un aperçu.

Voici un exemple de configuration :

Une fois les configurations terminées, nous pouvons alors cliquer sur Accepter, et notre style apparaît dans le listing du script actif.

ATTENTION. Pour sauvegarder notre style, il ne faut pas oublier de cliquer sur le bouton « Copier dans le stockage » afin de pouvoir le retrouver sur d’autres projets.

Voilà, nous avons créé notre style, maintenant nous allons pouvoir l’appliquer sur notre sous-titre !

Pour cela, sur la partie de champ de saisie, nous pouvons voir une liste déroulante avec la valeur par défaut mise à Défault de base, nous pouvons à présent sélectionner le style que nous avons créé.

La méthode que nous venons de voir est la méthode la plus propre permettant d’appliquer un style à un sous-titre, puisqu’elle n’affiche pas de code directement dans le champ de saisie et permet des modifications simples à réaliser, ainsi qu’une utilisation et une portabilité optimale.

Effets

Maintenant que nous avons de jolis sous-titres et que nous pouvons leur donner des temps de début et de fin, il est intéressant de pouvoir également leur appliquer des effets !

Il existe énormément d’effets disponibles sous Aegisub, une liste ainsi que des exemples complets peuvent être vus sur ce lien.

L’aide d’Aegisub est également très complète et la communauté y est très active. N’hésitez pas à vous y rendre (touche F1).

Nous allons ici décrire quelques effets qui sont les plus utilisés et qui permettent de jolis rendus.

Tout d’abord les effets de fondus.

Il y a deux méthodes pour créer un effet de fondu, une simple et une complexe, nous aborderons la simple.

À savoir la méthode fad.

Voici sa signature :

\fad(fadein, fadeout)

Cette fonction prend donc deux arguments fadein et fadeout.

Fadein sera le temps que met le sous-titre pour apparaitre de invisible à opaque. Et fadeout le temps que le sous-titre met pour disparaitre de opaque à invisible.

Par exemple dans mon champ de texte, j’aurai :

{\fad(1200, 250)} Mon premier sous-titre

Pendant 1,2 s, le sous-titre apparait, il reste opaque, et sur le dernier quart de seconde de sa durée, il disparait.

Note : notez que nous devons insérer les fonctions dans des accolades. En effet, les accolades permettent d’informer au logiciel qu’il doit exécuter du code et non afficher le texte.

Voici des méthodes de transformation de taille de sous-titre :

Font Size :\fs size

Font Scale en x : \fscx scale

Font Scale en y : \fscy scale

Ces fonctions sont très faciles à comprendre, en leur passant un entier, on peut soit augmenter ou diminuer la taille du sous-titre, seulement augmenter ou diminuer sa longueur, ou seulement augmenter ou diminuer sa hauteur.

Passons à un effet un peu plus sympathique, le mouvement :

\pos(X, Y)

\move(x1, y1, x2, y2)

\move(x1, y1, x2, y2, t1, t2)

La fonction pos, permet simplement de fixer un sous-titre à l’écran suivant des coordonnées en x et en y c’est pourquoi il est très important au début de la création de notre fichier de sous-titre de spécifier la bonne résolution en paramètre.

On voit également que la fonction move est surchargée.

Dans le premier cas, la fonction prend en paramètres des coordonnées de départ et des coordonnées d’arrivées en x et y. Le mouvement va donc s’effectuer sur toute la durée du sous-titre.

Si nous voulons que notre sous-titre ne se déplace que pendant une certaine période de son affichage à l’écran, nous devons spécifier un temps de début et un temps de fin, ceux-ci biensûr, relatifs à la durée du sous-titre et non la durée entière de la vidéo.

Exemple :

{\move(100, 150, 300, 350, 500, 1500)}

Notre sous-titre ne va bouger qu’une demi-seconde après avoir été affiché, et va se déplacer des coordonnées (100,150) à (300,350) jusqu’à ce que le sous-titre ait atteint une durée d’affichage totale d’une seconde et demie. Il restera ensuite à cette position jusqu’à la fin de son affichage.

Enfin, la fonction la plus intéressante d’Aegisub et peut-être la plus utilisée, la transformation :

\t(style modifiers)
\t(accel, style modifiers)
\t(t1, t2, style modifiers)
\t(t1, t2, accel, style modifiers)

Nous allons ici nous concentrer sur la surcharge:

\t(t1, t2, style modifiers)

Nous avons en paramètres des temps de début et de fin ainsi qu’un appel de fonction.

Exemple :

{\t(0,5000,\fscx 200)}Sous-titre

Cette action va simplement créer une animation d’élargissement du sous-titre sur une période de 0 à 5 secondes de la durée d’affichage. Facile !

Vous pouvez combiner les transformations, et créer alors des effets bien plus complexes. N’hésitez pas à regarder la multitude d’exemples sur l’aide en ligne.

Exemple :

{\fscx0, \fscy0, \t(0,500,\fscx100, \fscy100)}Boo!

Le sous-titre est invisible au départ car sa taille est fixée à 0, et il apparaît en une demi-seconde via une animation d’agrandissement à sa taille réelle.

Tips

Maintenant que nous savons faire pas mal de choses sur les sous-titres, voici quelques astuces pour rendre vos sous-titres plus lisibles, ou vous aider dans votre utilisation d’Aegisub.

Décaler des sous titres

Une fonction très pratique d’Aegisub est de pouvoir décaler toute une série de sous-titres ensemble.

Cette fonction est d’ailleurs très facile et intuitive à utiliser. Si l’on ne veut modifier les temps que de certains sous-titres, on veillera à les sélectionner dans la zone d’historique.

Ensuite, on ouvre l’onglet Synchronisation puis Décalage Temporel (ou bien Ctrl+I).

On arrive sur cette fenêtre :

Vous arrivez alors sur une page de configuration, vous permettant de décaler vos sous-titres.

Notez que si vous aviez sélectionné des sous-titres, il vous faudra cocher la case « Colonnes Sélectionnées ». Encore une fois, des descriptions apparaissent sur chaque case à cocher, lorsque vous laissez votre souris au dessus d’une de ces dernières.

Enfin, il ne vous reste plus qu’à accepter.

Astuce de time

Le time est souvent considéré comme un art.

En effet, voici une astuce vous permettant de créer des sous-titres qui ne feront pas mal à la tête au spectateur :

Ce qui est important, c’est que le sous-titre ne « saute » pas, qu’il ne « clignote » pas.

Pour cela, il est recommandé après avoir timé par temps, de timer par frame, pour qu’au maximum, un sous-titre ne commence pas sur un autre plan, et ne finisse pas sur un autre plan.

Bien évidemment, parfois il est impossible de réaliser cela. Mais sachez que couper quelques centièmes de seconde du temps de parole et plus agréable à l’œil du spectateur qu’un dépassement de plan.

Fluidité du sous-titre

Enfin, votre sous-titre doit être le plus lisible possible, préférez du blanc avec contour noir et évitez absolument les ombres. Aussi utilisez une police lisible et d’une taille correcte pour qu’un spectateur puisse lire correctement à une distance de plus de 2 mètres.

Conclusion

Une petite précision s’impose quant à la production de notre fichier de sous-titre. Une fois notre fichier terminé, il nous suffit de l’enregistrer et il portera une extension .ass.

Il y a alors deux méthodes de visualisation des sous-titres : une méthode dite SoftSub et une méthode dite HardSub.

La méthode de SoftSub, consiste simplement à avoir un fichier .ass et un fichier vidéo du même nom. En effet, la plupart des Media Players aujourd’hui supportent les fichiers de sous-titres .ass et importent directement les scripts.

Enfin, la méthode de HardSub qui est plus utilisée pour des sous-titres contenant beaucoup d’effets lourds ou bien contenant des polices non natives sur la plupart des plateformes. Également, lorsque le créateur ne veut pas donner les sources de sa création (effets avancés, karaoké).

Cette méthode consiste à directement incruster les sous-titres à la vidéo, et nécessite donc une phase d’encodage spécifique pour l’intégration du fichier via des plugins et scripts adaptés. Mais ceci ne rentre pas dans notre découverte et première utilisation d’Aegisub.

Bien que nous n’ayons vu qu’une toute petite partie des fonctionnalités offertes par Aegisub, nous pouvons à présent nous rendre compte de la puissance de ce logiciel et de son potentiel de création qui en font aujourd’hui une référence absolue !

Dans cet article, je vais supposer que vous avez déjà toutes les photos dont vous avez besoin pour commencer le montage de votre vidéo. Petite précision sur les photos avant de commencer: nous allons créer des vidéos au format HDTV, c'est-à-dire une résolution de 1920 x 1080, donc il serait préférable que vos photos soient d'une dimension équivalente. Utilisez Photoshop si vous voulez toutes les redimensionner.

Utiliser Adobe Première Pro pour réaliser sa vidéo

Configuration de Adobe Première Pro

Il est temps de lancer Adobe Première Pro. Je me base sur CS4 mais je pense que les manipulations sont quasi-identiques sur le CS5. Petite précision: ma version est en anglais, désolé pour les termes anglais mais vous pourrez vous y retrouver grâce aux images. Une fois lancé, cliquez sur « New Project » (Nouveau projet), cela va ouvrir cet écran :

Donnez à votre projet un nom et un répertoire ou enregistez-le. Le deuxième onglet contient les différents chemins où Premiere va enregistrer vos captures et vos aperçus ; il est préférable de les spécifier sur un disque dur rapide et avec de l'espace libre. Enfin cliquez OK.

Une nouvelle fenêtre s'ouvre. Dans le premier onglet, choisissez HDV 1080p presets, donnez un nom à votre séquence, puis dans le 2^ème onglet vous n'avez normalement rien à changer, mais vérifiez qu'il utilise bien le mode d'édition : HDV 1080p a 23,976 images/secondes. Le dernier onglet n'est pas important pour le moment, vous pourrez ajouter vos musiques plus tard.

Puis Premiere va charger tout ce dont vous avez besoin et vous présenter un écran identique à celui ci-dessous. Pour plus de confort, vous pouvez redimensionner chaque élément de l'interface comme si c'était une fenêtre classique.

Il reste encore une étape importante avant de commencer à importer nos photos: celle de la configuration de l'importation. En effet vous pouvez configurer la durée par défaut de chaque image importées, sinon vous devrez changer cette durée sur toutes les photos.

Donc allez dans Edit, Preferences, General, vous allez avoir la fenêtre suivante :

Maintenant, dans le champ Still Image Default Duration changez sa valeur par ce que vous voulez. 2 frames est la configuration classique pour du Stop-Motion, cela permet d'avoir 12 photos par secondes pour une video de 24 fps ;

Espace de Travail

Nous allons maintenant faire un bref tour d'horizon de l'interface de Premiere Pro.

• Projet: Vous retrouverez ici tous vos fichiers
• Effets: Liste des effets disponibles
• Informations: Petit aperçu de vos fichiers, et autres informations
• Aperçu: Aperçu de votre vidéo finale
• TimeLine: Espace où vous placez vos fichiers et modifiez le comportement de votre vidéo
• Niveau Audio: Réglage du volume
• Outils: Petite palette d'outils utiles

Importation

Quand vous utilisez Premiere ou un autre logiciel, vous avez 3 façons pour faire des choses:

1. Le clic droit
2. Aller dans le menu
3. Ou déplacer les fichiers depuis un dossier dans l'application

Et donc pour importer, c'est la même chose. Vous pouvez :

1. Cliquer droit dans la partie projet
2. Aller dans File puis Import
3. Ou déplacer les fichiers d'un dossier dans la partie projet

Après avoir utilisé une de ces façons, Première va vous indiquer qu'il est en train d'importer vos photos et ensuite elles vont apparaître dans la partie Projet de l'interface avec tous les autres fichiers que vous utilisez.

C'est toujours pratique de rester organisé dans cette partie. Pour cela, vous pouvez créer des dossiers et l'arborescence que vous désirez.

Une fois toutes vos photos importées, vous pouvez désormais toutes les sélectionner (Ctrl-clic ou Shift-clic pour faire une sélection précise) et les glisser vers la timeline video1. Première va ensuite créer un aperçu de chacune d'elles; cela peut prendre plusieurs minutes si vous avez glissé beaucoup de fichiers.

Si vous trouvez que vos photos sont trop serrées dans votre timeline, vous pouvez zoomer en utilisant la barre encadrées en rouge ci-dessus, ou alors utiliser les raccourcis clavier pour Agrandir (=) ou Réduire (-).

La ligne rouge au-dessus de vos photos dans la timeline indique que l'aperçu vidéo n'a pas encore été généré, et que si vous jouez la vidéo, elle ne sera pas dans sa meilleure qualité. Pour y remédier, tapez sur la touche Entrée. Cette boîte de dialogue va s'ouvrir pendant que Premiere crée les fichiers pour la création de l'aperçu et va les sauvegarder sur le disque que vous avez spécifié en début de projet.

Par défaut, Première joue la vidéo une fois le rendu terminé. Sinon, appuyez sur la barre d'espace une fois la partie aperçue sélectionnée. Nous pouvons maintenant faire les ajustements et donc éditer.

Édition

Maintenant, nous allons voir les différentes formes basiques d'édition que vous pouvez faire sur vos photos.

• Remplacer

Ceci est le comportement par défaut, si vous glissez ou copiez un fichier dans la timeline il va remplacer tout ce qu'il doit pour prendre sa place.

• Insertion

Si vous voulez juste rajouter une photo car vous en avez oubliée une, vous le pouvez en pressant Ctrl quand vous glissez ce nouveau fichier dans votre timeline, ou utilisez Ctrl + Shift + V si ce sont des fichiers déjà copiés.

• Supprimer

C'est la suppression par défaut. Vous pouvez utilisez Retour ou Delete, cela va supprimer le fichier sélectionné mais il va rester un trou là où se trouvait le fichier dans la timeline.

• Suppression sans trou

Alt + Retour ou Shift + Delete va supprimer les fichiers sélectionnés et supprimer les trous laissés dans la timeline par ces fichiers.

Vous pouvez ensuite vous amusez à appliquer des effets sur vos fichiers, mais pour cela je préfère encore utiliser Adobe After Effects.

Maintenant que vous avez votre vidéo avec son rendu final nous pouvons commencer l'exportation.

Exporter

Allez dans File -> Export -> Media pour ouvrir la fenêtre d'exportation.

Donc ici nous allons exporter dans un format de 1080p, mais grâce à Adobe Media Encoder vous serez capable de créer une liste de format dans lequel vous voulez exporter votre vidéo.

Donc, commençons notre procédure pour avoir notre vidéo en haute définition. Nous pourrions laisser tous les paramètres par défaut, mais vous ne verrez aucune différence entre la vidéo que nous aurons et celle par défaut. La seule différence notable sera le poids de la vidéo.

Donc au début, sélectionnez le format H.264 puis donnez un nom de sortie à votre fichier puis son emplacement d'enregistrement et pour finir, utilisez ses paramètres :

Onglet vidéo

• TV Standard: PAL video
• Frame Width: Height: 1920 x 1080 pixels
• Frame Rate: 23.976
• Pixel Aspect Ratio: Widescreen 16:9
• Bitrate Encoding: VBR, 1 Pass
• Target Bitrate: 20 Mbps
• Max Bitrate: 20 Mbps

Onglet audio

• Codec: AAC
• Output Channels: Stereo
• Frequency: 48 kHz
• Audio Quality: High
• Bitrate: 128 (plus si vous pensez que cela peut faire une différence)

Pour finir cliquez sur Ok, cela lancera Adobe Media Encoder et rajoutera votre fichier dans la queue du logiciel.

Une fois tous vos formats créés, la dernière chose à faire est de cliquer sur Start Queue, et de partir faire quelque chose d'autre pendant que votre ordinateur encode vos vidéos.

Une fois l'encodage terminé, vous pouvez brancher votre PC à un video projecteur et montrer votre film à tous vos amis.

Ajouter des effets avec After Effects

Tour rapide de l'interface de AE

D'abord, voilà un bref aperçu de l'interface d'Adobe After Effects :

interface AE CS4

Ajouter des effets à son film

Pour cela, je vous renvoie sur l'article spécifique à After Effects CS5, il y a un tutoriel sur comment enlever un fond vert pour pouvoir faire de l'incrustation, en fin de l'article.

Conclusion

J'espère que cet article a pu vous être utile dans la création de votre première vidéo en Stop-Motion.

Définitions

Business Intelligence

Le développement du décisionnel (« Business Intelligence ») et des entrepôts de données (« data-warehouses ») s’est réalisé sur le principe de fédération et de normalisation des données de l’entreprise, dans un but d’aide à la décision et de pilotage de l’activité de l’entreprise.
L’entrepôt de données est l’élément du socle décisionnel intégrant tout ou partie du modèle de données de l’entreprise. Le modèle doit représenter une vue commune de l’entreprise et, à cet effet, est défini pour ne pas favoriser une vue métier par rapport à une autre. Cet entrepôt central est chargé d’intégrer, de stocker et d’historiser les données détaillées pertinentes pour les applications décisionnelles, de façon pérenne et neutre. Son organisation doit offrir une grande souplesse afin de pouvoir intégrer les sources de données issues des lots d’applications successives, progressivement et de façon quasi transparente. Généralement, les accès des utilisateurs à cet environnement sont réduits. L’entrepôt central est la source d’alimentation des magasins de données (ou « datamarts »).

Les Datamarts sont orientés métier (CRM – «Customer Relationship Management» ou Gestion de la Relation Client, «Marketing Analytique», risque, finance, projets réglementaires, gestion des valorisations commerciales, Suivi des commandes, etc.). Ils sont, le plus fréquemment, accédés par les utilisateurs pour leurs besoins d’analyse et comptent généralement des agrégats pré-calculés afin d’optimiser les temps de réponse des requêtes.

OLAP

L’OLAP (pour «OnLine Analytical Processing») est un ensemble de méthodes et d’outils pour exploiter les données stockées dans ces data-warehouses et ces datamarts. Le terme OLAP viens en opposition avec l’OLTP (OnLine Transaction Processing) renvoie quant à lui à une catégorie de systèmes qui facilitent la transaction et de gérer des applications orientées, généralement pour une entrée de données et le traitement des opérations de récupération. L’outil OLAP répond en général à deux besoins d’analyse :

• Le tableau de bord (ou reporting) pour obtenir une information récurrente, correspondant à une analyse prédéfinie, par exemple la décomposition des ventes par région.
• L’analyse interactive et dynamique pour chercher une information en effectuant différentes analyses successives, les résultats de l’une amenant des questions nouvelles, qui demandent une nouvelle restitution des données.

Concept et vocabulaire

Il existe trois grands types de moteur OLAP, ayant chacun ses forces et ses faiblesses:

• M-OLAP pour Multidimensional OLAP est basé sur des bases de données multidimensionnelles où tous les agrégats sont pré calculés lors de la création ou de la modification de celle-ci. Il en résulte une création plus lente mais une exploitation plus rapide du fait qu’aucun post traitement n’est nécessaire.
• R-OLAP pour Relational OLAP est basé sur des bases de données relationnelles, il en découle la possibilité d’employer des agrégats tel que le distinct count, une plus grande flexibilité dans l’ajout de donnée (aucun agrégat à recalculer) mais des consultations plus lente car c’est la base de donnée qui se charge des calculs en temps réel.
• H-OLAP pour Hybrid OLAP est quant à lui et comme son nom l’indique un modèle hybride où se mêlent MOLAP et ROLAP. L’intérêt réside en l’utilisation du M-OLAP lorsque les données sont très agrégés et dans le recours au R-OLAP lorsque il est nécessaire de consulter des données à un niveau de détail élémentaire plus fin.

Parmi les technologies OLAP, l’analyse multidimensionnelle des données à l’aide de cubes multidimensionnels est le mode d’analyse interactive et dynamique le plus courant.

Les cubes multidimensionnels sont basés sur des :

• Indicateurs numériques :

Des indicateurs numériques sont définis pour les analyses (nombres, montants, quantités, volumes…). Ces indicateurs doivent avoir la propriété de pouvoir être agrégés pour calculer des sommes, des moyennes, des ratios…

• Dimensions d’analyse :

Les dimensions constituent les axes d’analyse : dimensions client, produit, temps, … (Voir l’exemple ci-dessous)
Ces dimensions sont construites de manière hiérarchique permettant ainsi d’avoir des vues plus ou moins détaillées des données selon le besoin.



• Cube :
  • Les faces du cube représentent les dimensions sur la hiérarchie désirée.
  • Les cellules du cube représentent les agrégats calculés au croisement de toutes les dimensions.
  • Roll Up : pour remonter plus en amont dans une dimension à des niveaux plus élevés de la hiérarchie. Remonter des agences au groupe.
  • Drill Down : pour descendre en aval dans une dimension, à des niveaux plus détaillés de la hiérarchie. Par exemple, passer des années aux mois.
  • Drill Through : pour, à partir d’une cellule donnée, descendre jusqu’au niveau des informations des individus contenus dans la cellule.
  • Slice : pour sélectionner certaines faces du cube (par filtrage sur certains éléments des dimensions). On ne conserve qu’une « tranche » du cube.

Le croisement des dimensions et des indicateurs peut se représenter sous la forme de cubes (voir ci-dessous) :



Dans ces cubes, l’analyste peut naviguer facilement entre les différentes dimensions. Cette navigation se fait avec les possibilités suivantes :

Outils

Dans cet article, nous parlerons des outils suivants : le serveur ROLAP Mondrian, les clients OLAP JRubik et JPivot.

Serveur OLAP

Mondrian

Mondrian est un serveur OLAP utilisant un moteur ROLAP écrit en Java majoritairement développé par Julian Hyde. Il permet d’exploiter n’importe quel type de base de données SQL (à l’heure actuel, Mondrian est compatible avec plus de 17 bases de donnée différentes et est supposé fonctionner avec toutes les bases possédant des pilotes JDBC) sans pour autant avoir besoin d’écrire la moindre ligne de SQL. En effet, Mondrian s’appuie sur le langage de requête MDX (pour MultiDimensional eXpressions) pour générer les cubes.
Avant toutes choses, il faut créer le schéma Mondrian permet de décrire la modèle dans la base de donnée. Celui-ci, se résume à un fichier XML.
Dans celui-ci, figure en premier lieu la table de fait. Cette table de la base de données a pour rôle de représenter toutes les informations au niveau le plus bas de la granularité de chaque dimension. Apres la définition des dimensions qui composeront le cube, il reste à définir les mesures ainsi que l’agrégateur (l’opérateur utilisé pour passer d’un niveau hiérarchique à celui du dessus) qu’elles utiliseront.
Ceci se résume à un fichier XML ressemblant à :

Client OLAP

Le rôle du client OLAP est d’exploiter les données renvoyées par le serveur OLAP et de les mettre en forme. Nombreux sont les clients OLAP permettant de visualiser la structure du cube ainsi d’explorer le cube en générant les requêtes MDX correspondantes.
Dans la suite, nous présenterons deux client OLAP JPivot et JRubik respectivement un client léger et un client lourd. (Un client léger de requiert pas d’installation du côté client contrairement à un client lourd)

JPivot

JPivot est une bibliothèque de balise JSP qui permet de restituer des cubes OLAP. De ce fait, il doit être installé au sein d’un serveur Apache. La configuration se résume à copier le pilote JDBC dans le bon répertoire du serveur Apache et de fournir la bonne chaine de connexion. Du type :jdbc:mysql://localhost:3306/foodmart pour se connecter à la base foodmart d’une base de données de type MySql.

JRubik

JRubik est un client OLAP écrit en Java/Swing et basé sur JPivot qui se connecte au moteur OLAP Mondrian. Il est pour l’instant en version 0.9.7, bien qu’il ne soit pas encore finis (certaines fonctionnalité ne sont pas encore implémenté, d’autres ne sont pas traduites et sont encore affichées en espagnol) ce logiciel est déjà complet et fonctionnel. Autre point positif sont interface est nettement moins austère que celle de JPivot. La configuration de celui-ci est assez simple quoiqu’un peu plus longue que pour JPivot. Il faut premièrement configurer un driver de base de donnée si celui si n’existe pas déjà (les drivers pour MySQL et derby sont préexistant) pour cela faire File > Settings > Wizard Driver > New Driver puis renseigner le nom, le type de base et fournir le fichier Jar du pilote JDBC puis après avoir redémarré l’application (un problème de jeunesse) il faut crée la source de donnée File > Setting > Datasources Setting > Build new datasource en précisant le connecteur, les informations relatives à la base de donnée ainsi que le schéma Mondrian représentant le cube. Une fois ces étapes réalisées vous pouvez désormais explorer votre cube.

Un composant seam peut être Stateful et être associé à l'un des contextes suivants :

• long-running persistent  : session classique
• business process  : les données restent en mémoire le temps du déroulement d'un processus métier
• conversation  : les données sont conservées en mémoire le long de plusieurs requètes effectuées par les utilisateurs et effacées lorqu'on le désire (session classique bien plus affinée)

Seam ne fait pas de distinction entre la couche présentation et la couche métier. Aussi il est possible d'architecturer son application de la manière que l'on souhaite sans être forcé d'utiliser une architecture imposée ce qui est le cas dans la majorité des autres frameworks j2EE.

Contrairement aux composants J2EE classiques, les composants Seam peuvent simultanément accéder à la fois aux états associés aux requêtes web et aux états contenus dans les ressources transactionnelles sans avoir à programmer manuellement les requêtes web avec des méthodes paramétrées.

Les personnes préférant utiliser l'architecture des anciens framework J2EE peuvent toujours créer une architecture équivalente en utilisant Seam. La différence est qu'elles devront définir quelles sont les différentes couches et comment elles fonctionnent ensembles.

Les outils que fournit le framework

JSF (Java Server Facelet) intégrées avec les EJB 3.0 (Entity Java Beans):

JSF et EJB 3.0 sont deux des fonctionnalités majeures comprises dans Java EE 5.

EJB 3 est un modèle de composant pour la gestion des processus métiers coté serveur et la persistence des objets.

JSF est un modèle de composant utilisé pour mettre en place la couche présentation.

Malheureusement, aucun de ces modèles de composant n'est capable de résoudre l'ensemble des problèmes de développement par lui-même. En effet, JSF et EJB 3.0 fonctionnent bien mieux ensembles. Cependant, les spécifications de Java EE 5 ne proposent pas de solution standard pour intégrer ces deux solutions ensembles.

Fort heureusement, les créateurs de ces deux modèles ont prévu la situation et ont créé une extension standard permettant de les intégrer ensembles dans d'autres frameworks.

Seam unifie les modèles de composants de JSF et EJB 3.0 en éliminant la création de code de liaison et en permettant aux développeur de ne réfléchir que sur le code métier.

Il est possible de développer une application Seam où tout est un EJB. Au contraire, si vous le souhaitez, il est possible de ne pas en utiliser. En effet, n'importe quelle classe Java peut être un composant Seam.

AJAX intégre :

Seam supporte les toutes dernières solutions JSF open source basées sur des solutions AJAX :

• Jboss RichFaces
• ICEfaces

Ces solutions permettent d'ajouter les possibilités d' AJAX à votre interface utilisateur sans avoir besoin d'écrire du code Javascript.

En tant qu'alternative, Seam propose une couche Javascript intégrée permettant d'appeler un composant de manière asynchrone depuis le Javascript de la couche client sans utiliser d'actions supplémentaires.

Gestionnaire des processus métiers :

Seam propose aussi un gestionnaire transparent des processus métiers à l'aide de jBPM. Celui-ci permet d'élaborer simplement des workflows  complexes ainsi que des systèmes de collaboration et des gestionnaires de tâches.

Seam vous permet aussi de définir un pageflow de la couche présentation en utilisant le même langage que jBPM utilise pour ses définitions de processus métiers (jPDL).

JSF propose un gestionnaire d'événements très riche pour la couche présentation. Seam s'inspire de ce gestionnaire en utilisant le même mécanisme de listeners ce qui au final donne un gestionnaire d'événements uniforme dans votre application.

Bijection :

Les notions d'inversion de contrôle et d'injection de dépendances existent à la fois dans JSF, dans EJB3 et dans beaucoup d'autres conteneurs. La plupart de ces conteneurs permettent l'injection de composant qui implémentent uniquement des services stateless.

Même lorsque l'injection de composants stateful est supportée (JSF), celle-ci est peu utile car le scope des composants stateful ne peut pas être défini avec assez de précision et que des composants appartenant à des scopes larges ne peuvent être injectés dans des scopes plus étroits.

La bijection diffère de l'inversion de contrôle dans le fait qu'elle est dynamique, contextuelle et bidirectionnelle. La bijection permet la compilation automatique des composants stateful par le conteneur. Cela permet aussi au composant de manipuler facilement la valeur d'une variable contextuelle en l'assignant juste à un attribut du composant.

Gestion de l'espace de travail et de la naviguation dans plusieurs onglets du navigateur :

Les applications Seam permettent à l'utilisateur de changer d'onglet dans son navigateur comme il le souhaite. Chaque onglet est associé à une conversation isolée avec sécurité.

Une application Seam peut aussi permettre aux utilisateurs de changer de conversation au sein d'un même onglet du navigateur.

Annotations plutôt que XML :

La plupart des frameworks J2EE proposent des descripteurs de déploiement basés sur du XML pour configurer les choses qui peuvent être vraiment différentes selon les types de déploiement de l'application et pour toute autre déclaration qui ne peut pas être facilement déclarée en Java.

L'arrivée des annotations dans Java 5 changea la donne. EJB 3.0 comprend les annotations et la configuration par exception. Il s'agit d'une manière simple de déclarer les informations au conteneur d'une façon claire.

Malheureusement, JSF est toujours très dépendant des fichiers de configuration XML très verbeux. Seam étend les annotations proposées par EJB 3.0 avec un pack d'annotations pour les déclaration d'états et de contextes. Ainsi, les informations contenues dans les fichiers XML de configuration des JSF ne sont plus que les règles de navigation.

Les tests d'intégration sont simples à réaliser :

Les composants Seam qui sont des classes Java sont, par nature, testables de manière unitaire. Cependant, pour des applications complexes les tests unitaires seuls sont insuffisants. Seam propose donc une fonctionnalité intégrée au framework permettant de créer ses tests unitaires.

Il est possible de développer rapidement des tests Junit ou TestNG qui :

• Reproduisent des interactions complètes avec un utilisateur
• Testent l'ensemble des composants du système en ignorant les vues.

Il est possible de lancer les tests directement dans l'IDE. Seam déploiera automatiquement les composants EJB nécessaires en utilisant Jboss Embedded

Autre fonctionnalités :

Seam intègre de nombreuses autres fonctionnalités :

• JPA et Hibernate 3 pour gérer la persistance
• Meldware Mail pour la gestion des emails.
• Hibernate Search et Lucene pour la recherche
• JAAS et Jboss Rules pour la sécurité
• Des bibliothèques de tags JSF pour les rendus en PDF
• Générateurs de graphiques, de tableaux et de cartes
• Web Services
• Génération de code

Génération d'un CRUD à partir d'une base de données

Dans cette partie nous allons voir comment générer un CRUD en ligne de commande sur un système UNIX à partir d'une base de données MySQL à l'aide des outils de génération de Seam.

Pré requis:

• MySQL 5.1
• JDK 1.6
• JBoss 5.0.1 (compilé pour JDK 1.6),
• Seam 2.2
• Mysql connector pour Java

Dans un premier temps il est nécessaire de créer une base de données dans MySQL. Ensuite placez-vous dans le répertoire d'installation de Jboss Seam :

 $ cd chemin_vers_seam;

Nous allons ensuite configurer Seam pour qu'il génère notre application à partir de notre base de données. Pour cela il faut exécuter la commande :

$ ./seam setup;

Un questionnaire apparaît dans la console. Il va falloir répondre aux questions posée. Dans un premier temps il faut indiquer le répertoire où vous souhaitez installer votre site ainsi que le chemin vers le répertoire où se situe Jboss.

Une fois cela fait il faut noter le domaine (laisser default pour la démo) puis le chemin vers Glassfish et le domaine Glassfish (laisser les paramètres par défaut car nous ne ne l'utilisons pas).

Il faut alors entrer le nom du projet. On nous demande alors si l'ont souhaite utiliser RichFaces ou ICEfaces. Nous utiliseront RichFaces qui comprend un peu moins de composants mais qui est plus fiable (certains composants d'ICEfaces sont encore buggés). Le skin RichFaces pour notre CRUD est alors demander. Nous allons choisir emerald.

Il faut ensuite préciser si l'on souhaite déployer le site en ear ou en war. Ici nous choisirons ear car cela va nous générer un site zippé qui sera pratique pour un déploiement futur. On peut alors rentrer le nom du package de base de nos classes java (com.mon_domain.mon_projet), le nom du package pour nos bean de session : com.mon_domaine.mon_projet, le nom du package pour nos bean d'entités (com.mon_projet.entity) et enfin le nom du package pour nos tests(com.mon_projet.test).

On spécifie alors le type de base de données utilisée (mysql) ainsi que le chemin vers notre connecteur MySql. Il faut ensuite rentrer le dialecte hibernate (org.hibernate.dialect.MySQLDialect) ainsi que la classe du driver JDBC (com.mysql.jdbc.Driver) et la classe JDBC procurant les données (com.mysql.jdbc.jdbc2.optional.MysqlDataSource) et enfin l'adresse jdbc de notre base (jdbc:mysql:///).

On doit alors rentrer le login puis mot de passe de la base de données. Un nom de catalogue est alors demandé (ne rien mettre).

Pour finir le questionnaire il faut spécifier qu'il existe des tables en base et qu'on ne souhaite pas recréer les tables en base à chaque redéploiement et exécuter import.sql.

Il faut ensuite exécuter :

$ ./seam create-project

Cette commande va générer un squelette vide du site. On exécute ensuite la commande suivante :

$ ./seam generate

Cette commande va utiliser la base de données et générer tous les fichiers nécessaires à notre CRUD. L'avant dernière étape est de lancer la commande :

$ ./seam deploy

qui va déployer le site sur le serveur Jboss. Enfin, il faut lancer le serveur :

$ cd /bin/ puis $ run.sh

Une fois le serveur lancé allez à l'adresse http://localhost:8080/mon_projet. Vous devez y voir votre CRUD. L'ensemble des entités a été généré. Il est donc intéressant d'utiliser cet outil pour n'importe quelle création de site.

Avantages

• Création de RIA avec simplicité, sans configuration particulière et sans utilisation de Javascript (RichFaces, ICEfaces).
• Manière simplifier d'apprendre à utiliser des EJB 3.0
• Génération de code très simple
• Utilisation des annotations (simplification de la configuration)
• Gestion simplifiée de la persistance
• Tests d'intégration inclus dans le framework
• Open Source

Inconvénients

L'inconvénient majeur de Seam est la complexité de compréhension du framework. Il est nécessaire  de passer beaucoup de temps à lire la documentation afin de pouvoir créer quelque chose de viable. De plus, comme il s'agit d'une plateforme assez jeune, sa communauté est peu répandue. Il est donc parfois difficile de trouver des réponses à des problèmes basiques.

Un autre inconvénient de ce framework est son adaptabilité. En effet, lorsque l'on souhaite créer quelque chose qui n'est pas spécialement prévu dans le framework cela met plus de temps que si nous passions par une solution classique.

Comparaison avec d'autres framework J2EE

Dans cette section nous allons rapidement comparer Seam avec Spring et Struts afin de voir dans quel cas il vaut mieux utiliser un framework plutôt qu'un autre. Cette comparaison va se faire sous forme de liste de critère. Pour chaque critère nous allons préciser ce que le framework propose pour le vérifier.

• Utilisation d'AJAX : Seam, Struts
• ORM : Struts
• JPA, Hibernate ; Spring, Seam
• Framework de sécurité intégré : Seam (JAAS, OpenID, etc.), Spring (Spring security)
• Form Validation : Spring (Commons Validator), Seam (Hibernate Validators), Struts
• Tests unitaires : Spring(mock objects et unit test), Struts (unit test), Seam (JUnit, TestNG)
• Framework de cache : Spring (ehcache), Seam (ehcache, Jboss Cache)

Conclusion

Finalement, le framework Jboss Seam propose un très grand panel de fonctionnalités et facilite grandement la configuration des projets. Le développeur n'a plus qu'à se focaliser sur le développement de la partie métier de son application. De plus, il peut être couplé avec RichFaces ou ICEfaces très simplement et permettre le développement de RIA de manière simple. Il apporte aussi de nouvelles fonctionnalités comme les conversations ou la bijection qui rendent le framework encore plus riche.

Il est tout de même important de noter que la communauté autour de ce framework n'est pas encore très développée et qu'il faut parfois s'armer de patience pour résoudre un simple problème.

Sous Windows, une fois Apache Tomcat d'installé vous aurez probablement aucun problème de développement, vos applications ne seront tous bonnement pas sécurisées, ce qui est fort intéressant lorsque l'on développe mais qui pose problème si l'on veut faire un serveur de production.

Sous Linux, lorsque vous installez un serveur Tomcat vous aurez par défaut une gestion fine des droits dans vos dossiers, ce qui vous empêchera de faire n'importe quoi avec votre serveur de production.

Le but de cet article est donc de montrer comment on peut customiser plus finement la configuration d'un serveur de production pour pouvoir installer des applications web qui demandent des droits d'éxécution (Hudson, Nexus etc..).

Installation

Tout d'abord, nous aurons comme pré-requis d'avoir une installation Ubuntu serveur 10.04 fraîche avec le port 8080 libre.

Installons le serveur :

sudo apt-get install tomcat6

Cela aura pour effet d'installer un serveur Tomcat avec par défaut une webapp ROOT qui affichera un message d'accueil "It Works !!!".

Configuration

Les fichiers de configuration se trouvent dans le dossier /etc/tomcat6 . Par convention, c'est dans /etc/programme que l'on retrouve les fichiers de configuration sous Linux.

Changer le port de Tomcat

Par défaut, Tomcat s'affiche sur le port 8080, si votre serveur contient déjà une application qui utilise ce port, votre serveur Tomcat ne marchera pas.

Pour le changer, il vous suffit d'aller dans le fichier /etc/tomcat6/server.xml et de trouver la ligne xml suivante :

connectionTimeout="20000"
redirectPort="8443" />;

Comme vous pouvez le remarquer, c'est dans la balise Connector que l'on va modifier l'attribut port="le_numéro_de_port_que_l'ont_veut".
Il est d'usage que lorsque il est libre, on utilise le port 8081 qui est généralement utilisé comme autre port par défaut.

Changer la JVM

Par défaut c'est la JVM Open JDK qui est utilisée; on a beau aimer le libre l'open source etc. La JVM Open JDK est moins robuste et rapide que celle de SUN. Je vous conseille donc fortement d'installer celle de SUN.

sudo apt-get install sun-java6-jdk

Il vous suffit de setter la variable d'environnement dans le fichier /etc/default/tomcat6

JAVA_HOME=/usr/lib/jvm/java-6-sun

Pour des raisons de sécurité, un utilisateur de Tomcat ne peut pas écrire dans un dossier /etc/tomcat6.
Pour donner les droits, il faut exécuter les lignes suivantes :

sudo chgrp -R tomcat6 /etc/tomcat6
sudo chmod -R g+w /etc/tomcat6

Avec ces quelques informations, vous pourrez avoir une installation de Tomcat qui marche. Je vous invite à lire la documentation officielle pour aller au fond des choses.

Bibliographie

http://tomcat.apache.org/tomcat-6.0-doc/index.html

L'objectif est de créer facilement un site web pouvant fournir des web services. Le site sera réalisé en 10 mn.

Je prendrai comme pré-requis le fait que vous avez déjà une installation du framework valide et que vous avez déjà créé un mini-site (Vous connaissez le groovy et vous avez compris le principe de Grails).

Le but du site est de faire un Twitter-like très simple,

Nous allons d'abord créer les classes qui serviront de modèle :

• Premièrement, la classe qui représentera l'utilisateur:

class User
{
 
    String name
    String mail
    String password
    boolean isBlocked
    Date dateCreated
    Date lastUpdated
 
    static constraints = {
    }
 
    static mapping = {
        table 'tb_user'
    }
}

Tout d'abord plusieurs choses :

• Les champs dateCreated et lastUpdated écrits de cette façon seront mis à jour automatiquement par Grails.
• Le fait de remplir l'attribut mapping avec la propriété table tb_user' permet d'éviter certains problèmes dus à l'utilisation de SGBD (La table User est réservée en Mysql)

class Comment {
 
  User user
  String content
  Date dateCreated
  Date lastUpdated
 
  static constraints = {
  }
}

Il vous suffit ensuite de générer toute la partie administration des deux domaines.

Vous pourrez alors accéder à la partie administration du site :

Après avoir généré tous les modèles, vues et contrôleurs nous allons modifier le fichier UrlMappings.groovy.

class UrlMappings {
    static mappings = {
 
        "/$controller/$action?/$id?" {
            constraints {
                // apply constraints here
            }
        }
 
        "/rest/$controller" {
            action = [GET: "restList", POST: "restSave"]
        }
 
        "/rest/$controller/$id" {
            action = [GET: "restShow", PUT: "restUpdate", DELETE: "restDelete"]
        }
 
        "/"(view: "/index")
 
        "500"(view: '/error')
    }
 
}

Comme vous pouvez le remarquer l'accès à la partie Rest de l'application se fera en prefixant l'adresse par /rest/le_nom_du_controlleur.

Il faut ensuite aller modifier chaque fichier contrôleur en ajoutant les méthodes que l'on va appeler en faisant du rest.

Example :

class UserController {
 
  def scaffold = User
 
  def restList = {
    render User.list() as JSON
  }
 
  def restSave = {
    def userInstance = new User(params)
    if (userInstance.save()) {
      render true
    } else {
      render false
    }
  }
 
  def restShow = {
    render User.get(params.id) as JSON
  }
 
  def restDelete = {
    User.get(params.id).delete()
    render "user $params.id deleted"
  }
}

Voilà, maintenant vous n'avez plus qu'à copier/coller le code dans chaque contrôleur.

En quelques minutes, vous avez un site que vous pouvez administrer facilement avec une interface d'administration basique; de plus, vous pouvez facilement ajouter des webservices.

Bibliographie

http://www.grails.org/plugin/home

Je vous conseille de parcourir avec attention la page de plugin; certains vous feront gagner de longues heures de développement.

https://www.ibm.com/developerworks/java/library/j-grails01158/

Un article vous permettant de bien démarrer.

Facebook, Twitter, FourSquare ont honteusement lâché les bases de données SQL classiques tels que MySQL...

Trop lourd à administrer, pas assez rapide, manque de scalabilité - peut difficilement être mis à grande échelle -, les bases de donnés SQL commencent à accumuler trop de points faibles pour les sites web qui accueillent des millions d'internautes.

La solution no-SQL que nous étudierons sera le projet Apache CASSANDRA.

Le projet Apache CASSANDRA fut initié par facebook en 2008, il est en version stable (0.6.1) depuis le 18 avril 2010. Il est Open Source et supporté par la fondation Apache.

Les grands principes de CASSANDRA sont :

• Décentralisation

Chaque nœud dans un cluster est identique.

• Tolérance aux erreurs

Les données sont automatiquement répliquées dans plusieurs nœuds. Les nœuds en erreur peuvent être remplacés sans temps d'arrêt

• Cohérence configurable

Les écritures et les lectures offrent un niveau de cohérence configurable allant de "les écritures n'échouent jamais" à "bloque la lecture des copies".

• Élasticité

Le débit de lecture/écriture augmente de manière linéaire avec l'augmentation du nombre de machines

Nous allons maintenant voir comment installer et mettre pour la première fois en route la base de données Cassandra.

Installation

Veuillez télécharger la dernière version stable de Cassandra sur le site web (actuellement à l'heure où je vous parle, la 0.6.1) à cette adresse :

http://cassandra.apache.org/

Veuillez télécharger une archive que vous décompresserez dans un répertoire quelconque

Vous aurez un dossier apache-cassandra-0.6.1.

Veuillez définir une variable d'environnement nommée CASSANDRA_HOME = chemin du dossier oà se trouve Cassandra.

Avant de lancer le tout, il vous faut aller configurer le fichier de conf $CASSANDRA_HOME/conf/storage-conf.xml.

Changez les valeurs du dossier de log et du dossier de stockage (par défaut sous Linux, les dossiers se trouvent dans /var/lib/cassandra, ce qui nécéssite les droits administrateurs).

Ici, j'ai décidé de les mettre dans un dossier nommé Cassandra se trouvant dans le dossier que nous venons de décompresser.

Ensuite vous n'avez plus qu'à lancer Cassandra avec le script l$CASSANDRA_HOME/bin/casssandra (cassandra.bat pour les utilisateurs windows)

Si Cassandra marche bien vous aurez des logs de ce genre sur votre console.

INFO 10:18:20,589 Enqueuing flush of Memtable(Authors)@533262289
INFO 10:18:20,590 Writing Memtable(Authors)@533262289
INFO 10:18:20,763 Completed flushing /home/guillaume/IdeaProjects/projectzeus/apache-cassandra-0.6.1/bin/../cassandra/data/Blog/Authors-10-Data.db
INFO 10:18:20,804 Log replay complete
INFO 10:18:20,867 Saved Token found: 132603563302232281894719216760064339929
INFO 10:18:20,867 Saved ClusterName found: Test Cluster
INFO 10:18:20,875 Starting up server gossip
INFO 10:18:20,946 Binding thrift service to localhost/127.0.0.1:9160

Quelques TIPS pour développer :

Lorsque vous lancerez apache Cassandra sur votre machine de développement vous aurez peut-être des problèmes car Cassandra prendra le port 8080 (Alors que le port de connexion est le 9160).

Ce port est utilisé par la connexion jmx qui pourra servir à manager la base de données en production.

Le problème, c'est lorsque comme moi, votre machine de développement contient Cassandra et un serveur J2EE (comme Tomcat ou Jetty) vous allez avoir des problèmes car ils vont se battre pour avoir le port 8080.

Dans ce cas là, il vous suffira d'aller dans le fichier $CASSANDRA_HOME/bin/cassandra.in.sh et de changer la valeur -Dcom.sun.management.jmxremote.port=$LE_PORT_QUE_VS_VOULEZ  à la fin du script.

Conclusion

La base de données Cassandra est un peu la bombe atomique des sites de réseaux sociaux, l'écriture de données est 2500 fois plus rapide qu'avec des bases de données comme MySQL.

Mais il faut bien comprendre vous ne devez pas remplacer toutes vos bases par Cassandra. Ce qui permet à Cassandra d'être aussi rapide c'est son modèle de données.

Cassandra est basé sur un modèle clé valeurs, avec une consistance éventuelle.

Consistance éventuelle ? Cela veut dire que si on écrit rien pendant un temps assez long, tous les noeuds seront identiques.

Cela nous amène à une évidence: lorsqu'on a plusieurs clusters sous Cassandra et que vous faites une requête vous n'êtes pas sûr d'avoir la dernière version de l'enregistrement.

La plupart du temps dans 95% des cas, la consistance des données n'est pas essentielle dans un site. 3 secondes après, vous rafraîchissez votre page web et le poste s'y retrouve.

En perdant une partie des contraintes, vous avez permis à la base de données d'aller beaucoup plus rapidement. Cette contrainte est en fait la plupart du temps complètement inutile.

Si vous faite un site grand public, je vous conseille vivement d'adopter une solution No-SQL comme Cassandra.

Bibliographie :

http://www.sodeso.nl/?p=108

http://cassandra.apache.org/

etude-yahoo

Benchmark des différentes solutions de stockage comparant Cassandra avec 3 autres solutions de stockage.