Lumianna Hyppönen

Lumianna Hyppönen

Ohjelmisto­kehittäjä

Olen erikoistunut räätälöityjen verkkosivustojen ja sovellusten toteuttamiseen. Toimintavarmuus, tietoturvallisuus ja helppokäyttöisyys on keskeistä digitaalisten ratkaisujen menestyksessä - pyrin aina takaamaan parhaan mahdollisen kokemuksen asiakkaille sekä käyttäjille.

Työskentelen Oulussa, ohjelmistotalossa nimeltään NetSono. Jos sinulla on visio mielessäsi tai tarvitset apua sen muotoilussa, otathan yhteyttä, sillä yrityksemme mielellään tarjoaa ratkaisuja juuri sinun tarpeisiisi.

Tällä sivulla esittelen työnäytteitä sekä vapaa-ajan projekteja.

Osaamisalue

Teknologia-jargonia

HTML, JavaScript, CSS, WordPress, React, PostgreSQL, Node.js, Express, Flutter, PHP, C++, Redis, Websockets, AWS, Google, Stripe, Paytrail, FFmpeg, Docker

Työnäytteet

Tervarit

Verkkosivut, 2024

Futsal-seuran verkkosivujen päivittäminen oli merkittävä projekti, jossa keskityttiin modernisoimaan pitkään toimineen seuran online-läsnäolo. Tavoitteena oli säilyttää vuosikymmenten aikana kertynyt sisältö samalla kun sivusto tuotiin ajan tasalle. Nyt uudet sivut tarjoavat kävijöilleen selkeän ja informatiivisen paketin, sisältäen mm. ajankohtaiset uutiset, otteluohjelmat ja joukkueen tiedot. Sivuston hallinta on tehty helpoksi WordPress-alustan avulla.

Työskentelin tiiviissä yhteistyössä kollegojen ja asiakkaan kanssa, toteuttaen teknisen puolen graafisen suunnitelman pohjalta. Projektiin kuului räätälöityjen WordPress-lisäosien kehittämistä, kuten otteluohjelman ja joukkueenhallinnan työkalut, sekä suoritus- ja käytettävyysauditoinnit ja hakukoneoptimointi, jotka parantavat sivuston löydettävyyttä ja käyttäjäkokemusta entisestään.

Radioul

Verkkosivut, 2023

Radioteknologiaan erikoistuneen yrityksen verkkosivut on suunniteltu tarjoamaan kävijöille informatiivisia sisältöjä selkeällä ja helppokäyttöisellä tavalla. Verkkosivut perustuvat WordPress-alustaan, mikä mahdollistaa asiakkaalle sujuvan itse päivittämisen tarpeen mukaan.

Projektissa toimin päävastuussa sivuston teknisestä toteutuksesta, tiiviissä yhteistyössä graafisen suunnittelijan ja asiakkaan edustajien kanssa. Hyvin toteutettu graafinen suunnitelma toimi erinomaisena perustana visuaaliselle ilmeelle, ja tekninen toteutus varmisti suunnitelman saumattoman integraation sivuston kaikilla osa-alueilla. Panostimme responsiiviseen suunnitteluun, jotta sivusto näyttää ja toimii moitteettomasti kaikilla päätelaitteilla tarjoten parhaan mahdollisen käyttäjäkokemuksen kaikille kävijöille.

Projektiin sisältyi myös perusteelliset performanssi- ja käytettävyysauditoinnit sekä hakukoneoptimoinnit, että sivusto on helposti löydettävissä hakukoneissa ja että se saavuttaa kohdeyleisönsä tehokkaasti.

Tonttu Tärmön Paja

Verkkosivujen parantaminen, 2023

Opastettuja kuljetuksia, kävelykierroksia ja päiväretkiä tarjoavan yrittäjän verkkosivujen ylläpito ja jatkokehittäminen. Verkkosivusto toimi monien vuosien ajan WordPress-alustalla, keräten runsaasti sisältöä, joista osa oli vanhentunutta tai muuten epäajankohtaista. Tehtävänäni oli suorittaa perusteellinen siivous ja varmistaa, että kaikki toimii teknisesti moitteettomasti.

