Malik Meziani Web Site
A propos Portfolio Informations
Le diplom Les Reseaux Usability Extreme Design Wireless Network Flash MX
Le diplom
But et Objectif
L' objectif de ce travail est d' utiliser les moyens les plus avantageux pour integrer la nature environnante d'une maison de compagne.
Donnees
Plan du premier et du deuxieme etage.
Etude analogique
 
Les reseaux Traduction du Livre de Stevenson 
3D Studio  
Usability
Introduction
Le design des interfaces n'est pas une profession pour des personnes a part, mais fait parti de la profession de plusiers secteurs.
Facteurs
Il existe quatres facteurs principaux qui font la qualite de n'importe quel interface, ce sont:
1. La vitesse de travail des users.
2. La quantite d' erreurs humaines.
3. La vitesse d'apprentissage.
4. a preference subjective.
Le temps d'execution du travail:
C'est un critere tres important de la qualite d'un interface. tres peu comprennent que c'est un facteur important dans la creation d'un interface graphique.

La duree du travail intellectuel: 

Selon Donald Norman, l' interaction de l'utilisateur avec le systeme( pas seulement avec un Ordinateur ) est constitue de sept etapes:
1. La formation des objectifs a atteindre ???
2. La definition generale de la voix.
3. La definition des mesures concrete.
4. L'execution.
5. La perception du nouvel etat du systeme.
6. L'interpretation de l'etat systeme.
7. L'estimation du resultat.
L'inventaire
Dans cette partie, en trouve les briques que contient un site ou un programme quelconque. Ce sont des fenetres, les elements de controles et les scenarios standard.
Processus
La description de la metodologie du design d'un interface, qui garantie la qualite de travail, sa facilite, et qui est aussi tres important, le temps de son execution.
Extreme Design
Le web Design Alternatif ou Japonais
Contenu
1. Kaliber 10000.
2. Que peut on nomme Design Alternatif.
3. L'idee de l'oeuvre.
4. La nouveaute de l'idee de l'oeuvre.
5. Le status.
6. Le mouvement.
7. Les bases de la perception physiologique.
8. Interaction.
9. Les associations de couleurs et les modeles emotionnels.
10. Le travail avec les polices de caracteres.
11. Les elements essentiels du style d'un Web site.
12. Maintenant on peut revenir sur notre Kaliber 10000.
13. Kioken Design.
14. HSE7EN3.
15. Quelle conclusion peut on faire?

