Avainsana: <span>yhteistyössä</span>

Tampereen ammatti­korkea­koulun opiskelija­kunta (Tamko)
Portfolio Web

Tampereen ammattikorkeakoulun opiskelijakunta (Tamko) on opiskelijalähtöinen edunvalvoja, joka pitää huolen siitä, että opiskelijoiden ääni kuuluu.

Kumu Communicationsin kanssa päästiin pitkästä aikaa tekemään yhdessä projektia. Kumu veti projektia, määritteli asiakkaan kanssa kohderyhmät jne. Sivuston ulkoasun suunnitteli Tanja Ritvanen. Minä toteutin WordPress-teeman ja integraatiot. Yhteyttä pidettiin projektin edetessä Kumun Slackissä.

Sivusto suunniteltiin täyttämään saavutettavuusstandardin WCAG 2.0 AA-taso, ja toteutuksen edetessä varmistin teknisen saavutettavuuden sekä WebAIMin WAVE-palvelulla että Chromeen asennettavan aXe-lisäosan avulla. Sivusto täyttää kriteerit teknisen saavutettavuuden osalta, ja sisällöntuottamisessa on apuna sekä ennaltamääritellyt saavutettavat väriyhdistelmät että muutama räätälöity lohkotyyppi WordPressin lohkomuokkaimelle.

Sivujen muokkauskokemus nojaa kokonaan WordPressin uuteen Gutenberg-lohkoeditoriin, joka on ottanut huimia askeleita eteenpäin. Sisäänrakennettuja lohkoja muokattiin projektia varten, ja muutama oma lohko tehtiin vain Tamkolle. Lohkojen ulkoasu on muokkauspuolella mahdollisimman identtinen julkisen puolen kanssa.

Opiskelijaravintola Campusravitan ruokalista integroitiin osaksi etusivua. Ruokalistan saa JSON-syötteenä ruokatuotantopalvelu Jamixin pilvestä. Ruokalista tallennetaan WordPressin välimuistiin eli transienttiin, jolloin vältetään useat rajapintakyselyt.

Etusivun someseinä toteutettiin Taeggien palvelun avulla; Taeggieen voi määritellä halutut sosiaalisen median tilit, ja palvelu tarjoaa niistä aggregoidun JSON-syötteen, joka luetaan ja muotoillaan asiakkaan tyylein ja värein.

Kiitos Kumun Elina ja Auli, Tanja sekä Tamkon Katriina, Jenni & Emmi! Mahtava projekti!

Tampereen ammattikorkeakoulun opiskelijakunta (Tamko) on opiskelijalähtöinen edunvalvoja, joka pitää huolen siitä, että opiskelijoiden ääni kuuluu. Kumu Communicationsin kanssa päästiin pitkästä aikaa tekemään yhdessä projektia. Kumu veti projektia, määritteli asiakkaan kanssa… Lue artikkeli ”Tampereen ammatti­korkea­koulun opiskelija­kunta (Tamko)” kokonaan »

tamko.fi
Tampereen ammatti­korkea­koulun opiskelija­kunta (Tamko)

Asuntoliigan Asiakastieto-integraatio
Portfolio Web

Asuntoliiga.fi on asuntosijoittamisesta ja asuntomarkkinoista kiinnostuneiden oma yhteisö.

Valakia Interactive suunnitteli ja toteutti uudet WordPress-pohjaiset verkkosivut.

Toteutin sivustolle integraation Asiakastiedon järjestelmään; Asiakastiedon tunnukset voi tallentaa osaksi Asuntoliigan jäsenyystiliä, ja toteuttamani lisäosa muodostaa linkin, jolla pääsee kirjautumaan sisään Asiakastiedon järjestelmään automatisoidusti. Tämä helpottaa Asiakastiedon palveluiden hyödyntämistä ja vähentää virhemahdollisuuksia vähentäen tarvetta syöttää tunnuksia useaan palveluun.

