Expedition 51

Dr_Folaweb · 23/09/2004 17:33:12

Voilà voilà... j'en parle depuis un bout de temps (un an?), mon projet de webcomics prend forme... de VRAIES formes visibles et tout. Je viens de passer la journée sur le site, voici le lien vers la beta:

http://drfolaweb.free.fr/exped51/
(Lien mis à jour, le site n'est plus en test.)

C'est donc un moment idéal pour vous demander votre avis !

A faire encore:
- un livre d'or
- améliorer le visuel de l'interface
- terminer la navigation du comics
- ajouter les "dossiers" des personnages (textes et photos),...

Les planches en démonstration sont des brouillons tirés du cahier ou j'ai commencé à story-boarder. Si les images sont pourraves, c'est normal, c'est pas scanné mais photographié, mais comme c'est du brouillon...

Voilà voilà. La moindre suggestion, remarque, proposition est la bienvenue.
Tous les textes sont temporaires, inutile donc de me faire des remarques sur l'orthographe :-P

Le site fonctionne nickel sous mozilla ou firefox, mais chie un peu sous IE (encore une raison de se convertir)...
Il devrait être complètement visible en 800x600 même pas en plein écran.

SwaN · 23/09/2004 17:47:25

perso j'aime bien. Le site, le contexte, l'ensemble est très agréable je trouve.

Un truc très important qui manque je trouve, c'est une présentation de ce projet. C'est à dire que pour le visiteur lambda qui se retrouve sur ton site il sait pas à quoi ca correspond ton site. Y a pas d'explication.

Alors je ne sais pas si c'est voulu, perso je trouve que ça manque un peu.

A part ça j'aime bien et c'est un projets que je compte suivre au fur et à mesure des mises à jour

PS : je trouve les bannières pour te link un peu vide aussi ^^

Dr_Folaweb · 23/09/2004 18:02:09

Ok, bonne idée...

M'en occupe de suite...

Pour les bannières, c'est normal :-D Attendez la V1.0 pour faire des liens ! :-D
Par contre, si vous voulez envoyez les votres (au format 200*40) elles sont les bienvenues si elles traitent d'espace ou de bd ;-)

SuleymaN · 23/09/2004 18:08:22

Je trouve le projet en lui même tres interessant même si comme l'a fait remarqué SwaN je suis un visiteur lamBDA et je ne sais pas exactement ce qu'il en sera.

par contre je trouve le tout un peu trop simple, j'aurai vraiment aimer m'immerger completement dans l'univers de ton projet
- peut etre par exemple avec une page d'accueil interactive qui represente le cockpit du vaisseaux ou il faut cliquer sur different objet pour entrer dans les sous menu...- je fabulle mais j'aurai aimer quelque chose de moins classique.
(je me doute que rien n'est definitif)

avec ce que j'ai vu de tes talents en informatique, je suis certain que tu peux faire quelque chose de vraiment tres sympa.

et je ne doute pas que dans l'avenir ce sera le cas.

je suivrai moi aussi les mise a jours.

corriveau · 23/09/2004 18:17:42

yep, c'est pas mal... je verrais bien une interface plus stylisé comme le propose suleyman. Par exemple, la planche se trouve au milieu de la page web, tout autour, l'interface pourrait être constituée d'image représentant le tableau de bord d'un vaisseau, ou encore quelques planètes et étoiles dans le cosmos...

Ce n'est évidemment qu'une suggestion et je sais que ce genre d'interface est parfois lourd pour les petites connexions... Ou alors trouver une façon d'intégrer un peu plus d'éléments visuels. Juste un bandeau-titre avec les personnages et le titre de la bd pourrait avoir sa place dans le haut de la page

En tout cas, je vais aussi suivre ça de près :kyeah:

SwaN · 23/09/2004 18:21:35

Perso j'aime bien l'interface comme elle est.

Le coup du tableau de bord, machinbidule qui clignotte ça ferait complêtement dépassé, digne d'un site de hacker de 2 ans et demi ou d'un graphiste qui à pas été sur internet depuis 20000 ans ^^ Ou alors assumer le truc en faisant une interface type vaisseau année 50 film SF de série z...

A moins, que, avec beaucoup de boulot et de talent il arrive à renouveller le genre, en faisant une interface très classieuse, très stylisé, très design, là oui ça pourrait bien le faire.

Mais dans l'état actuel des choses, je trouve l'interface déjà très bien. Très bien parce que simple et classieuse.

Dr_Folaweb · 23/09/2004 18:35:53

Le gros problème de l'interface "tout autour", c'est qu'en 800*600, on la voit pas. Ou alors, juste des bouts qui dépassent (le site fait maximum 760 pixels de large, ce qui est le "minimum visible"). Et l'interface est extensible verticalement, ce qui n'arrange rien.

Mais c'est certain que le visuel peut être amélioré.
Me suis fixé comme principe de base que cette interfae pourrait être l'interface de leur banque de données à eux. Parcequ'il faut un OS pour leur engin aussi :-D
Quelque chose de simple, adapté à la fonction, et visuel pour ne rien gâcher. Sans être plein de fioritures pour ne pas me rapprocher trop justement de l'interface typique d'un site web, mais pour ne pas devoir naviguer en mode "console".

Le bandeau/titre est prévu ;-) mais pas encore réalisé... En utilisant le même script que celui de mon avatar pour le changer aléatoirement...

Remedium · 23/09/2004 18:38:16

Chez moi ça marche pas, j'ai que des Warning machin chouette à chaque fois que je clique quelque part. :kbrain:

<Edit> Hum... J'ai recommencé et ça marche, c'est chelou... En tout cas, good job Doc. :kcoke:

Dr_Folaweb · 23/09/2004 19:03:11

Les warnings, c'est ma faute... le mot de passe MySql sur free n'est pas le même que celui de mon système... :-D

Erf, le script aléatoire fonctionne pas sur free :'(
Vais devoir encore bricoler...

Sinon, en offline, il y a une bannière au dessus du tout, et un perso à côté de l'intro...

Maintenant je vais souper, histoire de reprendre des forces :-P

---- Edit 21:25 -------

Ok, le script pour l'affichage aléatoire est réécrit,
J'ai la possibilité de noter des commentaires pour les planches,
Plus de warnings, plus d'images qui manquent...

Je m'attaque au dernier gros morceau: le livre d'or.

JiF · 23/09/2004 19:18:16

J'aime ton interface, sobre et efficace. Je ne pense pas que trimer sur quelquechose de plus interactif et immersif apporte grand chose au contenu lui-même, ça risque plus de perdre les lecteurs qu'autre chose. Le seul petit défaut actuellement c'est que c'est conçu pour du 800*600 et qu'au dessus on a forcément du vide à gauche et à droite : prendre en compte les petites résos c'est bien, mais permettre aux grosses d'en profiter quand même c'est mieux.

Pour le moment ton index est une image à cliquer pour entrer, compte tu en rester là ? J'imagine qu'ensuite y apparaîtra le dernier strip... Car sinon c'est une page superflue, un clic de trop pour arriver où on est censé arriver.

Du reste je te fais confiance pour la qualité du webcomic, j'ai hâte de lire ça !

corriveau · 23/09/2004 19:29:47

JiF,Thursday 23 September 2004, 18:18 a écrit :

prendre en compte les petites résos c'est bien, mais permettre aux grosses d'en profiter quand même c'est mieux.

le problème c'est que quand on optimise pour plus grande résolution que 800X600, on ne tient déjà plus compte des plus petites résolutions. Et un espace vide à gauche et à droite n'est pas si gênant que ça. Si le tout est centré, ce n'est justement pas dérangeant pour l'oeil.

corriveau -- qui est passé en 1024 mais qui n'oubliera jamais l'époque où il était en 800 et où il avait du mal à visiter certains sites juste à cause de ça.

JiF · 23/09/2004 22:28:25

corriveau,Thursday 23 September 2004, 18:29 a écrit :

le problème c'est que quand on optimise pour plus grande résolution que 800X600, on ne tient déjà plus compte des plus petites résolutions. Et un espace vide à gauche et à droite n'est pas si gênant que ça. Si le tout est centré, ce n'est justement pas dérangeant pour l'oeil.

Le gros problème de ton raisonnement c'est qu'il débouche sur des sites agréables sur une petite résolution qui devient de plus en plus minoritaire... Mais pas agréables sur les grosses résolutions qui prennent de plus en plus de place. De nombreux gros sites (Le Monde par exemple) sont victimes de ce raisonnement qui date d'une époque où on ne faisait pas autan de chose qu'aujourd'hui avec le CSS: avec une réso comme la mienne on a l'impression de lire à la loupe un bouquin imprimé sur 1/4 de page.

Car quand on surfe en 1280 et au delà, la police de cractère pour le 800*600 est bien souvent minuscule... Et si le texte est confiné dans une largeur fixe de 540 pixels, on ne peut grossir ce texte sans se retrouver avec quelquechose d'infâme qui n'accepte plus que 4 mots par ligne.

Il est possible de spécifier des largeurs en pourcentages comme le montre cet exemple d'Openweb. Dès lors les petites résolutions comme les grandes peuvent naviguer confortablement pour peu que les tailles de polices aient été spécifiées en em ou en % (parce que sous IE les fonts en pixels ne sont pas redimensionnables, adoptez Firefox !).

A priori c'est une solution qui semble faisable pour le site de Pierre/Dr Folaweb, puisque son design est assez sobre.. Quitte à se casser la tête pour que ça s'adapte au 800*600, autant faire les choses à fond pour que ça passez vraiment bien partout. Ceci dit, chez moi en 1600*1200 ça reste très agréable. Je chipote juste un peu, le site BDA s'affiche par exemple idéalement sur n'importe quelle résolution.

Dr_Folaweb · 23/09/2004 22:44:31

Quelle idée aussi de surfer en 1600 et des poussières :-D

Pas bête l'idées des polices en %
Mais dur dur de calibrer et placer tous les calques en % pour obtenir le même effet.

Note que je conçoit le site en 1280*1024, et donc, que je j'adopte les tailles des fontes en fonction de ce que je vois. Ca reste donc dans des limites raisonnable.

J'vais penser aux % pour les plus petits textes.

egg · 23/09/2004 23:11:46

Dr_Folaweb,Thursday 23 September 2004, 22:44 a écrit :

J'vais penser aux % pour les plus petits textes.

<edit>j'ai dit des conneries :

http://blog.dreams4net.com/UnitesEtAccessibilite a écrit :

em, ex et % (unités relatives)
Em définit le rapport entre la taille de l'élément parent et l'élément en cours. 1em veut dire taille identique, 2em veut dire deux fois plus grand, et ainsi de suite. Le % est identique à em pour le texte, pour le reste il définit la taille par rapport à la taille disponible (en CSS plus précisément : la taille du bloc positionné parent le plus proche). Ex est une taille proportionnelle à la taille verticale de la lettre x minuscule dans l'élément parent. En pratique la mesure se situe entre 0,4 et 0,6em suivant les polices (certains navigateurs utilisent la valeur fixée de 0,5em et ne recalculent pas la valeur pour chaque police).

egg -- dit des conneries

gpu · 23/09/2004 23:15:15

Heu...doc,je suis en 1600*1200,je dirais plutôt quelle idée de travailler en 1280*1024.
En effet il vaut mieux travailer en 1280*960 car on se retrouve avec un vrai 4/3.

Enfin soit...

En ce qui concerne le site je le préfere à ton portifolio.
Disont que je le trouve un peu moins dégarni.
Enfin c'est sobre c'est un choix,ce n'est pas mauvais.

Sinon il y a les planches sur expedition 51,tu les a numerisées comment? Avec une webcam?

Enfin voila, j'attends biensur la suite ...

Dr_Folaweb · 23/09/2004 23:31:03

Hips, oui... en effet.
Ce qui me permet du coup de passer à 85 hertz :-P
Sur les DEUX écrans :-S

Suis pas spécialiste en interface... mais j'essaye de m'améliorer ;-)

