Minäkö hullu?

Näiden sivujen sisältöön verrattuna niiden tekemiseen on kulunut kohtuuttomasti aikaa ja vaivaa. Varmasti oikeita välineitä käyttämällä olisi päässyt vähemmällä. Tekemiseen on käytetty seuraavia työkaluja:

Tällä sivulla mainitaan asioita, joita ei enää ole olemassa.

Ensimmäinen versio, talvi 1998-1999

• Kaikki HTML-koodi on käsin kirjoitettu editorilla (Programmers File Editor, siedettävä.) Kokeilin Netscapen Communisticatorin wysiNwyg-editoria, mutta sen tuottama koodi oli niin rumaa, ettei sitä sietänyt katsella. Frame Makerillakin olisi varmaan saanut tehtyä, mutta en jaksanut opetella niitä miljoonaa parametria, jotka vaikuttavat HTML- konversioon. Sitäpaitsi se näyttää käyttävän tyylejä, ja sitten olisi pitänyt opetella nekin. Frame Maker hakkaa M$-Wrodin 10-0!
• Kuvat: Paria skannausta lukuunottamatta kaikki kuvat on itse tehty. Navigointinuolet, funktioiden kuvaajat ja monitahokkaat (myös etusivun dodekaedri) on piirretty Matlabilla. Kun ainoa työkalu on Matlab, kaikki ongelmat näyttävät matriiseilta.
  • Nuolet: Hiirellä valittiin tasosta muutama piste, joihin sovitettiin spline. Sitten koodasin ohjelmaisen, joka ympäröi tasossa olevan viivan kierteisellä n-kulmaisella putkella. Nuolissa putken poikkileikkaus on neliö, kierteiden lukumäärää en muista.
  • Etusivun imagemap: tein ohjelman, joka laskee dodekaedrin kärkien koordinaatit, ja toisen ohjelman, joka osaa kömpelösti päällystää monikulmion annetulla kuvalla.
  • Monitahokkaat: Kulmapisteiden koordinaatit on laskettu Matlabilla melkein manuaalisesti. Pari hankalaa yhtälöryhmää piti ratkaista numeerisesti Maplella, kun loppui taito ja kärsivällisyys.
  • Funktioiden kuvaajat ulostuvat Matlabista kivuttomasti. Yksi 3D-kuvaaja taitaa olla Maplella tehty. (Kaikki molempia ohjelmia käyttäneet tietävät, että Maple on aivan hirveä. Sitä ei terve ihminen vapaaehtoisesti käytä.)
• Animaatiot: Laskurianimaatio on verkosta varastettu. Muut animaatiot on koottu itsepiirretyistä kuvista Gif Construction Set:llä. Taskulaskinanimaation kuvat on Paintilla piirretty, ja matematiikkaa-animaatio on tehty Paint Shop Pro:lla. Liikkuvien kirjaimien koordinaatit laskin Matlabilla.
• Matemaattiset kaavat: Kaavat on kirjoitettu Frame Makerilla. (Adoben tekstinkäsittely/julkaisuohjelma) Kun Frame-dokumentin konvertoi HTML:ksi, kaavoista tulee kuvia, joita kaikkia piti vielä viilata Paint Shop Pro:lla. (Rajaus, värien muuttaminen ja värimäärän pudotus kahteen.)

Testaus

Selailin sivuja lähinnä Netscapen ja IE:n nelosversioilla. Mitään erikoisfontteja, ylä- ja alaindeksejä ei ole käytetty, niin että sivujen pitäisi kyllä toimia vanhemmillakin selaimilla. Lynxilläkin saa suurimmasta osasta selvää.

Toinen sukupolvi, kevät 1999

Melko pian sivujen "valmistumisen" jälkeen törmäsin otukseen nimeltä validaattori. Koska olen perfektionisti-wannabe ja validoinnissa on muutenkin järkeä, piti kaikki sivut tietenkin saada validoitua. Jokaisessa sivussa oli sitten samat pari kolme syntaksivirhettä. Sivuja läpikäydessä tuli mieleen, että varmaan olisi helpompiakin tapoja.

Myöskään ulkonäkö ei ollut tyydyttävä. Vanhoilla selaimilla taustakuva oli aika *vetin ärsyttävä eikä tekstistä saanut selvää maalaamatta sitä ensin hiirellä. Samalla kun korjasin syntaksia poistin taustakuvan ja säädin värejä. Sivujen luominen jonkinlaisella pulauttimella kävi mielessä, mutta toteutukseen ei ollut aikaa tai intoa.

Python rules!

Kävin keväällä -99 kurssin seittiohjelmointi ja tutustuin ihanaan kieleen nimeltä Python. Innostuin cgi-skripteistä ja pythonista muutenkin ja koodailin kaikenlaista ihan omaksi ilokseni. Tuolloin sivulle ilmaantui palautelomake. Tiedän kyllä, että lomakkeet yksityisillä sivuilla ovat p33l0ja, mutta kun se oli niin kiva tehdä. Sitä paitsi alkuperäinen jalo tarkoitukseni oli kerätä palautetta assaroimistani matikan harkoista. Myös menoarvio-skripti on tältä ajalta. (2006-11-26: Korvattu staattisella sivulla.)

Kirjoitin myös alkeellisen pulauttimen, jolla sivujen ylläpitoon saisi jotain järkeä. Ohjelmalle annetaan sivun sisälmykset käsittävä tiedosto, sekä toinen tiedosto, jossa on sivun parametrit. Sivun sisältö upotetaan valmiiseen sivupohjaan, joka sisältää mm. <HEAD>-osan koodin ja valmiit navigointipalkit. Parametritiedostossa on sitten kaikki sivulta toiselle muuttuvat asiat, kuten META-elementtien arvot, navi-palkkiin tulevia urleja, kuvien tiedot jne. Sivujen luontikäskyt hoidetaan maken avulla.

Esim. kun parametritiedostossa lukee

IMAGE vh40.gif
 ALT	Validia HTML 4.0:aa! 
 HEIGHT	31 
 WIDTH	88

niin sivun sisällössä oleva merkintä {IMAGE vh40.gif} korvautuu parametrien mukaan rakennetulla IMG-tagilla. Mahdollisimman suurella osalla parametreista (esim. hakemistopolut tai navigointikuvat) on tietenkin oletusarvo. Sivupohjaa ja oletusparametreja saa ihmetellä.

No, en kuitenkaan jaksanut muuttaa sivujani helpommin ylläpidettäviksi. Pulauttimeni käyttö oli turhan hankalaa.

Kolmas versio, kevättalvi 2000

Aloin viimein muuttaa sivujani järkevään muotoon. Lisäsin pulauttimeen uusia omituisuuksia, ja kirjoittelin lisää skriptejä, kuten ruokalista-palvelun. Syksyllä olin Unkarissa vaihdossa, ja tein aiheesta omat sivut.

Päivitys, syksy 2006

Ilmoittauduin (myös fyysisesti) poissaolevaksi korkeakoululta, minkä seurauksena käyttäjätunnukseni meni kiinni. Sivuni siirsin evakkoon kiipelimodeemin kylkiäisenä tulleelle Elisan levynkulmalle. Elisa ei tarjoa oletuksena mitään palveluja, joten korvasin CGI-skriptini joko staattisilla sivuilla tai Javascript-vastineilla. Samalla korjailin kosmeettisia virheitä sieltä täältä, mutta mitään uutta sisältöä en viitsinyt tuottaa.