Portfolio


Next.js & React-sovellus.

Käyttäjä voi rekisteröityä ja kirjautua sisään web-sovellukseen.
Sovelluksen avulla joogaohjaaja pystyy suunnittelemaan helposti ja nopeasti tulevan joogaharjoituksen.

YogaPlanner - JAMK Kesäprojekti 2023 sivu.

YogaPlanner - Blogi sivu.

MERN-sovellus. (MongoDB, Express, React, Nodejs)

Käyttäjä voi rekisteröityä ja kirjautua sisään web-sovellukseen.
Syöttää tietoa tietokantaan, ja tiedosta voidaan piirtää graafisia esityksiä. Blogisivullani, on tämän projektin fullstack web-kehityksestä viisi osainen blog-sarja.

Osa5- HTTPS-salauksen käyttöönotto.

FullStack-kehitys 2023

Keväällä 2023 suoritin Jyväskylän Ammattikorkeakoulun FullStack kehitys kursseja.
Kurssit on olleet varsin opettavaisia, ja hauskoja, pääsi tekemään sekä backend, että frontend kehitystä. (MERN)
Ja miettimään miten websovellukset saadaan julkaistua internettiin palveluiksi.


Sportti appi, omalla serverillä, julkaistuna internettiin.
Blogi-sarja, websovelluksen luonnista ja julkaisusta.

Javascript- ja php-kurssit

Kesällä 2022 suoritin Jyväskylän Ammattikorkeakoulun Javascript- ja php-kurssit.
Kurssit oli varsin opettavaisia, ja hauskoja, pääsi pähkäilemään koodia web-pelien kautta.
Lisäksi käytiin läpi MVC (model, view ja control) ajattelua ja Laravel php kehitystä.


Breakout-peli.
YksikätinenRosvo-peli.
Käyttäjä: Annie Salasana: sala1

WEB-kehitys html-, css- ja javascript-kielten avulla

Web-kehitys kurssilla, toteutettin web-sivuja perinteisellä tavalla, eli käsin koodaamalla html ja css kielillä.
Esimerkiksi nämä sivut github-pages sivustolle on luotu käsin koodaamalla html, css ja javascript kielillä.
Jyväskylän Ammattikorkeakoulun kurssien pohjalta oli helppo lähteä jatkamaan web-kehitystä tälla tavoin.

WEB-kehitys WordPressin avulla

Harjoittelin myös Wordpress kehitystä Jyväskylän Ammattikorkeakoulun kurssin pohjalta.
Kehitysympäristön tein omalle koneelle, Oracle VM Virtual boxiin.
Tällä tavalla oli helppo lokaalisti isännöidä WordPressiä.
Vaihtoehtona koulu olisi tarjonnut omaa virtuaalista tilaansa, jonne olisi voinut ihan samalla tavalla luoda Linux -koneen.
Kurssin tarkoituksena oli opetella Wordpressiä backendin puolelta.
Olen käyttänyt WordPress ennen lähinnä web-hotellin kautta tehnyt mm. oman blogin, wordpress:n avulla, web-host web-palvelimelle, sekä ottanut käyttöön .com domain osoitteen. (https://www.koodinkutoja.com)
Jossa olen paljolti hyödyntänyt valmiita templateja sekä teemoja.
Nyt pääsi harjoittelemaan ja kokeilemaan, kuinka voi lähteä tyhjästä,
asentaa linux:sta lähtien kaiken alusta omalle palvelimelle ja luoda itse tehdä oman teeman ja muokata sitä omiin tarpeisiin sopivaksi.

CyberSecurity, eli kyberturvallisuus

Kyberturvallisuuskurssi oli myös mielenkiintoinen ja tärkeää tietoa, tässä maailman tilanteessa.
Kurssilla käytiin läpi kattavasti, mitä kyberturvallisuus on ja kuinka voidaan suojautua uhkia vastaan.
Yksi varsin mielenkiintoinen tapa oppia kyberturvallisuutta, oli astua hetkeksi hyökkääjän asemaan.
Virtuaalikoneiden avulla, käytiin läpi kuvitteellinen tilanne, jossa tehtävänä oli murtautua Wordpress web-palvelimelle.
Tämä auttoi ymmärtämään hyvin, miten mahdolliset hyökkääjät voivat käyttää hyväksi php:n ja wordpress lisäosien haavoittuvuuksia.
VulnHub-sivustolla, on hyviä esimerkkejä.

"Soittorasia" Raspberry Pi Pico -mikrokontrollerilla

Paperimassanukke, vanha keksipurkki, led-valoja ja vanha moottori joka pyörittää "tanssijaa".
Työssä käytetty Raspberry Pico mikrokontrolleria, ja kierrätyskomponentteja.

Kotiautomaatiota, Raspberry Pi:n ja Node.js:n avulla

Raspberry Pi -tietokoneelle on asennettu Node-Red palvelu, joka tuottaa salatun, https:// web-sivun. Sivun kautta, voi ohjata Siemens -automaatiolaitetta.

IoT-laitteen tuottaman datan visualisointia

Raspberry Pi -tietokone, joka mittaa lämpötilaa ja kosteutta antureilla.
RPi tallentaa kerätyt tiedot tietokantaan talteen ja tätä tietoa voidaan visualisoida graafisesti vaikka Power BI-työkalulla.

0:00
/



Opinnäytetyöni: IoT-järjestelmän toteutus



Ohessa video opinnäytetyöstäni: Node-RED:n ja Raspberry Pi -tietokoneen avulla ohjataan Siemens PLC -laitetta, web-sivulta.


Linkki theseukseen: IoT-järjestelmän toteutus Node-REDin, Siemens PLC:n ja Raspberry Pin avulla



Ota yhteyttä

henna@koodinkutoja.com

Jos haluat keskustella lisää projekteista.

- githubista löytyy myös lisätietoa.

- three.js, 3d websivut ovat yksi mielenkiinnon kohde;

Nykyisin voidaan tehdä esim. kaikenlaisia 3d elementtejä, web sivuille webgl/three.js sovelluksina.

- esimerkki sivun alalaidassa, voit leikkiä kissan kanssa, virtuaalisella lankakerällä.


Github -

Github