Pour la numérisation, c'est appareil photo et retouche dans toshop...
Mais comme je le dis (dans mon premier post et sur le site): ce sont des BROUILLONS :-D

Mon carnet est si solide que si je le scanne a plat, je vais me retrouver avec deux carnets. Et comme le papier n'est pas bon, pas d'encrage possible.

C'est juste le brouillon de story-board que j'utilise pour tester le site... Promis, bientôt vous aurez de VRAIES planches...

pour la v1.0 ;-)

jmg · 24/09/2004 03:44:47

Yay, un bon petit projet qui pointe le bout de son nez ! Doc qui nous sert un webcomic, j'en salive d'avance ^^

J'aime bien l'interface. Elle n'est pas superbe, mais elle est intéressante. Classique sans l'être vraiment. Juste sobre ce qu'il faut. Pourrait cependant être un poil plus meugnonne. Je ne suis par exemple vraiment pas fada du bandeau d'étoiles... Je suis sûr que tu peux faire mieux ^^

Par contre j'adooore la page de garde. Superbe. Hyper sobre tout en étant juste efficace ce qu'il faut. Dommage que sur le web ces pages soient des clics inutiles nous éloignant toujours plus du contenu demandé. D'autant plus dommage que ça fait très couverture je trouve.

Ah ! Une dernière chose, c'est sympa de tomber sur la page qui explique brièvement le projet et sur une illu d'un personnage (aléatoire en plus), mais c'est un webcomic : généralement on souhaite tomber directement sur la derière planche mise en ligne. De plus l'idée de mettre le comics dans "journal de bord" est marrante et franchement plaisante : mais le résultat c'est que j'ai dû chercher pour trouver les planches... oups.