Toteutin kattavat tekniset auditoinnit, sisällön hakukoneoptimoinnit sekä huolellisen ylläpidon, joka paransi sivuston turvallisuutta ja nopeutta. Tämä saavutettiin poistamalla tarpeettomat lisäosat ja ominaisuudet, päivittämällä palvelinympäristö ja optimoimalla lisäosien asetukset.

Samanaikaisesti kehitin etusivua ja tuotekohtaisia alasivuja vastatakseen paremmin asiakkaiden tarpeisiin. Tavoitteenani oli luoda entistä houkuttelevampi ja käyttäjäystävällisempi kokonaisuus, joka kutsuu kävijöitä tutustumaan yrittäjän tarjoamiin opastettuihin kuljetuksiin ja päiväretkiin.

NetSono

Verkkosivut, 2023

Ohjelmistotalon verkkosivut toimivat portaalina laadukkaiden ja tietoturvallisten web- ja mobiiliratkaisujen esittelyyn.

Toimin päävastuussa sivuston teknisestä toteutuksesta, saaden selkeät raamit kollegani loistavasta graafisesta suunnitelmasta. Tiivis yhteistyö graafisen suunnittelijan kanssa mahdollisti sujuvan integraation visuaalisen ilmeen ja teknisen toteutuksen välillä.

Valitsimme WordPressin alustaksi, mikä helpottaa samankaltaisten ratkaisujen tarjoamista myös tuleville asiakkaillemme. Teknisen toteutuksen lisäksi suoritimme perusteelliset performanssi- ja käytettävyysauditoinnit sekä hakukoneoptimoinnin, varmistaen sivuston saumattoman toimivuuden ja paremman näkyvyyden verkossa.

Verkkosivut ovat paitsi heijastus osaamisestamme myös lupaus tarjota vastaavia innovatiivisia ratkaisuja tuleville asiakkaillemme.

Xcast

Verkkopalvelu, 2022 - 2023

Osallistava sisällöntuotanto- ja mediatapahtumien hallintajärjestelmä edustaa minun teknistä osaamista suunnitella ja toteuttaa monipuolinen verkkopalvelu.

Olen ollut avainhenkilö kehittämässä verkkopalvelun käyttöliittymiä, rajapintoja, tietokantoja, tietoturvaa, palvelinympäristön konfiguraatioita ja pilvipalvelujen integraatioita. Lisäksi olen osallistunut mobiilisovelluksen toteutukseen.

Projekti tarjosi loistavan mahdollisuuden laajentaa osaamistani ja oppia, miten kokonaisvaltainen verkkopalvelu suunnitellaan ja toteutetaan hyödyntäen uusimpia teknologioita. Käytössäni olivat monipuoliset teknologiat, kuten HTML, CSS, React, NodeJS, Express, Prisma, PostgreSQL, FFmpeg, Google API, AWS (S3, EC2, RDS), Websockets, Redis, Stripe, Apache, Flutter ja Dart.

Omat projektit

lumiannah.dev

Verkkosivu, 12/2023

Oman osaamisen esittelysivuston toteutus oli tavoitteiltaan hyvin selkeä: luoda mahdollisimman kevyet sivut ilman, että käyttäjäkokemus kärsii.

Sivuston toteutus tehtiin puhdasoppisesti käyttäen HTML/CSS -tekniikkaa, ja minimoimalla javascriptin käyttö. Tämä ratkaisu ei ainoastaan vahvistanut sivuston keveyttä, vaan myös varmisti, että käyttäjäkokemus säilyy ensiluokkaisena.

Toteutuksen arvioimisessa saavutin täydelliset pisteet erilaisissa performanssi-auditointityökaluissa. Less is more.

Kodin älykäs seurantajärjestelmä

Sulautettu järjestelmä, 09/2022

Sulautettu full-stack ratkaisu kodin energiankulutuksen ja huoneiden lämpötilojen seurantaan. Projektissa hyödynsin useita ESP8266-mikrokontrollereita yhdessä lämpötila- ja kosteusantureiden kanssa. Front-end toteutettiin Reactilla, back-end Node.js:llä, ja tiedot tallennettiin PostgreSQL-tietokantaan langattoman verkon avulla. Sovellukseen pääsee käsiksi laiteriippumattomasti asianmukaisilla tunnuksilla.

