Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Avez-vous perdu votre e-mail d'activation ?

Auteur Sujet: [Flash AS3] Creation d'un site pour une association  (Lu 973 fois)

MrPhrax

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 3
    • Voir le profil
    • E-mail
[Flash AS3] Creation d'un site pour une association
« le: Mai 09, 2010, 18:24:08 pm »
Bonjour,
   J'ai entrepris de créer un site pour une association créer par mon père. Suite a une formation en flash passionante, j ai opté par une creation en Flash AS3.

Voici l'etat actuel de mon travail => http://papayeverte.thomasperrin.hostei.com/

Rien d'exceptionnel  :)

L'ensemble de la configuration des boutons et du texte associé est récupéré à partir d'un fichier XML dont la structure est la suivante :
<conf>
<fr>
<bouton id='0'>
<nom>Accueil</nom>
<news>
text avec balise html
</news>
</bouton>
...
</fr>
</conf>
je rencontre plusieurs soucis ou problème à resoudre :
La Zone de texte central
- Comment maitriser mon affichage ? l'affichage sur mon PC n'est pas identique avec l'affichage sur le site (plus de saut ligne a chaque paragraphe par exemple)
- Comment detecter que le text a insérer dépasse la hauteur de la zone de texte ? l'objectif serait d'afficher une fleche permettant de naviguer vers le haut ou le bas au sein de la zone de texte
- Est il possible de rendre la taille de la zone de texte dynamique en fonction du texte a afficher ? (afin d'eviter les blancs au centre du cadre)
- En amelioration, j'aimerais pouvoir creer une animation qui sur selection d'un bouton dessine progressivement la bordure autour du texte. par exemple un trait qui partirais du bouton et dessinerais en partant de la gauche le cadre. avez vous une astuce a me proposer.

La mise en ligne
- j'ai recupéré le .html généré par Adobe Flash. Mais ne comprenant pas grand chose a ce qui généré je cherche a comprendre pourquoi le flash n'est pas centré sur des écrans de haute résolution. Comment forcer la mise au centre de la scéne ?

Désolé pour ce flot de questions et merci d'avance pour vos avis éclairés sur le sujet.

De plus, étant un novice dans la creation de site, n'hésitez pas a faire des commentaires sur mon oeuvre  :P


IP archivée

kola

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 211
    • Voir le profil
    • WWW
    • E-mail
Re : [Flash AS3] Creation d'un site pour une association
« Réponse #1 le: Mai 10, 2010, 07:54:36 am »
Bonjour,

Désolé d'avance car je en vais pas répondre directement à tes questions.

Je m'interroge juste sur la pertinence de faire ce site en Flash? Pourquoi tant de complication pour aucune animation visible? Tu pourrais faire un site beaucoup plus fourni graphiquement dix fois plus simplement juste en html/css.

Ce n'est bien sur que mon avis. Je comprends que tu es envie de mettre en pratique ta formation, mais pour ce genre de site je pense que seul le menu avec des boutons animés c'est déjà largement suffisant.

Pour centrer ton swf, je te suggère de la placé dans une <div> à la dimension de celui-ci et de lui appliquer des marges auto.

Coté graphique, essaie de regarder le site d'autre association pour t'en inspirer et l'habiller un peu plus.

MrPhrax

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 3
    • Voir le profil
    • E-mail
Re : [Flash AS3] Creation d'un site pour une association
« Réponse #2 le: Mai 10, 2010, 08:55:31 am »
Parfaitement d'accord avec toi sur une utilisation peu pertinente de la techno :)

neanmoins, je pars du principe peut etre a tord qu'une fois les objets crées, il est possible d'ajouter des animations. Comme par exemple le dessin du contour du texte en animé.
IP archivée

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 662
    • Voir le profil
    • WWW
Re : [Flash AS3] Creation d'un site pour une association
« Réponse #3 le: Mai 11, 2010, 18:20:05 pm »
Bonjour,

En effet l'utilisation de Flash dans ton cas n'est pas indispensable. Sauf que pour apprendre la programmation en AS3 c'est un très bon exercice de style.

Maintenant je vais te donner quelques renseignements car ta démarche pour apprendre me semble intéressante...

Objectifs

Faire un site en flash sans liaison avec une base de données mais facilement mis à jour par l'intermédiaire de fichiers XML ou texte le tout en AS3.

Architecture

Il y a différents moyens de réaliser cela.

I - Si toute tes pages ont la même structure, c'est à dire une zone de texte seulement et éventuellement une illustration, il est envisageable de concevoir ton site en le découpant en 3 fichiers.

I-A Le premier contient le code AS3 pilotant l'ensemble du site.

I-B Le second contient une ou deux zones de texte, par exemple un titre et une zone article. La zone article est soit une zone de texte dynamique avec un ascenseur, soit un "textArea".  Il est même possible de prévoir une réserve pour l'ajout d'une illustration

I-C Le troisième fichier contient le menu du site

Le code AS3 du premier fichier doit charger dynamiquement le troisième fichier , c'est à dire le menu, dès l'arrivée sur le site puis le second fichier à la demande seulement, c'est à dire lorsque le visiteur clique sur un lien. En plus de charger la page, le code doit bien évidemment charger le fichier XML contenant le texte de cette page.



II - Une autre structure possible plus simple mais moins évolutive consiste à regrouper l'ensemble du site dans un seul fichier.

II-A le fichier contient à la fois le code AS3 et les éléments graphiques du site comme le dessin d'un bouton du menu et le dessin d'une page.

II-B le code AS3 en fonction du choix de l'utilisateur charge dynamiquement le contenu textuel et iconographique.

Avantages et inconvénients

Dans le premier cas il est possible d'envisager des structures de page différents par page moins dans le second.

Dans le premier cas le poids du site restera constant même si le nombre de page augmente. Dans le second le poids augmentera progressivement jusqu'à atteindre des délais de chargement insoutenable.


En fonction de mes petites explications, quelle solution souhaites tu aborder ?



IP archivée
Savoir mal est pire qu'ignorer

MrPhrax

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 3
    • Voir le profil
    • E-mail
Re : [Flash AS3] Creation d'un site pour une association
« Réponse #4 le: Mai 11, 2010, 21:56:08 pm »
Merci pour cette attention a mon projet.

J'ai clairement axé mon developpement en partant sur le scénario II. Néanmoins je n'avais pas envisager le risque sur le delais de chargement.

Le scénario I me parait interessant pour plusieurs raisons :
  - Le découpage en fichiers qui si je comprends bien pourra me permettre de gérer des affichages différents. comme par exemple créer un 4ieme fichier pour creer une autre typologie de page. est ce que j'ai bien compris ?
  - La nouveauté. j'avoue de ne pas savoir encore faire ca :)
  - La maitrise du poids de l'ensemble

donc plusieurs questions en decoulent :

-> Comment gérer plusieurs fichiers ?
-> Gestion du format de mon texte ? l'idee de pouvoir gérer un espace d'illustration m'interesse aussi d'ailleurs :)
-> Le clique sur un lien provoque le chargement du XML. le poids de l'ensemble n'est il pas automatiquement tributaire du nombre de données a traiter dans le XML ? ou alors je me trompe et il s'agit plutot de charger le XML mais l'affectation à la zone de texte est fait à la demande de l'utilisateur ?
« Dernière modification: Mai 11, 2010, 21:59:13 pm par MrPhrax »
IP archivée

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 662
    • Voir le profil
    • WWW
