Articles taggés avec 'développement'


Accessibilité et utilisabilité: Javascript discret

Permettre aux utilisateurs d'interagir avec une page Web ces dernières années a entraîné une augmentation significative de l'utilisation de scripts côté client: le code JavaScript peut réagir en temps réel et de manipuler une grande variété d'informations. Le Web2.0 est l'expression ultime de cette capacité d'interaction, dans laquelle l'utilisateur final - l'utilisateur participe activement à la construction et à «l'évolution du site Web, en interagissant avec lui et vous aider. Est appelée User Generated Content (UGC ou - user-generated content) qui voit le "navigateur" certainement pas passif!

Pour parvenir à cette interaction, permettant ainsi à l'utilisateur final d'ajouter sa contribution, nous avons développé une série de techniques qui ont changé l'apparence et le comportement de pages Web (statiques jusqu'ici, mais maintenant semblables à des applications traditionnelles de Desktop) au cours des dernières années. Changer le contenu d'une page, envoyer des fichiers, donnant leur vote à une vidéo ou un document, enregistrer ou modifier leurs données personnelles, sont quelques-unes des opérations les plus riches dans de nombreux services (2.0 beta) sur le Web

Suite ...

Apollon, Firefox 3 et Rails: Tous déconnecté

Magnetk et Joyent ont créé Slingshot , un outil qui permet une application Rails de travailler hors ligne! Dans le même temps a été accordé le Gran Paradiso Alpha 3 ou Firefox 3, également prêt à prendre sur ce dell'offline nouvelle frontière. Nous pouvons dire sans exagération, du moins ce que nous lisons sur le net, qui a commencé une véritable concurrence qui voit déployé Adobe Apollo , Firefox 3 et nouveaux prétendants que Slingshot .

Slingshot , cependant, il est proposé de développer (ou apporter) une application Rails directement sur ​​votre bureau et de les exécuter dans un " simple et transparente »;

Slingshot Joyent permet aux développeurs de déployer des applications Rails que le travail du glisser même ligne et hors ligne (avec synchronisation) et avec dans et hors de l'application comme une application de bureau standard.

Pour une démonstration de Slingshot voir le film Quicktime.

Il ya donc une réelle concurrence entre les vivre EN Slingshot et Apollo . Ce dernier, en fait, a une cible différente à la fin, comme indiqué par Wikipedia ;)

"Une exécution cross-OS permet aux développeurs d'employer à ce que leur compétences de développement web ( flash , flex , HTML , Ajax ) pour construire et déployer bureau Rich Internet Applications ».

Intéressant - cependant - sont les caractéristiques de Firefox 3 (comme un PNG animé - APNG ), qui se pose de façon différente des solutions ci-dessus.

Les prétendants partagent la caractéristique qui, alors, est cette nouvelle tendance à travailler - ou permis de travail - hors ligne! Il est curieux que cet intérêt a explosé, presque subitement, dans un moment historique qui voit dans le réseau au centre de nombreux intérêts. Aussi, tout au cours des dernières années, la généralisation du haut débit a permis aux utilisateurs de rester connectés en permanence au réseau, un impensable cordon ombilical jusqu'à il ya quelques années, l'ère de la Dial-Up est maintenant terminée.