Pour le "problème" de la résolution de l'écran, il faut essayer de voir le voir à l'envers. Et donc ne pas le prendre comme un problème : devoir se limiter à un 800x600 - avant c'était pire, c'est du 640x480, heureusement ça a presque disparu de nos écrans (ha ha) - mais plutôt voir ceci comme un avantage : les pages du web ne sont pas des pages papier. Elles s'étendent dans tous les sens. Autant essayer d'en tirer parti. Les sites le faisant sont finalement assez rares.

Dr_Folaweb · 24/09/2004 03:52:16

Généralement, on place dans ses favoris ses sites préfèrés... pour ne pas avoir a retaper l'url par exemple... ou pour ne pas à avoir à s'en souvenir. Je vais ajouter un lien "Ajouter ce site à vos favoris, qui pointera directement vers le dernier strip"

Très facile à faire, d'autant que l'url est simple: il suffit d'ajouter "comics.php"

Je garde la page d'accueil comme "couverture" pour les visiteurs d'un jour, ou ceux qui découvrent ;-) ou pour ceux qui voudraient explorer l'arborescence pour fouiner... :-D

Cette solution vous agrée-t-elle ?

Pour le "journal de bord" si quelqu'un trouve un nom plus évocateur, je suis preneur :-S
Un peu moins classique que "archives" peut-être quand même ;-)

