Web-kehittäjän blogi

KY:n viestintäuudistuksen käsittelyä ja uuden kywebin esittelyä
  • Kehittäjän blogi?

    Tammikuusta 2007 lähtien olen työskennellyt KY:llä, selvittänyt koko organisaation viestintätarpeita ja kehittänyt niiden pohjalta suunnitelman, jolla viestintää lähdetään kehittämään yhteisöllisemmäksi ja kollektiivisemmaksi. Tässä blogissa käsittelen tekniseen toteutukseen ja prosessiin liittyviä asioita.
  • Kysely

    Miltä uusi blogipohja näyttää?

    Näytä tulokset

    Ladataan ... Ladataan ...
  • Jaiku

  • Tuoreimmat kuvat

    Spooky giantsThe maskSpooky giantsSpooky giantsTie me upCitrine Forktail damselfly (male)23/365Windmill Slumber

Aihe: blogit

Uusia toimintoja blogien seuraamiseen

Olen saanut runsaasti palautetta ja kehitysehdotuksia. Olen ottanut niistä vaarin ja nyt julkistankin kaksi uutta toimintoa, jotka helpottavat blogien seuraamista valtaisasti:

Tervetuloa uuteen kywebiin!

Tämän viikonlopun aikana se sitten tapahtuu, kun vanhat sivut otetaan pois ja siirrytään kyweb 2.0:n maailmaan ainoana KY:n verkkoviestintävälineenä. Siirtymiseen liittyy itselläni ja varmasti monilla muillakin suuria tunteita, pelkoja ja toiveita. Onneksi monet projektille asetetut tavoitteet on jo saavutettu - blogeja on perustettu valtavasti yli odotusten ja sivuston aktiivisuus on hurja. Haluan kuitenkin korostaa sitä, mikä on ollut kantava ajatus uuden verkkopalvelun rakentamisessa:

Kyweb 2.0 on jatkuvassa beta-vaiheessa

Tämä tarkoittaa sitä, että verkkopalvelua pyritään jatkuvasti kehittämään sekä löytämään uusia tapoja palvella KY:n viestintätarpeita ja käyttäjien tapoja käyttää palvelua. Koko kesän ja syksyn suunnitelmat kywebin suhteen ovat eläneet, muovautuneet, tuhoutuneet ja korvautuneet kokonaan uusilla. Tämän ja resurssien puutteiden takia monia niistä ominaisuuksista, joita haluttiin toteuttaa, on jouduttu lykkäämään viestinnän viilaamisen tieltä.

Mitä uusi kyweb tarjoaa?

Kywebin kehityksessä lähdettiin toteuttamaan vahvasti kuntalaisten näköistä palvelua. Tätä on lähdetty toteuttamaan niin, että kuntalaisilla olisi mahdollisimman laajat vaikutusmahdollisuudet palvelun sisältöön - kyweb on vain alusta. Palvelu on jaettu neljään osioon: etusivu, tietoa, yhteisö ja tapahtumat.

Etusivu toimii portaalina koko sivustolle ja sen kautta pääsee käsiksi blogeihin, keskusteluihin, kuvagallerioihin, KY:n tiedotteisiin, tapahtumakalenteriin, sektorien kuulumisiin, pikakyselyyn. Pystyt siis pysymään ajan tasalla siitä, mitä opiskelijayhteisössämme tapahtuu ja mistä puhutaan vain tsekkaamalla etusivun päivittäin.

Tietoa-palvelun kunnianhimoisena tavoitteena on ollut rakentaa kattava KY-tietopaketti kaikesta KY-aiheisista ja kauppatieteilijän elämään liittyvistä asioista. Se on wiki, eli kuka tahansa voi osallistua sisällöntuotantoon - lisätä uusia artikkeleita ja täydentää vanhoja. Olemme antaneet palvelun käyttäjille suuren vaikutusmahdollisuuden, joten toivomme myös, että sitä käytetään ja toimitaan vastuullisesti sen mukaisesti. Luotamme kuntalaisiimme ja siihen, että wikin sisältö tulee olemaan kaikkien kyltereiden näköinen.

Yhteisö-palvelun alle on koottu ja tullaan kokoamaan kaikki yhteisölliset ja keskustelua luovat palvelut. Tällä hetkellä sen kautta löytyvät kaikki blogikirjoitukset, blogilista, keskustelupalsta ja kuvia tapahtumista. Kuvat olivat vanhassa kywebissä murheenkryyni, kun suurten tapahtumien jälkeen sivut hidastuivat valtavasti käyttäjien rientäessä katsomaan kuvia. Olemme nyt ottaneet käyttöön Flickr-palvelun, johon kaikki kuvat jatkossa lisätään. Kannustamme myös jaostoja ja kerhoja käyttämään palvelua kuvien jakamiseen. Olen perustanut palveluun KY-kanavan, johon kuvia voi lisätä vapaasti. Kanavan sisältöä tullaan tuomaan myös Yhteisö-sivulle. Galleriablogi tulee poistumaan, sillä se ei ole palvellut siinä tarkoituksessa, kuin alunperin oli tarkoitus.