Kirjautumislinkin muodostamista varten lisäosa määrittää SHA-512 -tarkistussumman ja muut tarvittavat parametrit.

Ellei ole vielä Asiakastiedon asiakas, on mahdollista tehdä sopimus suoraan lisäosan tarjoamalla lomakkeella.

Sivustolla on oma jäsenyyspuoli MemberPressillä toteutettuna, ja toiminto lisättiin uudeksi välilehdeksi osana sen intranet-tyyppistä näkymää.

Kiitos Asuntoliigan Mikko ja Asiakastiedon Jaakko & Jussi ja Valakian Mika hienosta projektista. Tsemppiä Asuntoliigalle!

Asuntoliiga.fi on asuntosijoittamisesta ja asuntomarkkinoista kiinnostuneiden oma yhteisö. Valakia Interactive suunnitteli ja toteutti uudet WordPress-pohjaiset verkkosivut. Toteutin sivustolle integraation Asiakastiedon järjestelmään; Asiakastiedon tunnukset voi tallentaa osaksi Asuntoliigan jäsenyystiliä, ja toteuttamani… Lue artikkeli ”Asuntoliigan Asiakastieto-integraatio” kokonaan »

asuntoliiga.fi
Asuntoliigan Asiakastieto-integraatio

Tampereen Kesäyliopiston Hellewi-rajapintaintegraatio
Portfolio Web

Tampereen Kesäyliopiston sivusto uusittiin kokonaan Myynninmaailman toimesta. Uusitulle, edelleen WordPress-pohjaiselle sivustolle haluttiin tuoda koulutustarjonta osaksi sivuston omaa sisältöä. Koulutustarjonta on syötetty Hellewi-järjestelmään, jonka tarjoamasta rajapinnasta se saadaan ulos JSON-muodossa. Tätä varten rakensimme alihankintana yhdessä Valakia Interactiven WordPress-spesialistin, Mika Aution, kanssa integraation rajapintaan.

Rajapinnan tietojen hakemista varten rakensin ensin vaaditun JWT-autentikaation PHP-pohjaisena. Tietomassa haetaan rajapinnasta tietyin väliajoin ja WordPressin transientteja eli sisäänrakennettua välimuistijärjestelyä hyödynnetään laajasti tämän massan ja siitä jatkojalostettujen listojen, kuten koulutustarjonnan navigaation ja yksittäisten kurssien tietojen tallentamiseen. Lisäksi toteutettiin laajennettu kurssien haku rajapinnan mahdollisuuksia hyödyntäen.

Koko toteutus tukee myös monikielisyyttä, eli kaikki näyttötekstit ja myös rajapintakutsut ovat kielivalintariippuvaisia eli lokalisoitavissa .

Hellewin takana olevalla Wildfrost Oy:llä on mainio Microsoft Teams -kanava, josta saimme runsaasti tukea. Lisäksi heidän rajapintadokumentaationsa on hyvällä tasolla. Kiitos Risto Hietala ja Perttu Tikka!

Tampereen Kesäyliopiston sivusto uusittiin kokonaan Myynninmaailman toimesta. Uusitulle, edelleen WordPress-pohjaiselle sivustolle haluttiin tuoda koulutustarjonta osaksi sivuston omaa sisältöä. Koulutustarjonta on syötetty Hellewi-järjestelmään, jonka tarjoamasta rajapinnasta se saadaan ulos JSON-muodossa. Tätä… Lue artikkeli ”Tampereen Kesäyliopiston Hellewi-rajapintaintegraatio” kokonaan »

tampereenkesayliopisto.fi
Tampereen Kesäyliopiston Hellewi-rajapintaintegraatio

LABeauty
Portfolio Web

Hius- ja hyvinvointipalveluita tarjoava jurvalainen LABeauty aloitti toimintansa maaliskuussa 2019. Yrittäjänä toimii perheystävämme Seliina Niemistö. Hiusklinikka tarjoaa apua hiustenlähtöön ja hiuspohjaongelmiin. Laboratoriossa voidaan suorittaa laaja-alaisia tutkimuksia ja näytteenottopalveluita. Parturi-kampaamo Mirvan puolella tarjolla ovat parturi-kampaamopalvelut.