----------------

Sinon, je viens de commencer l'affichage du livre d'or (RadioComm.)
Demain, vous pourrez taper des trucs pour tester si vous voulez :-D
Mais pour aujourd'hui, assez de code, mes yeux de réclament du sommeil !

JiF · 24/09/2004 11:28:46

Dr_Folaweb,Friday 24 September 2004, 02:52 a écrit :

Je garde la page d'accueil comme "couverture" pour les visiteurs d'un jour, ou ceux qui découvrent ;-) ou pour ceux qui voudraient explorer l'arborescence pour fouiner... :-D
Cette solution vous agrée-t-elle ?

Je pense que le dernier strip devrait apparaître directement sur l'index du site qui, pour le moment, consiste en une simple image de titre qu'il faut cliquer pour entrer. Ainsi cette première page n'est-elle plus superflue et réponds immédiatement à ce que cherche le visiteur...

En cliquant le strip (plus un lien texte clair et visible) on arriverait sur ta petite explication, et la possibilité de consulter le carnet de bord. Le terme est une jolie variation sur le thème de l'archive, mais malheureusement on ne le comprend pas immédiatement, il faudrait au minimum placer ce bouton en tête de menu (les personnages et autres éléments de background sont moins importants) et pourquoi pas le sous-titrer.

jmg · 24/09/2004 15:38:44

Doc : fait comme il te plaît. JiF et moi ne donnons que des idées de ce qui se fait généralement, et qu'on pense être la meilleure. Essaye de voir ce que cela donne dans ta manière de voir les choses. Peut-être se révèlera-t-elle concluante.

Un outil de statistique te sera néanmoins nécessaire pour savoir comment les gens visitent ton site, et à quelle page ils ont l'air de plutôt s'en aller, ou s'ils abandonnent dès la "couverture" ^^