Tapahtumat-palvelu on jokaisen kuntalaisen Nyt-liite. Sen avulla olet selvillä siitä, missä tapahtuu ja kannattaa olla. Tapahtumakalenterin periaatetta on pyritty laajentamaan niin, että kuka tahansa voi ehdottaa tapahtumia, kommentoida niitä ja tapahtumien luokittelussa on otettu käyttöön tagit, joiden avulla tapahtumia löytää helposti itseään kiinnostavista aiheista.

Miten käy forumeiden?

Keskustelu ja ajatustenvaihto on yhteisöllisyyden ydin, joten tarkoituksena on ollut säilyttää keskustelukulttuuri mahdollisimman vahvasti uuden kywebin myötä. Osa keskustelusta varmasti siirtyy blogeihin, mutta tarkoitus on myös tukea keskustelupalstan käyttöä mahdollisimman laajasti. Vanhat forumit tulevat olemaan käytössä vielä ainakin loppuvuoden ja vanhat keskustelut tulevat säilymään jossakin muodossa, vaikka niitä ei voisikaan enää jatkaa.

Vanhojen keskustelupalstojen ja uuden kywebin yhdistämisen kanssa on toteutunut Murphyn laki eli kaikki, mikä on voinut mennä vikaan, on myös mennyt. Muut kywebin osiot ovat kuitenkin vieneet aikani täysin ja keskustelupalstan säätäminen on jäänyt muiden asioiden jalkoihin. Pyydän siis kärsivällisyyttä, mutta tavoitteena on jatkaa keskusteluperinnettä niin, että kywebissä keskustelu tapahtuu samalla tunnuksella kuin bloggaaminen ja muut toiminnot.

Kyweb ei siis ole missään muodossa vielä valmis ja suurehkojakin muutoksia tulee tapahtumaan vielä tämänkin vuoden puolella. Siitä huolimatta kyweb tarjoaa jo nyt paljon sisältöä, tietoa ja ajanvietettä. Auta meitä rakentamaan kywebistä ainutlaatuinen yhteisö ja osallistu rohkeasti keskusteluun. Ennen kaikkea, anna palautetta!

Itse olen ainakin jo koukussa kaikkiin niihin mahtaviin blogeihin, joita pioneerimme ovat alkaneet ylläpitää ahkerasti!

Tuunaa blogisi!

Pimp My Blog -tapahtuma järjestetään torstaina Arkadian kellarin atk-luokassa kello 17 alkaen. Ilmoittautuminen on jo mennyt ohi, mutta tilaa on vielä innokkaille blogin tuunaajille. Mikäli et kuitenkaan pääse paikalle, tässä on joitakin ohjeita ja johdattelua blogin tuunaamisen saloihin. Käytännössä saat blogistasi hyvin näköisesi suhteellisen pienellä vaivalla, joten kannattaa tarttua toimeen!

Sivuvalikot

Sivuvalikot ovat blogin laidassa olevia palstoja, joiden avulla voit tuoda lukijoidesi nähtäville mm. tietoja blogistasi, tuoreimmat kirjoituksesi, kommentit, linkkejä ja Flickr-kuvia. Pääset muokkaamaan blogisi sivuvalikoita blogin hallinnassa Ulkoasu-välilehden kohdassa Sivuvalikot. Esillä on kaksi palstaa ja niiden alla laatikko, jossa on raahattavia laatikoita, vimpaimia. Voit raahata niitä yläpuolella oleviin palstoihin ja muokata niiden järjestystä. Voit muokata joidenkin vimpaimien asetuksia painamalla laatikon oikeassa reunassa olevaa nappia. Kun olet valmis, paina Tallenna.

Blogin ulkoasu

Voit muokata myös sivusi ulkoasua ja tyyliä vapaasti CSS-määrittelyjen avulla. CSS on merkintäkieli, jolla voit muokata esimerkiksi taustakuvia, värejä, fonteja ja asettelua. Tyylimäärittelyjä muokataan blogin hallinnassa Ulkoasu-valikon kohdassa Oma CSS. Omat CSS-asetukset korvaavat oletusmuotoilut. Esittelen alla muutamia kikkoja, joiden avulla voit kätevästi muuttaa sivun ilmettä.

