Web-sivuston toteutuksesta

Me palvelemme - myös verkossa

Web-sivu on klubin käyntikortti

Klubin web-sivu on harvoin päivittyvä käyntikortinomainen näkymä klubin perustietoihin. Se on kuin kerran vuodessa julkaistava puhelinluettelon info-sivu. Web-sivulta selviää, mistä klubissa on kyse ja kuinka klubin virkailijat tavoittaa.

Sivuston asiasisältö muuttuu hyvin harvoin, eli sivusto on staattinen. Staattinen on myös sivun tekninen toteutustapa kulujen ja ylläpitotyön minimoimiseksi. Sivuston päivittämisen on oltava vaivatonta klubin virkailijoiden rajallisten resurssien kohdentamiseksi ydintoiminnan aktiviteetteihin. Sivuston perusrunko on suunniteltu pitkäikäiseksi ja mahdollisimman pysyväksi.

Teknisesti staattisesta luonteestaan huolimatta sivustolla näkyy klubin aktiivinen ja ajankohtainen toiminta. Klubi tiedottaa toiminnastaan Facebook-sivullaan. Myös henkilöt, joilla ei ole Facebook-tunnuksia pääsevät web-sivun kautta näkemään FB-sivulla julkaistut viimeisimmät ilmoitukset. Uudet FB-julkaisut päivitetään sivustolle kerran päivässä. Viimeisimpien FB-julkaisujen päivitykseen web-sivulle ei tarvita klubin virkailijoiden toimenpiteitä.

Palvelimeton (serverless)

Sivuston toteutuksessa on noudatettu palvelimetonta (serverless computing) järjestelmäarkkitehtuuria. Julkaisuun ei tarvita palvelinta tai perinteistä web-hotellia. Sivusto julkaistaan Googlen pilvipalvelusta Haminan konesalista.

Yhteydenottolomakkeen toiminnallisuus on toteutettu käyttäjän selaimessa toimivalla Javascript-ohjelmakoodilla, joka hyödyntää Googlen pilvifunktiota viestin lähettämiseen.

Sivuston lähdekoodi on tallennettu git-versionhallintaan. Sivusto päivittyy käyttäen jatkuvan integraation (CI/CD) palvelua. Automaattisesti kerran päivässä tai lähdekoodin päivittyessä pilvialustalla ajetaan skripti, joka päivittää sivuston.

Toteutuksen etuna on nopea sivulataus, erittäin hyvä kuormituksen sieto ja matalat kustannukset. Sivusto on lions-klubille täysin maksuton.

Verkkotunnus ja taustapalvelut

Klubille on rekisteröity oma verkkotunnus suomalaisesta .fi ylätason verkko-tunnuksesta. Suomalaista ylätason verkkotunnusta hallinnoi Traficom. Verkkotunnuksen rekisteröintiin tarvitaan verkkotunnusvälittäjä. LC Vantaa Pähkinärinteen sihteeri toimii verkkotunnusvälittäjänä, josta syystä rekisteröintikustannus on vain viranomaisen rekisterintimaksu 9 € vuodessa.

Verkkotunnuksen nimipalvelut Cloudflare-palvelulla, joka toimii myös sivuston edusta-proxyna. Cloudflare uudistaa automaattisesti sivuston suojaamiseen käytettävät varmenteet. Verkkotunnuksen sähköpostin edelleen ohjaamisen käytetään Forwardemail-palvelua. Klubin ja hallituksen kattavat sähköpostin jakelulistat toteutetaan Google Groups -palvelulla

Toteutus nojaa taustapalveluihin, jotka ovat joiltain osin henkilösidonnaisia ja muodostaa siten pitkäjänteiselle saatavuudelle riskin. Toteutusmalli mahdollistaa palvelun helpon siirrettävyyden, joka auttaa toipumisessa riskin mahdollisesti toteutuessa. Jos taustapalvelut lakkaisivat toimimasta, verkko-osoitteen taustapalvelut (hosting) on helposti saatavilla myös kaupallisilta palveluntarjoajilta.

Lisätietoa verkkosivuston toiminnassa tarvittavista taustapalveluista kaupunginosan demoportaalista.

Design

Sivuston ulkoasussa on käytetty vapaasti avoimella CC 3.0 (Creative Commons) lisenssillä maksutta jaettavaa © HTML5 UP Solid State sivustopohjaa.

Valmiiseen sivustopohjaan on tehty muutoksia mm. sivuston väritykseen. Pohjan otsakkeeseen on lisätty lions-logo, joka on muutettu vektorigrafiikkakuvaksi alkuperäisestä rasterikuvasta kuvan tiedostokoon pienentämiseksi ja sivulatauksien nopeuttamiseksi myös mobiilipäätelaitteilla ja huonoilla verkkoyhteyksillä.

Siltä osin, kun sivustolla käytetyt kuvat ei ole klubin virkailijoiden tuottamia, on kuvituksessa käytetty vapaalla lisenssillä jaettavia Unsplash valokuvakirjaston kuvia.

Sivuston design noudattaa saavutettavaa (responsive design) suunnitteluperiaatetta, jonka tavoitteena on, että sama sivusto on yhtä helposti luettavissa kaikilla päätelaitteilla. Sivuston pitäisi samasta osoitteesta näkyä yhtä hyvin niin pienen mobiililaitteen ruudulla, kuin isommalla tietokoneen näytöllä. Saavutettavan suunnittelun tavoitteena on myös vaivaton käytettävyys esim. näkövammaisille.

Käytännön toteutus

Sivuston käytännön teknisen toteutuksen on tehnyt LC Vantaa/Pähkinärinne kausien 2018-2021 klubisihteeri Kari Laalo. Tarkempaa lisätietoa tai lisävihjeitä oman klubisi sivuston suunnitteluun voit kysellä ottamalla yhteyttä tästä.