C'est ce besoin de connexion perpétuelle a donné lieu à la 2.0 génération (web2.0), la contribution sociale de tous, car tous reliés. Le offline est nonstante tout cela, une exigence technique, et non pas un changement de tendance. Il est sans doute d'un grand intérêt à investir dans ces technologies. Le sans fil, très probablement, va dominer dans un avenir proche, mais contrairement à un câble peut être plus sujettes à une défaillance soudaine ou (!

Être capable de travailler déconnecté évidemment un certain nombre d'avantages - comme cela arrive souvent - maintenant, nous ne pouvons même pas voir clairement.

Suite ...

Où Javascript perd

Il est maintenant plus qu'une question de temps, Mozilla a ouvert la voie avec JavaScript 1.7 . Cependant, il est clair que le JavaScript actuel a ses limites. Par exemple, vous ne pouvez pas protéger contre une ingénierie inverse (voir Reverse Engineering: les compresseurs de code ), nous pouvons rendre la vie difficile pour ceux qui veulent scruter notre code, mais de prévenir, il est très improbable.

L'ECMA est basé sur laquelle le Javascript actuelle est insatisfaisante. En venant de Java, C + + ou ActioneScript 3.0, est nettement inconfortable à traiter avec des variables sans spécifier le type.

La structure est aussi des objets primitifs, avec des différences de mise en œuvre de divers (qui va augmenter) dans les versions de navigateur. Bibliothèques comme Prototype, sont conçus précisément pour surmonter certaines limites de l'extension DOM, ainsi que la mise en œuvre efficace et multi-navigateur Ajax (XMLHttpRequest).

Conseil de se tenir informé, de suivre l'évolution de Mozilla / Adobe / ActionScript: ECMAScript 4
Voir la documentation sur le JavaScript 1.7: Nouveautés dans JavaScript 1.7

REMARQUE: Firefox 2.0.0.3 Sortie

Suite ...

Adobe Apollo Alpha Release

Adobe a finalement publié la version alpha d'Apollo . Nous sommes encore loin de la version finale, mais vous pouvez consulter certaines de ses caractéristiques avec la démo des applications (. air) des propositions en ligne. L'installation ( Apollo runtime ) de cette Alpha pèse environ 6Mb - pour Windows. La démo (exemples d'applications Apollo) ne pèsent pas encore 600Kb. Après avoir installé le runtime Apollo semblent rien n'a changé sur votre PC (pas encore ajouté de liens sur le bureau ou la barre des tâches), même si vous avez installé - en fait - le nouveau navigateur de Adobe! Voir Web2.0: Adobe tente d'Apollon?

Suite ...

Où JavaScript gagne

Choisissez la technologie qui sera utilisée dans le développement d'une application Web est d'une importance vitale, pour ne pas se trouver en difficulté peu après. Le type d'application Web, ses caractéristiques opérationnelles, sont le premier point à prendre en compte pour choisir le cadre et les technologies connexes.
J'ai souvent discuté de l'efficacité des scripts JavaScript contre les différentes technologies comme Adobe Flash ou Java. Cependant, il est intéressant de souligner un aspect important souvent négligé:. Accès au DOM JavaScript, dans ce cas, le candidat (s'il n'est pas le seul) un favori pour ce type d'opération.

Outils avec snap , par exemple, travailler sur un mécanisme simple: lorsque la page HTML est chargée (et après l'introduction du chargement des scripts JavaScript) est de scanner la page et ajouté un nouveau code HTML en des points particuliers. Dans le cas spécifique du snap identifie tous les liens vers des pages externes (ou configuration interne de la dernière édition), le <A> TAG pour l'indentation. Ce sont modifiées de sorte que sur la souris pour ouvrir une boîte de dialogue anterpima de liens (voir ce blog très pour un exemple).

Non seulement pression , mais beaucoup d'autres scripts JavaScript essentiellement faire la même chose. Dernièrement, cette technique est largement utilisée en raison de la bibliothèque Prototype , qui fournit une variété de méthodes (telles que le fameux double-dollar, ou $ $ $ - voir Prototype: L'utilisation du signe double dollar ($) ) est de suivre que le changement - à la volée - les éléments d'une page HTML.

Naviguer dans le DOM HTML est donc la tâche spécifique de Javascript. Historiquement, entre autres choses, Javascript a été introduit juste pour lire et écrire le contenu d'une page HTML.
Par exemple, si nous voulions faire quelques modifications à une page HTML en utilisant Adobe Flash, nous aggorgeremmo - tôt ou tard - d'être forcé d'appeler une fonction JavaScript. La nouvelle ActionScript 3.0, par exemple, offre une classe ( ExternalInterface ) conviennent à cette fin. – o fscommad() per chiamare una funzione Javascript: Une fois (dans les versions précédentes d'ActionScript), nous avons utilisé la commande getURL() - désormais remplacé par une meilleure flash.net.navigateToURL() - ou fscommad() pour appeler une fonction JavaScript:

1
) ; getURL ("javascript: maFonction ()");

En outre:

La classe ExternalInterface est l'API External, une interface de programmation d'application qui permet la communication directe entre ActionScript et le conteneur Flash Player, par exemple, une page HTML avec JavaScript, ou une application de bureau avec Flash Player embarqué.

Notez que "l'application de bureau» qui rappelle si Apollon!

Aujourd'hui, grâce à ExternalInterface , vous pouvez appeler une fonction JavaScript pour moins propre (cette classe permet une gestion beaucoup plus efficace que getURL() , comme le passage de paramètres):

1
2
3
4
5
6
/ * Appelle la fonction externe "addNumbers"
passant deux paramètres, et Affectation résultat de cette fonction
à la variable "résultat" * /
uint = 3 ; var param1: uint = 3;
uint = 7 ; var param2: uint = 7;
uint = ExternalInterface . call ( "addNumbers" , param1 , param2 ) ; var result: uint = ExternalInterface appel ("addNumbers", param1, param2);.
1
2
3
4
5
6
<script> <! -
/ / Ajoute deux nombres, et envoie le résultat à ActionScript
num1 , num2 ) { addNumbers fonction (num1, num2) {
num1 + num2 ) ; retour (num1 + num2);
}
/ / Script --></>

Que peut-on conclure alors? De tous les divers cadres et des bibliothèques disponibles de l'analyse initiale du projet que vous voulez atteindre est d'une importance primordiale. A défaut ce stade peut sérieusement affecter les étapes ultérieures de tout Web2.0 projet. JavaScript, puis, quand vous avez à gagner tous interagir avec le DOM.

Suite ...

Prototype: L'utilisation de double dollar ($ $)

Avec la dernière version du prototype, André et Christophe ont accéléré et amélioré "double dollar 'la fonction ( $ $ d'utilité ), qui vous permet de sélectionner un élément en spécifiant le sélecteur (presque tous des sélecteurs CSS3 pris en charge par le cahier des charges).

L'utilité de cette fonction va au-delà du populaire $, ce qui peut être utile, mais, finalement, ne pas effectuer toute opération digne de mention. Les utilitaires "double dollar» ($ $) au lieu de réellement vous permettre de choisir n'importe quel type d'élément, vous donnant d'excellents outils pour filtrer des éléments dans le DOM.

Voici quelques exemples tirés du site officiel:

1
2
3
4
5
) ; // -> Tutti i DIV del documento. $ $ ('Div') / / -> Tous les documents DIV. Même que document.getElementsByTagName ('div')!
) ; // -> Uguale a $('contents'), ma ritorna sempre un array. $ $ ('# Contenu') / / -> Pareil que $ ('contenu'), mais il retourne toujours un tableau.
) ; // -> Tutti fli elementi LI con class 'faux' $ $ ('Li.faux') / / -> Tous les éléments LI fli avec «faux» de classe
) ; // -> Tutti i TAG A (links) al di sotto di un elemento con ID "contents" e con un attributo rel $ $ ('# Contenu a [rel]') / / -> Tous les tags (liens) ci-dessous pour un élément avec l'ID "contenu" et avec un attribut rel
) ; // -> Tutti i TAG A (links) con un'attributo href con valore "#" (eyeew!) $ $ ('A [href ="#"]') / / -> Tous les tags (liens) avec une valeur attribut href "#" (eyeew!)