Lisää tietoa CSS-tyyleistä
Värejä määrittelyjä varten

Tausta

Aloitetaan määrittelemällä body-elementti eli koko sivun tausta.

body {
background-color: #ffffff;
background-image: url(http://www.osoite.com/kuva.jpg);
background-repeat: repeat;
}

Ohessa on määritelty sivun taustaväriksi #ffffff, joka on valkoisen värin koodi. Lisäksi on määritelty taustakuva, joka sijaitsee osoitteessa http://www.osoite.com/kuva.jpg. Erilaisia taustoja löydät esimerkiksi Googlen avulla. Esimerkissä on määritelty myös taustan toistuvuus siten, että kuvaa toistetaan pysty- ja vaakasuunnassa. Vaihtoehdot ovat no-repeat, jolloin kuva esitetään ainoastaan kerran, repeat-x, jolloin kuvaa esitetään ainoastaan vaakasuunnassa ja repeat-y, jolloin kuvaa esitetään ainostaan pystysuunnassa.

Yläpalkki

Yläpalkki on se osa blogia, jossa on oletuksena tummanvihreä liukuväri taustana, blogin otsikko sekä kuvaus. Voit helposti muokata sen taustaväriä ja -kuvaa sekä tekstin väriä. Voit myös piilottaa tekstin kokonaan halutessasi.

#kylteri_header {
background-color: #000000;
background-image: none;
}

#kylteri_header_topic a {
color: #dddddd;
}

Oheisessa esimerkissä taustaväriksi määritellään musta ja taustakuva piilotetaan. Lisäksi Määritellään otsikon tekstin väriksi vaaleanharmaa.

#kylteri_header_topic {
display: none;
}

#kylteri_header_description {
display: none;
}

Yllä on merkintä, jolla voidaan piilottaa blogin otsikko ja kuvaus kokonaan.

Päävalikko

Päävalikko on sisältöalueen yläpuolella sijaitseva valikko, jossa on linkit Blogi ja RSS, sekä linkit luomiisi sivuihin blogissa (näitä sivuja voit lisätä blogin hallinnassa Kirjoita-välilehden kohdassa Kirjoita sivu). Voit muokata päävalikkoa esimerkiksi muokkaamalla sen taustaväriä.

#kylteri_menu {
background-color: white;
}

#kylteri_menu_items li a {
color: black;
}

Oheisella merkinnällä voit vaihtaa valikon taustavärin valkoiseksi ja linkkien värin mustaksi. Voit käyttää myös muissa kohdissa käytettyjä määrittelyjä muotoilemaan mitä tahansa elementtiä sivulla.

Fontit ja linkit

Fontteja ja linkkejä voit muokata myös suhteellisen vapaasti, vaikkakin sivuston yhtenäisyyden kannalta on toivottavaa pysyä maltillisemmissa ratkaisuissa. Alla

body {
font-family: Times New Roman, Georgia, serif;
font-size: 110%;
}

a:link {
color: red;
font-weight: bold;
}

Tällä esimerkillä saisit blogisi käyttämään ensisijaisesti fonttia Times New Roman. Jos sitä ei käyttäjällä ole, käytetään Georgiaa tai jotakin päätyviivallista fonttia. Lisäksi kirjasinten kooksi on määritelty normaalia 10% suurempi koko. Merkintä a:link määrittelee klikkaamattomien linkkien muotoilua. Ohessa on määritelty niin, että linkkien väri on aina punainen ja ne ovat lihavoituja. Voit tarkentaa linkkien määrittelyjä myös klikattuihin linkkeihin (a:visited) tai linkkeihin, joiden päällä hiiri on (a:hover).

Tässä lyhyt oppimäärä CSS-muotoiluihin. Parhaiten tyylimäärittelyjä oppii kokeilemalla, joten kädet likaisiksi vain! Kysymyksiä ja ratkaisuehdotuksia saa toki myös pyytää kommenteissa. :)

Uusi blogipohja

Olen nyt ottanut käyttöön uuden blogipohjan, jonka olen suunnitellut. Nimesin sen Kylteriksi (sillä varauksella, että teen blogipohjasta julkisen myös muiden kuin kywebin käyttöön). Ulkoasupohja on koekäytössä tässä blogissa, ja pyrin parantelemaan pieniä detaljeja lähipäivien aikana.

Tästä pohjasta on siis tarkoitus tehdä kaikkien blogien peruspohja, jolla yhtenäistetään kywebin ilmettä. Värejä, kuvitusta ja sivuvalikoiden sisältöä on mahdollista muokata hyvin kattavasti. Antakaa palautetta rakenteesta ja kehitysehdotuksia!