Automatisoitu varastonseuranta

Sulautettu järjestelmä, 07/2022

Sulautetun järjestelmän demonstraatio, joka automaattisesti seuraa varaston tilaa ja päivittää sen käyttäjälle, kuten ylläpidolle. Projektissa käytettiin ESP8266-mikrokontrolleria yhdessä lämpötila-, kosteus- ja ultraääniantureiden kanssa. Front-end toteutin vanilla js, back-end Node.js:llä ja tiedot tallennettiin PostgreSQL-tietokantaan. Myöhemmin jatkokehitin ideaa tarkempaan mittaukseen lisäämällä laser-anturin järjestelmään.

Kuvagalleria

Verkkosivu, 06/2022

Kompakti valokuvagallerian sivusto henkilökohtaiseen käyttöön.

  • Node-skripti, jolla voidaan muuttaa kuvakansio web-ystävällisesti.
  • API, joka lukee kuvahakemiston sisällön ja palauttaa tiedostonimet sekä niiden exif-tiedot JSON-muodossa.
  • Front, joka näyttää palautetut tiedot nopeasti ja toimii kuin natiivi mobiili galleriasovellus, jossa on mahdollisuus käyttää pyyhkäisyä, nähdä tiedoston tiedot ja ladata.

Tuotannonohjaus­järjestelmä

Verkkosovellus, 03/2022

Apuväline tilausten hallintaan oli välttämätön entisessä työssäni. Se pyrkii virtaviivaistamaan ja korvaamaan käytössä olevan perinteisen paperijärjestelmän tarjoamalla reaaliaikaisen tiedon jokaiselle osastolle.

Aiempi ongelma, jossa jokainen tuotanto-osasto sai viikoittain paperille tulostetun tilausluettelon, aiheutti haasteita muutosten tekemisessä, luettelon ajan tasalla pitämisessä ja oikeiden alihankintamateriaalien priorisointiin. Ratkaisuna kehitin prototyypin web-sovelluksesta, joka hallitsee tilausten hallintaa reaaliaikaisesti. Tämä sovellus mahdollistaa osastojen välisen yhteistyön, helpottaa tilausten suunnittelua ja varmistaa, että kaikki osastot ovat ajantasalla tuotantotilanteesta.

Prototyypin toteutus HTML:llä, CSS:llä ja Vue.js:llä.

Vaatteiden kaavoitus-työkalu konsepti

Verkkosovellus, 01/2022

Olen pohtinut, mitä jos voisi luoda web-sovelluksen, joka automaattisesti piirtää vaatteiden kaavat syötettyjen mittojen perusteella. Nämä kaavat voisi joko tilata valmiina, tulostaa itse tai saada visuaaliset ohjeet niiden piirtämiseen.

Projektin prototyyppi hyödyntää canvas-elementtiä piirtämiseen ja kommunikoi rajapinnan kautta Node.js-ympäristöön laskelmia varten. Vaikka projekti jäi keskeneräiseksi, en sulje pois, että joskus tavoitteena olisi luoda innovatiivinen työkalu, joka tekee vaatteiden kaavoituksesta yksinkertaista ja yksilöllistä käyttäjän mittojen mukaan.

Vincit Rising Star 2021

Verkkosovellus, 12/2021

Vincit Rising Star -ohjelman ennakkotehtävä keskittyy Bitcoinin historiatietojen esittämiseen CoinGeckon API:n avulla. Sovellus hyödyntää Vue.js:ää ja canvas-elementtiä visuaalisen esityksen luomiseen. Innovatiivisesti se myös sisältää ennustavan ominaisuuden, joka pyrkii antamaan näkemyksen Bitcoinin tulevaisuudesta!

SVG Network Apache Map

Verkkosovellus, 2012

Vanha svg-testi, json-tietolähde luotu Splunkista. Hyödyntää d3.

Pölyisiä konsepteja ja toteutuksia

Verkkosivuja ja sovelluksia, 2012