La force, cependant, réside dans la possibilité d'exclure certains éléments en faveur d'autres, par exemple:

1
) ; // -> Tutti i TAG A (links), esclusi quelli che contengono un attributo rel impostato a "nofollow" $ $ ('A: pas ([rel ~ = nofollow])) / / -> Tous les tags (liens), l'exclusion de ceux contenant un attribut rel réglé sur "nofollow"

Encore plus intéressant est la suivante:

1
) $ $ ('A href [^=#]: pas ([href =#])')

Ce, en pratique, trouve toutes les balises avec l'attribut href qui commence par '#', mais ne prend pas en compte ceux qui sont égaux à '#' seulement. En d'autres termes, ignore les liens qui pointaient à une pièce d'identité valide!
Cette caractéristique unique de ($ $) a inspiré Tobie Langel pour créer un simple script (désarmement) peut ajouter un bel effet lors du défilement dans une seule page HTML vous vous déplacez à Ancres, avec la technique - en fait - href ="#".
Pour une démo cliquez ici .

Suite ...

Papervision3D

Papervision3D est un moteur haute performance 3D pour Flash 8 et 9. Ses caractéristiques sont vraiment impressionnants. Merci à la vitesse extrême de l'exécution de Flash ont été les effets mappage de texture remarquables. Depuis le blog officiel que vous pouvez voir la démo vraiment exceptionnel. Il ya aussi un jeu vidéo d'essayer.

Suite ...

ActionScript 3 As3Crypto bibliothèque de cryptographie

As3 Crypto Framework 1.1 est une bibliothèque écrite en ActionScript 3 qui vous permet d'appliquer les algorithmes de cryptage les plus communs, tels que:

  • Chiffrement à clé publique: RSA (chiffrement partiel seulement..)
  • Secret clé de chiffrement: AES, DES, 3DES, Blowfish, XTEA, RC4
  • Modes de confidentialité: ECB, CBC, CFB, CFB8, OFB, CTR
  • Des algorithmes de hachage: MD5, SHA-1, SHA-224, SHA-256
  • Cales disponibles: PKCS # 5, PKCS # 1
  • Autres commandes utiles: HMAC, Aléatoire

La bibliothèque offre une variété de classes, afin d'appliquer les algorithmes de cryptage. Il est sous licence BSD, comme faisant partie du code source provient de Java, C et JavaScript. Sur le site de , vous trouverez plus d'informations, les sources et les binaires.

Suite ...