PS. Paremman kuvan ulkoasusta saat blogin etusivulla.

Paljon valinnanvaraa vai laatu ennen kaikkea?

Rakkaat kylterit, on jälleen aika käyttää kywebin mahtia ja kääntyä teidän puoleenne kyweb 2.0:n kehitykseen liittyvissä asioissa. Tällä kertaa aiheena on blogit ja tarkemmin blogien ulkoasut.

Onko parempi, että on paljon erilaisia vaihtoehtoja vai että sivuston yleisilme on yhtenäinen samalla, kun blogin ulkoasua voi väreiltä ja kuvitukselta muokata?

Avataan ajatuksia hieman. Tällä hetkellä tilanne on hieman hanurista seuraavista syistä:

  • Olen ottanut käyttöön kymmeniä erilaisia ulkoasuvaihtoehtoja. Suurin osa näistä on kuitenkin melko mauttomia, hieman epäkäytännöllisiä ja jotkut jopa rumia. Lisäksi monissa personoimismahdollisuudet ovat vähäisiä tai niitä ei ole. Yksittäisille kerhoille tmv tahoille, joilla on vahva identiteetti, personoimattomuus on paha paha asia.
  • Widgettien (eli sivupalstan palikoiden) käyttö rikkoo joitakin näistä ulkoasuista, joten on vaikeaa saada niitä toimimaan järkevästi kaikissa blogeissa.
  • Sivuston yleisilme saattaa monista olla hieman sekava, kun käytössä on erilaisia ulkoasupohjia.
  • Tuen antaminen useille eri ulkoasupohjille on hankalaa, kun ohjeita ei aina voi välttämättä yleistää.

Ehdotukseni olisikin siis, että loisin kywebin blogeille alkuun yhden teeman, joka mahdollistaisi personoinnin mm. värimaailman, taustan, sivupalkin sekä logon muokkaamisen kautta. Riittävätkö nämä mahdollisuudet?

Tämä mahdollistaisi kauniimmat ja toimivammat blogit, yhtenäisemmän ulkoasun sivustolle, helpon ja kevyen personoinnin, paremmat ohjeistukset, selkeyttä sekä toimivammat sivuvalikot.

Kommentoikaa, ideoikaa ja kertokaa, mitä erityisesti pitäisi pystyä personoimaan!

EDIT: Alla screenshot ekoista luonnoksista. Feel free to comment!

teaser

Toinen rakennevaihtoehto…

Teaser2

Lisäksi alla listausta widgeteistä, jotka ajattelin laittaa tarjolle:

  • Vapaa teksti (näitä voi olla useampia)
  • Uusimmat kirjoitukset
  • Uusimmat kommentit
  • Kysely
  • Linkit
  • Tuoreimmat kuvat Flickristä
  • Haku blogista
  • Arkistot (kuukausittaiset)
  • RSS-syötteet toisista blogeista tmv. (näitä voi olla useampia)
  • Tagipilvi
  • Aiheet
  • Joka kirjoitukseen sivulatausten määrä

Kywebin ABC

Seuraavan viikon aikana aion vastata seuraaviin kysymyksiin tässä blogissa. Testaan julkisen paineen motivoivaa vaikutusta julkaisemalla nämä suunnitelmat avoimesti. ;) 

Käyttäjätunnukset 

  • Kuinka rekisteröidyn ja kirjaudun
  • Kuinka perustan uuden blogin?
  • Kuinka vaihdan salasanani?

Blogit 

  • Kuinka kirjoitan blogiini?
  • Kuinka hallitsen blogiani?
  • Kuinka vaihdan blogini ulkoasua?
  • Kuinka hallitsen blogin sivuvalikon sisältöä?

Tapahtumakalenteri

  • Kuinka selaan tapahtumia?
  • Kuinka lisään tapahtumia?
  • Kuinka hallitsen lisäämiäni tapahtumia?

Wiki

  • Wikin perusteet
  • Johdatus wikimerkintöihin
  • KY-Wikin periaatteita

Pimp my blog

Nyt on valtavasti valinnanvaraa blogin ulkoasun suhteen, kun laitoin saataville noin 70 erilaista, kaunista ja toimivaa blogien ulkoasua. Niiden avulla kukin bloggaava kerho tai kylteri voi olla täysin oma itsensä, ja jatkossa seuraa lisää ominaisuuksia, kuten näiden teemojen muokkaus vieläkin omannäköisemmiksi. ;)



Architect: Petri Vilén | Interiors: Pasi Väänänen, Pia Ettala | Palaute