Kaliber 10000 etait le tout premier site rencontrer par l'auteur.
Que peut on appeler Design Alternatif?
Ici on parle du Design qui propose de deplacer le point de perception de la sphere du conscient vers la sphere de l'inconscient. A la difference du design classique, qui connait les mesures constructives du conscient. A l'aide des techniques et optiques modernes le designer tente de bouger le telespectateur du point de vue traditionnel vers une facon de penser dans le domaine sensuel et des emotions.
Quelle est donc la logique du designer dans ce cas( grace a quoi on peut avoir un tel effet ?).
Dans un design Logico-Constructiviste, le schema de travail du cerveau a donner une estimation a un objet est le suivant:
perception, analyse, abstraction, synthese, estimation de l'objet.
L'analyse, c'est justement elle qui divise l'idee en plusieurs parties. Il en resulte qu'il n' y a plus de place pour les sentiment sur l'objet preparer.
Dans le Design Extremal (l'auteur explique que ce nom n'est pas officiel) l'essentiel du schema est le suivant:
Dés le processus de perception, le designer tente de connecter divers sensations d' associations, nostalgique(de Deja Vu)ou de type choc-explosif. Deja au moment de l'analyse de la composition, l'inconscient a deja forme un assortiment d'emotion-sentiment harmonieux, qui appel a enrichier et a diversifier le travail du cerveau, ainsi, influencer sur l'estimation de la composition.
En general c'est comme ca: le Designer forme dans l'espace de creation non pas l'objet lui meme, il forme l'impression(l'effet) venant de lui.



Au niveau artisanal du travail(utilisation des regles, des outils et des procedes de composition), la conception est la meme, sauf que le Designer - lui meme doit, au moins en general ressentir quelque chose, et non pas mechaniquement tout construire.

Dynamic Html  
Flash MX Document original: Flash Hacks(Traduit de l' Anglais)
ecrit par Sham Banghal
publie par Oreilly en Juin 2004, contenant 480 page.
Chapitre 1:
Effets Visuels
Vous devez etre familier avec les principes et outils de base de Flash. on va essayer de creer une fausse transition par pixel!!! puisque Flash utilise un module de Rendu base sur les vecteurs, il ne donne pas acces directement au pixel de l'ecran. La transition cache, ou masque, la premiere image. en disparessent, elle revele la deuxieme image, qui se trouvent en dessous. ce procede requirt troi etapes:
  1. Creation de faux-pixels.
  2. utilisation des faux-pixels avec MovieClip.attachMovie().
  3. Creer la transition en creant un Script qui fait disparaitre chaque point apres un certain temps.
Le probleme ici, est qu' on aura des milliers de points! donc on ne peut pas utiliser des milliers de onEnterFrame(). a sa place, on utilise setInterval(), qui diminue le temps de calcul en executant le code une fois par faux-pixel a la duree de la transition.
Creer les pixels
c'est aussi facile que de creer un rectangle.
1. Creer un document, configurer la scene en 200*200 pixel, et le fond en blanc.
2. Dessiner un rectangle de 4*4, SANS LA LIGNE !!!, si vous la faites, elle augmentra le temps d'execution!
3. Mettez les coordonnees du rectangle X et Y a la valeur de 0.
4. Convertissez le rectangle en MovieClip. nomez le symbol en dot.
Vous pouvez effacer l' instance du movie clip, puisqu' on va utiliser la methode MovieClip.attachMovie() pour attacher dynamiquement le symbole de la lybrairie a la zone de travail au moment de l'execution.
L'effet de transition utilise un large mask base sur ces 4*4 carres. Le mask est applique a la premiere image, et l'effet travail en masquant les rectangles additionne apres un certain temps, de ce fait rendant la deuxieme image(qui se trouve un calque plus bas) visible par les trous.
Creation d'un tas de pixel
Dans le timeline creez un nouveau calque et nommez le actions, puis slectionnez le premier cadre, et coller le code donner.
Le code precedent cree un carre de 200*200 pixel constitue de 4*4 Movie Clip(vous pouvez modifier la fonction drawGrid() pour creer des carres de differentes dimension). Chaque pixel est place a la position (i,j) et a l' epaisseur k dans la zone, et a une instance nommee doti_j.
La premiere instance se nomme dot0_0 (en haut a gauche)et la derniere dot199_199 (en bas a droite).
Cet effet cree un grand nombre de movie clips; (200/4)ˆ2 = 2500. Apparement Flash devient imprevisible au dela des 3000, donc nous vous conseillons de ne pas depasser ce chiffre.
Controller les pixels
La tache maintenant est de faire disparaitre les pixels a la demande. Le moyen utilise est la fonction setInterval(object, "method", timer), qui appelle la fonction object.method() chaque timer millisecondes. Ajoutez le code suivant apres la ligne initDot._y = j;
initDot.timer = 1000 + Math.ceil(Math.random( )*800); le code precedant, cree une propriete, timer, qui garde un chiffre entre 1000 et 1800 pour chaque dot clip. le chiffre 1000 signifie la pause avant que l'effet ne commence, et 800 signifie la duree de l'effet. ces 2 valeurs sont en millisecondes, la valeur par defaut du temps en ActionScript.
Ce truc est base sur un effet de mask, sauf que Flash ne permet d'utiliser qu'un seul masque par movie clip.
La maniere a contrer cette limite est de creer tous nos dot movie clips a l'interieur d'un autre qui marche comme un mask.
Donc maintenant on a tous nos dot clips a l'interieur d'un autre movie clip nomme mask, qu'on utilise comme le mask pour le movie clip lequel son nom est passe comme parametre pour la fonction drawGrid(). dans ce cas on utilise un clip nomme image1_mc, que l'on creera apres.
Creation des Timers
On a deja une propriete timer pour chaque dot movie clip. maintenant, ecrivons le code pour faire disparaitre nos dots.
Editez le symbol dot movie clip et ajoutez un nouveau calque nomme actions. dans le premier cadre de ce frame coller le code suivant.
La derniere logne de ce code utilise la fonction setInterval() pour creer un timer nommee countdown pour chaque dot. Ca appel la fonction removeMe() quand le timer expire.
La fonction removeMe() efface l'interval puis efface le dot clip courent, ce qui fait creer notre disparaissent-pixel.
Remarque:
si on passe a la fonction setInterval() une reference fonction comme premier parametre, tel que setInterval(removeMe, timer), la valeur du mot cles this est indefini dans la fonction de removeMe(). donc on utilise la forme alternative de la fonction setInterval(this, "removeMe", timer) a laquelle on passe un objet et une methode comme les deux premiers parametres.
Wi-Fi Wireless Networking
Intro
Autres  
Hosted by www.Geocities.ws

1