--**--

--**--

Una infografia, es una representació hiperrealista d'objectes i/o espais mitjançant el dibuix en tres dimensions generat per ordinador. També es pot anomenar dibuix fotorealista

Per fer bones infografies cal dominar la geometria descriptiva i aplicar-la a un programa 3D

Vaig començar a fer-les pel 1994, amb un Autocat 12 que corria amb MS-DOS, centrarn-me en el dibuix industrial usant la tècnica dels sòlids (modelador), per tractar-se d'objectes complexos molt definit i sense entorn, en aquella època les representacions orgàniques eren molt primitives.

Les últimes infografies, les vaig fer pel 2001


--**--

Fotret es una paraula que em vaig inventar (combinació de foto retocada), per designar unes fotos de gent que pintava de forme molt subjectiva amb l'ajud del Corel photo Paint

La majoria de fotrets, els vaig fer dels contactes de la primera època d'Internet per allà el 2001.


--**--

M'agradava pintar i dibuixar encara que mai, o ven poques vegades, quedava satisfet amb el resultat. Sempre em semblava que no deia exactament el que volia dir.

Els anys que ho vaig fer mes varen ser del 1997 al 2000, dels quals son les mostres que he posat aquí

clips ►
jocs ►    

--**--

El flash es una eina molt potent i estable que s'ha imposat en animacions i multimèdia. Em va fascinar nomes de veure'l per primer cop en una web.
Te un llenguatge propi de programació actionScript molt semblant al javascript que et permet fer pràcticament el que vulguis.

Aquí et presento algunes coses fetes amb flash 5 (ara no se per quina versió estarà).
A mes, aquí hi trobaràs un un reproductor de musica (uf!!! temps de modem de 56k)

En general, no crec en las webs fetes totalmen amb flash. A part que no deixa de ser un programa que has de comprar, ara (2009) pertany a Adobe.


Lletres amb memoria  


--**--

El javascript es un llenguatge de programació web del canto del client, que permet modificar tots els objectes de la pàgina (DOM) mentre es carrega o després de carregar-se . Per exemple si passes el mouse per  aquí  canviaran el colors del recuadre
També permet llegir informació nova (XML) o accedir nous elements (imatges vídeos scripts etc...) sense necessitat de carregar un altre pàgina
Els navegadors mes importants l'accepten, però encara tenen petites diferencies d'interpretació.

    Notes:
  • Moltes webs tenen errors javascript, la majoria son provocats per fer referència a objectes que no existeixen perquè encara no han estat carregats
  • Tots els navegadors volent ser els mes ràpids executant javascript de moment (2009) sembla que el Safari es qui guanye (seguit del Chrome). Peró comte, hi han altres coses
  • Mira també Aquesta web

--**--

Per allà els anys 80, vaig ser programador professional per una multinacional alemanya, en aquella època els ordinadors eren immensos i nomes estaven a l'abast de les empreses. Quasi ningú tenia PC perquè eren molt cars

    Com a mostra he inclòs dos utilitats:
  • Avis 1.0 (2008) Programa que t'avisa dels esdeveniments importants quant engegues l'ordinador (es molt útil pels desmemoriats com jo xD)
  • MiniScript (2007) Un script bàsic pel Mirc


© Josep M Hereu - estiu del 2009

--**-- El javascript la fa posible

Com funciona:

  1. La pàgina que veus sempre es la mateixa, no se'n carrega cap altre.
  2. Les dades es guarden en blocs dins un contenidor, de forma seqüencial i sense un ordre determinat. (veure com estan guardades)
  3. Els links del menú inici infografies fotret ... aquesta web s'indexen pel nom, això permet accedir a la funció associada des de qualsevol punt. (veure com ho faig)
    Indexar el links del menú pel nom
    linkMenu es la col·lecció de links del menú

    <a name="inici" >inici</a>
    <a name="infografies" >infografies</a>
    ...
    <a name="web" >aquesta web </a>

    linkClicat () es la funció associada
    indexLinkMenu sera l'index pel nom
    indexLinkMenu = new Object()
    for(i = 0 ; i < linkMenu.length ; i++){	
    	linkMenu[i].onclick = function(){linkClicat(this.name)}
    	indexLinkMenu[linkMenu[i].name] = linkMenu[i];
    }
    	
    Això estalvia posar l'event onClick a l'HTML i es controla des de l'script
  4. Les coses a mostrar, s'associen a una miniatura (imatge petita) aquestes, a la vegada, estan associades a un objecte que els hi diu el que han de fer i com ho han de fer quant si fa click. (veure els objectes)

Tot això pot semblar complicat, però en realitat resulta una pàgina mol fàcil d'editar.

Notes:
  • Com podeu suposar, m'agrada fer pagines personalitzades mes que “grans webs” amb PHP i base de dades
  • En el disseny de la pàgina hi he inclòs un panell mòbil. Es una llicencia que m'he permès en homenatge al javascript
  • Hi trovareu coses signades com a Pep2002 que es el nick que usava avanç.
Josep M Hereu
simplicitat i dinamisme
Aquesta web es una mostre de coses
que vaig fer i que ja no faig
(excepte el javascript).
Benvinguts!
 

dijous, 9 de juliol del 2009