Toteutin yritykselle WordPress-teeman käsityönä. Sivuston modulaarinen toteutus pohjautuu jälleen kerran Advanced Custom Fields -lisäosan avulla toteutettuhin joustavan sisällön osioihin. Alustin sivustoa varten kahdeksan erilaista sisältöelementtiä päätasolla palstoitusta varten ja niiden sisältö on mahdollisuus rakentaa palikoista kuten wysiwyg-editori, Facebook-feedi, kartta, lomake ja karuselli.

Tilaajan näkökulmasta verkkosivujen toteutus oli todella sujuvaa valmiin designin pohjalta, eikä kompromisseja tarvittu missään vaiheessa. Kaiken lisäksi aikataulu piti hyvin. Sain nähtäväkseni juuri tilauksen mukaiset sivut ja todella hyvän ohjeistuksen sivujen päivitykseen. Mikko oli tehnyt helposti ymmärrettävät sisältöelementit WordPressiin ja kirjallisen ohjeen lisäksi kävimme konkreettisesti läpi ominaisuuksia. Uskon, että näillä ohjeilla sivuston päivittäminen onnistuu hyvin itseltänikin, mutta jos eteen tulee kysymyksiä, tiedän Mikon osaavan vastata. Olen kaiken kaikkiaan äärimmäisen tyytyväinen saamaani tuotteeseen ja palveluun ja suosittelen Mikrogramma Designia kaikille, jotka tähtäävät räätälöityyn verkkosivutoteutukseen.
Seliina Niemistö / yrittäjä, LABeauty

Sivujen ulkoasun suunnittelijaksi Seliina oli valinnut Veera Anttilan. Sain Veeralta valmiit suunnitelmat sekä desktoppiin että mobiiliin ohjeistuksineen. Veera teki myös kaikki kuvankäsittelytyöt. Mukavaa yhteistyötä uuden ihmisen kanssa!

Työskentely Mikrogamma Designin kanssa sujui erinomaisesti. Useamman vuoden alakokemuksella rohkenen sanoa, että Mikko on ehdottomasti yksi parhaista koodariyhteistyökumppaneista. Pedantti ja tehdään-mitä-luvataan asenne työhön on yksi ehdoton vaatimus kun valikoin niitä, joiden kanssa yhteistyötä teen ja Mikolta tätä löytyy.

Sivusto toteutui prikulleen suunnitelmien mukaan ja missään vaiheessa työnjälkeen ei tarvinnut puuttua. Aion käyttää Mikon palveluita jatkossakin ja suositella häntä myös kontakteilleni.

Veera Anttila / Design VA

Etusivun otsikkokuvassa käytin pientä kikkaa, sillä kuva häipyy täysin läpinäkyväksi (fade to transparent) alalaitaa kohti. Tämä onnistui käyttämällä kuvaan SVG-ominaisuuksia linearGradient ja mask:

<linearGradient id="alphaLinear" x1="0" x2="0" y1="0" y2="1">
  <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0%" />
  <stop offset="40%" stop-color="#FFFFFF" stop-opacity="0%" />
  <stop offset="100%" stop-color="#000000" stop-opacity="100%" />
</linearGradient>

<mask id="Mask">
  <rect x="0" y="0" width="100%" height="100%" fill="url(#alphaLinear)" />
</mask>

Onnea matkaan Seliina!

Hius- ja hyvinvointipalveluita tarjoava jurvalainen LABeauty aloitti toimintansa maaliskuussa 2019. Yrittäjänä toimii perheystävämme Seliina Niemistö. Hiusklinikka tarjoaa apua hiustenlähtöön ja hiuspohjaongelmiin. Laboratoriossa voidaan suorittaa laaja-alaisia tutkimuksia ja näytteenottopalveluita. Parturi-kampaamo Mirvan… Lue artikkeli ”LABeauty” kokonaan »