Re : [Flash AS3] Creation d'un site pour une association
« Réponse #5 le: Mai 12, 2010, 16:59:50 pm »
Bonjour,

La création d'un site multi fichiers passe par l'utilisation de la classe Loader et la classe URLRequest.
 
Citation
Comment gérer plusieurs fichiers ?

La classe loader permet de charger indifféremment des jpg, gif, png et aussi des swf.

En programmant astucieusement cette classe, il est possible de l'utiliser dans un site pour charger différents fichiers.

Citation
Le découpage en fichiers qui si je comprends bien pourra me permettre de gérer des affichages différents. comme par exemple créer un 4ieme fichier pour creer une autre typologie de page. est ce que j'ai bien compris ?

La réponse est oui. Il est possible de créer autant de fichiers swf différents que de page pour le site et de les charger par Loader et URLRequest.

Citation
Le clique sur un lien provoque le chargement du XML. le poids de l'ensemble n'est il pas automatiquement tributaire du nombre de données a traiter dans le XML ? ou alors je me trompe et il s'agit plutot de charger le XML mais l'affectation à la zone de texte est fait à la demande de l'utilisateur ?

Lorsqu'un site est multifichier et dynamique dans son contenu, lors d'un clic sur un bouton d'une rubrique 2 actions doivent être prise en compte.

- La première charger le fichier swf contenant l'ossature de la page.

- La seconde le fichier XML. Toutefois un fichier XML peut être long a charger surtout s'il pèse lourd (1MO ou plus). Perso je ne suis pas fan du XML. Je préfère les liaisons avec base de données car là nous pouvons récupérer que l'info qui nous intéresse et pas l'ensemble. Un fichier XML s'il est mal conçu peut contenir des info nécéssaire et d'autre info n'ayant pas de rapport avec la demande du visiteur. Il faudrat le charger complètement pour l'utiliser.

Si les volumes son minuscule de l'ordre de quelques KO alors là pas de problème.

IP archivée
Savoir mal est pire qu'ignorer
 




 
Wisibility.com
Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources gratuites et payantes vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Illustrator, InDesign, Flash…

Aujourd’hui, Wisibility réunit une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…

Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Des centaines de tutoriels accessibles gratuitement et une boutique sur laquelle vous trouverez des formations complètes et des exercices pratiques.

Wisibility organise des événements graphiques, réalise une WebTV

Wisibility sur Adobe TV

Retrouvez nos tutoriels et nos émissions
sur le site officiel Adobe



 
Nos partenaires

Adobe   fotolia   WebINK   Amka   macandphoto   club
 


Contact - Wisibility est une marque déposée - Mentions légales

Creative Commons License

infos - inspiration - rendez-vous - logiciels materiels - tutoriels gratuits - formations en ligne - forums - galeries - glossaire - wisi tv