Voici une classe qui vous permettra de sécuriser un minimum vos jeux ou applications flash.
Voici le code source :
class Sitelock {
// liste des urls autorisées
private static var urls_allowed : Array<String>;
public static function init(list : Array<String> = null):Void {
urls_allowed = list;
}
/**
* @params :
* _url : url de provenance
*/
public static function check(_url:String):Bool {
var lock : Bool = true;
var domain_parts = _url.split("://"); // on enleve le ://
var real_domain : Array<String> = domain_parts[1].split("/");
// on parcours le tableau a la recherche de l'url
for (x in urls_allowed) {
if (x == real_domain[0]) {// si le domaine est correct
return false;
}
}
return true;
}
}
Pour l'initialisation : SiteLock.init(["url1","url2"]);
Puis pour la vérification : var test : Bool = SiteLock.check("url");
Si la fonction retourne faux, l'url est présente, et donc vous pouvez autoriser le lancement de l'application.
Lire la suite >>
Dans ce tutoriel, vous apprendrez à faire un formulaire d'envoi de mail en Flash. Outre l'aspect mxml, ce tutoriel vous permettra de vous principalement d'aborder l'aspect intéraction entre Flash et PHP. Il existe également une autre méthode qui consiste à utiliser le composant HTTPService de Flex.
Le composant mxml
Voyons en premier lieu le formulaire en utilisant les composants de Flex.
< ?xml version="1.0" encoding="utf-8"?>
< mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundGradientColors="[0x000000,0x323232]">
< mx:Panel title="Un simple formulaire de contact">
< mx:Form>
< mx:FormItem label="Votre nom et prénom" required="true">
< mx:TextInput id="username"/>
< /mx:FormItem>
< mx:FormItem label="Votre adresse mail" required="true">
< mx:TextInput id="mail"/>
< /mx:FormItem>
< mx:FormItem label="Sujet" required="true">
< mx:TextInput id="subject"/>
< /mx:FormItem>
< mx:TextArea id="content" width="100%" height="150"/>
< mx:Box width="100%" horizontalAlign="center">
< mx:Button id="send" label="Envoyer" click="onValid(event)"/>
< /mx:Box>
< /mx:Form>
< /mx:Panel>
< /mx:Application>
Lire la suite >>
Dans ce tutoriel, nous allons voir comment créer un module d'authentification en utilisant une base de données MySQL. Plusieurs principes seront abordés tout au loin de ce tutoriel. Nous verrons tout d'abord une utilisation simple du PopUpManager, nous verrons également la gestion des cookies avec l'objet SharedObject mais également comment intéragir avec un script coté serveur (dans notre cas PHP). Nous aborderons égalements les états (state) des composants pour permettre une modification de notre formulaire suite à une action de la part de l'utilisateur.
Le formulaire de connexion
Pour faciliter l'intégration, nous allons opter pour l'utilisation du PopUpManager.
De ce fait, nous pourrons afficher le formulaire quel que soit la
page sur laquelle nous nous trouvons.
Voici le composant mxml du formulaire (LoginForm.mxml) :
< ?xml version="1.0" encoding="utf-8"?>
< mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" title="Authentification">
< mx:Form id="loginForm">
< mx:FormItem label="Nom d'utilisateur">
< mx:TextInput id="username"/>
< /mx:FormItem>
< mx:FormItem label="Mot de passe">
< mx:TextInput id="password" displayAsPassword="true"/>
< /mx:FormItem>
< mx:ControlBar id="buttonBar" width="100%" horizontalAlign="center">
< mx:Button id="submit" label="Connexion" click="onClick(event);"/>
< /mx:ControlBar>
< mx:FormItem id="remember">
< mx:CheckBox id="rememberMe" label="Se souvenir de moi"/>
< /mx:FormItem>
< /mx:Form>
< /mx:TitleWindow>
Lire la suite >>
Dans ce tutoriel, nous verrons comment réaliser un joli lecteur vidéo très simplement grâce aux nombreuses classes présentes dans le framework Flex.
La structure de notre application
Ce projet est composé de deux fichiers :
- VideoPlayer.mxml
- stylePlayer.css
Rentrons dans le vif du sujet en voyant la structure de notre mxml :
< ?xml version="1.0" encoding="utf-8"?>
< mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="512" height="408" layout="absolute" >
< mx:VideoDisplay id="video" width="512" height="384" autoPlay="false" source="mavideo.ext"
playheadUpdate="updatePlayer()" />
Tout d'abord, nous créons un composant VideoDisplay qui contiendra notre vidéo. Nous lui donnons une taille fixe pour éviter les redimentionnements hasardeux.
L'attribut autoPlay peut être défini à true ou false, dans le cas où l'on souhaite lancer la lecture de la vidéo au chargement de l'application ou non.
S'en suis la source de notre vidéo, ou plus exactement l'emplacement de notre fichier vidéo.
Pour terminer, nous ajoutons un évenement qui nous permettra de gérer l'avancement de notre vidéo.
Nous allons maintenant définir un bloc qui contiendra les boutons et les détails de notre lecteur.
Lire la suite >>
Flex est le moyen le plus rapide et le plus facile pour développer une application Web en flash. Dans ce tutoriel, nous verrons les bases pour le un développement, en voyant l'exemple d'une petite galerie d'images, récupérant les données à partir d'un fichier xml.
L'application
Voici comment se décompose l'application :
Aucun script ActionScript n'est nécessaire pour ce projet. Le premier fichier correspond à l'application principale. Le fichier render correspond au bloc contenant les petites images.
La structure de l'application :
< ?xml version="1.0" encoding="utf-8"?>
< mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
< mx:Panel title="" horizontalAlign="center" minHeight="476" borderColor="#AF7FAF">
< mx:HorizontalList id="listIMG"
columnCount="4"
columnWidth="200"
rowCount="1"
rowHeight="180"
itemRenderer="Render"/>
< mx:VBox id="detail" >
< mx:Image id="img" />
< mx:Label text="" />
< /mx:VBox>
< /mx:Panel>
< /mx:Application>
Un document mxml est proche d'un document xml. Il commence par la même déclaration.
La structure des documents est découpée en bloc. Le principal, et l'unique s'il ne doit y en avoir qu'un seul, est le composant Application suivi de son namespace.
Lire la suite >>