Reverse Engineering: le code de compresseurs

Une question négligée dans le contexte du Web2.0 est la protection du code source. Avec une vue dégagée Source, Web 2.0 est l'endroit où sa plus grande expression dans la version bêta, de partager et participer à la communauté laisse sûrement dans les questions de fond liées à la protection du code source. Rappelons-nous que les scripts JavaScript sont téléchargés dans le navigateur à partir du serveur Web, tels que des fichiers texte afin qu'ils soient visibles à l'utilisateur final.
Alors que le serveur de code est protégé par définition (il est impossible d'accéder au code d'une page PHP à l'aide du navigateur HTTP, sauf dans de rares cas malfuzionamento Web Server), le code client peut faire l'objet d'un reverse engineering.

Cependant, il est une protection simple, conçu, de ses débuts à la taille des scripts JavaScript dimuire; devenu cadre réel dans certains cas.
Il ya en fait des demandes et des sites Web qui vous permettent de compresser (crunch) du code Javascript, mais pas seulement. Cette fonctionnalité, de différentes manières, peut également être appliquée aux formats HTML et CSS. Le code JavaScript, en particulier, en plus d'être comprimé peut être caché, obtenant ainsi un code de sécurité (sur demande) qui rend la procédure plus complexe ingénierie inverse.

Différences entre HTML, CSS et Javascript sont importantes et substantielles. Alors que la compression des pages HTML et des feuilles de style ne peut agir que sur l'élimination des caractères inutiles ou superflues, telles que «la tête», «les doubles espaces, etc ..., Javascript est un langage de programmation qui peut alors exécuter un code spécial se décompresser.

JavascriptCompressor.com est un service gratuit, disponible en ligne, vous permettant de compresser le code source JavaScript. Les options font qu'il est extrêmement polyvalent, tout en assurant l'obscurcissement du code.

Exemple de code de départ:

1
2
3
MaFonction function () {
"Hello World" ) ; alert ("Bonjour le monde");
}

Code de compression:

1
alert ( "Hello World" ) } MaFonction function () {alert ("Bonjour le monde")}

Encodage normale

1
5 , 5 , 'World|Hello|alert|MyFunction|function' . split ( '|' ) ) ) 3 () {2 ("1 0")} ', 5, 5,' Monde | Bonjour | alertes | MaFonction |. Fonction 'Split (' | ')))

Évidemment, cela est un exemple, avec de petites code compressé n'a pas vraiment beaucoup de sens, vous risquez d'aggraver les choses et c'est tout (sauf si vous êtes uniquement intéressés par le code obscurcir la vue).

Compresseur MemTronic Cruncher est également un service en ligne (comme les travaux antérieurs en mode déconnecté), partiellement libre dans le sens que certaines fonctions ne sont disponibles qu'en version payante (comme le Obfuscade fonction). Comparé au service précédent devrait offrir de meilleures performances et la sécurité du code de cryptage. Je les utilise sans discernement, comme il convient.

Peterbe.com ne permet pas le langage Javascript pour compresser (à moins que ce élimine les espaces et la «tête»), mais propose un compresseur pour HTML, CSS et XHTML. Moi, par exemple, je l'utilise pour compresser les feuilles de style.

Sauf si vous utilisez des algorithmes spéciaux croquant, cependant, qui pèsent sur le traitement des données, vous pouvez toujours effectuer un reverse engineering du code, y compris le comprimé. Ou tôt ou tard, en fait, le code original doit être envoyé à l'interpréteur du navigateur, qui le reconnaît (pour l'instant) uniquement en clair. Dans le futur, avec de nouvelles versions de navigateurs, cet obstacle pourrait être surmonté. Il serait bénéfique que si elle était appliquée, au sein du navigateur, une technologie capable d'accepter des pré-compilé le code JavaScript, pour ainsi dire en binaire (si quelque chose crypté ). Cela permettra de réduire le temps nécessaire pour télécharger le script, permettant une protection naturelle de l'ingénierie inverse et, last but not least, de meilleures performances en termes d'exécution du script.

Suite ...

Assembleur émulateur 6502

Alors que nous sommes sur le thème de la nostalgie, voici une belle émulation de l'historique de 6502 microprocesseur , monté dans les années 80 dans la console et les ordinateurs que les NS Apple, Commodore et la Nintendo 64 (alors à l'étape 6510, ...). Ce bijou mignon est entièrement écrit en JavaScript, fonctionnant sur quasiment tous les navigateurs (Safari Opera), avec le seul inconvénient étant un peu lent. Mais vaut la peine. Sur le site ( http://www.6502asm.com/ ) ont trouvé quelques beaux exemples, mais l'objectif curieux.

Suite ...