Nota: bon outil de stats, simple & efficace: phpmyvisites, je l'utilise et en suis très satisfait. Et pour des réflexions sur l'ergonomie des sites webs et autres petites choses, le blog de Fred Cavazza est très intéressant.

Dr_Folaweb · 24/09/2004 16:56:27

Ha, oui, ça peut en effet être très intéressant ça :-D
Merci merci...
Vais explorer les liens tout de suite.

Pour l'ordre des menus, bien vu. J'ai perdu de vue mes priorités. Le webcomics avant tout....

Je viens d'installer le livre d'or, si vous voulez faire des tests...
Je n'ai pas encore implémenté la vérification de la validité des mails.

Et puisque vous n'aimez pas cliquez, je vous redonne le lien direct: ;-)
http://drfolaweb.free.fr/exped51/E51_V0.9/radiocomm.php

egg · 24/09/2004 17:17:37

ça marche à peu près ton "livre d'or" (problème de date et de \)

sinon concernant la vérif de courriel, on utilise ça sur le site de BDA :

//test la conformité d'une adresse de courriel
//retourne VRAI si le courriel semble correct
//$email : le courriel a tester
function isWellformedEmail($email){
  return eregi("^[_\.0-9a-z-]+@([0-9a-z-]+\.)+[a-z]{2,4}$",$email);
}


//encode une adresse courriel en hexa pour lutter contre les robots récupérateurs de courriel pour SPAM
//$email : l'adresse courriel a encoder
//(à mettre dans un "mailto:" seulement !)
function encodeMailAddress($email) {
  /*code récupéré sur http://www.neokraft.net/sottises/mailencoder/ */
  $encoded = bin2hex($email);
  $encoded = chunk_split($encoded, 2, '%');
  $encoded = '%'.substr($encoded, 0, strlen($encoded) - 1);
  return $encoded;
}

egg -- si ça peut te servir ^^

egg · 24/09/2004 18:17:52

faudrait aussi ajouter un lien "lire le journal de bord" en bas de la page d'introduction !

egg -- d'ailleurs tu pourrais un lien "lire" en bas de chaque rubrique ...

Dr_Folaweb · 24/09/2004 21:10:43

Ptite MAJ

Livre d'or fonctionnel, (Date, cryptage, verifmail)
Une nouvelle planche plus "clean" pour test.

Mince, suis pas au bout de mes peines: le livre d'or ne fonctionne pas avec IE :'(

SwaN · 24/09/2004 21:24:06

je viens de tester le livre d'or, ça marche pas chez moi :shootgun:

#1 23/09/2004 17:33:12

Expedition 51

#2 23/09/2004 17:47:25

Re : Expedition 51

#3 23/09/2004 18:02:09

Re : Expedition 51

#4 23/09/2004 18:08:22

Re : Expedition 51

#5 23/09/2004 18:17:42

Re : Expedition 51

#6 23/09/2004 18:21:35

Re : Expedition 51

#7 23/09/2004 18:35:53

Re : Expedition 51

#8 23/09/2004 18:38:16

Re : Expedition 51

#9 23/09/2004 19:03:11

Re : Expedition 51

#10 23/09/2004 19:18:16

Re : Expedition 51

#11 23/09/2004 19:29:47

Re : Expedition 51

#12 23/09/2004 22:28:25

Re : Expedition 51

#13 23/09/2004 22:44:31

Re : Expedition 51

#14 23/09/2004 23:11:46

Re : Expedition 51

#15 23/09/2004 23:15:15

Re : Expedition 51

#16 23/09/2004 23:31:03

Re : Expedition 51

#17 24/09/2004 03:44:47

Re : Expedition 51

#18 24/09/2004 03:52:16

Re : Expedition 51

#19 24/09/2004 11:28:46

Re : Expedition 51

#20 24/09/2004 15:38:44

Re : Expedition 51

#21 24/09/2004 16:56:27

Re : Expedition 51

#22 24/09/2004 17:17:37

Re : Expedition 51

#23 24/09/2004 18:17:52

Re : Expedition 51

#24 24/09/2004 21:10:43

Re : Expedition 51

#25 24/09/2004 21:24:06

Re : Expedition 51

Pied de page des forums