labeauty.fi
LABeauty

Suomen Yrittäjäopiston Wilma-rajapintaintegraatio
Portfolio Web

Suomen Yrittäjäopisto (SYO) on valtakunnallinen koulutus- ja asiantuntijaorganisaatio. SYO sai uudistetut, WordPress-pohjaiset sivut, jotka suunnitteli ja toteutti seinäjokinen BSTR – luova markkinointitoimisto. Lue lisää uudistuksesta SYOn blogista.

Autoin BSTR:ää luomaan rajapintaintegraation Visman tarjoamaan Wilma-koulutuskalenteriin. Wilman rajapintaa käyttäen haetaan kurssien tiedot osaksi SYO:n omien sivujen sisältöä. Julkisesta rajapinnasta tieto saadaan JSON-muodossa, ja se välimuistitetaan WordPressin tietokantaan (transient). Tällöin erilaiset, räätälöidyllä PHP-pohjaisella toteutuksella muodostettavat listaukset latautuvat nopeasti. Ellei tietoja ole välimuistissä, ne haetaan uudelleen Ajax-kutsulla rajapinnasta.

Listausten helppoa luomista ja muokkausta varten toteutin WordPressin ohjausnäkymän käyttöliittymän Shortcake-rajapintaa hyödyntäen. Lyhytkoodeja (shortcode) ei siis tarvitse osata muodostaa manuaalisesti.

BSTR:n web-kehittäjä Kaisa on ollut mukana kuukausittaisissa WordPress-tapaamisissa Seinäjoella alusta asti, ja sitä kautta olemme tutustuneet toistemme osaamiseen. Kiitos BSTR ja Kaisa tehtävänannosta ja yhteistyömahdollisuudesta. Onnea uusille sivuille, Suomen Yrittäjäopisto!

Suomen Yrittäjäopisto (SYO) on valtakunnallinen koulutus- ja asiantuntijaorganisaatio. SYO sai uudistetut, WordPress-pohjaiset sivut, jotka suunnitteli ja toteutti seinäjokinen BSTR – luova markkinointitoimisto. Lue lisää uudistuksesta SYOn blogista. Autoin BSTR:ää luomaan… Lue artikkeli ”Suomen Yrittäjäopiston Wilma-rajapintaintegraatio” kokonaan »

syo.fi
Suomen Yrittäjäopiston Wilma-rajapintaintegraatio

Vastuullinen eränkäynti
Portfolio Web

Vastuullisuus on teema, joka puhuttaa vuonna 2019 myös eräihmisten maailmassa. Nordic Distribution Oy avasi aiheeseen liittyvän blogin yhdessä yhteistyökumppaneidensa kanssa. Sain toteuttaa sivuston ilmeen.

Ilme suunniteltiin yhdessä asiakkaan ja Emilian kanssa. Ilme on metsäisen vihreä ja ruskea höystettynä kultaisilla yksityiskohdilla. Sivuston rakenteessa tuotiin esille blogimaisuus jaoteltuna ”vastuullisen eränkävijän polun” neljään askeleeseen.

Graafiset elementit ovat SVG-muodossa latauskeveyden takaamiseksi. WordPress-teeman toteutuksen pohjana on Digitoimisto Duden kepeä air-light -startteri.

Liity mukaan vastuulliseen eräkäyntikeskusteluun.

Vastuullisuus on teema, joka puhuttaa vuonna 2019 myös eräihmisten maailmassa. Nordic Distribution Oy avasi aiheeseen liittyvän blogin yhdessä yhteistyökumppaneidensa kanssa. Sain toteuttaa sivuston ilmeen. Ilme suunniteltiin yhdessä asiakkaan ja Emilian… Lue artikkeli ”Vastuullinen eränkäynti” kokonaan »

vastuullinenerankaynti.com
Vastuullinen eränkäynti