Web-sovellukset

sovelluksen logo

Arde Median kotisivut

Julkaistu 2022

Kotisivut yritykselleni, joita katselet parhaillaan! Homma lähti käyntiin sivukartan suunnittelusta ja käyttöliittymäkuvien piirtämisestä. Kun suunnitelma oli suunnilleen valmis, alkoi armoton koodaaminen. Toteutin sivuston Sveltellä, joka on JavaScriptin trendikäs ja kehittäjäystävällinen viitekehys.

Ominaisuuksia:

Blogialusta

Yhteydenottolomake

Kuvakaruselli

Animaatioita

Teknologiat:

svelte logo

Svelte

Tailwind CSS, daisyUI

firebase logo

Firebase

Firestore, Storage, Hosting, Functions

työpöytä esikatselu
sovelluksen logo

Flappi

Kehityksessä 2020-2021, ei aktiivinen

Digitaalinen fläppitaulu ja salibandyjoukkueen hallintajärjestelmä. Opin tämän projektin aikana hurjasti Reactia, TypeScriptiä ja AWS:n palveluja. Työstin sovellusta ystävieni kanssa, jotka auttoivat kilpailija-analyysissä ja UI-suunnitelmissa. Itse hoidin ohjelmoinnin ja projektinhallinnan.

Ominaisuuksia:

Animoitu fläppitaulu

Harjoituskirjasto

Kokoonpanon hallinta

Kalenteri ja tapahtumat

Teknologiat:

Amazon Web Services

Cognito, API Gateway, Route 53, Cloudfront, DynamoDB, Lambda, S3, IAM, CloudFormation, Certificate Manager

React

Material-UI, PWA

NodeJS

työpöytä esikatselu

Firstbeat web-sovellukset

Vuodet 2017-2020

Työsuhteessa Firstbeatilla ylläpidin yksin lähemmäs 10 eri web-sovellusta. Näistä toteutin itse muutaman kokonaan itse (mm. asiakashallintajärjestelmä). Valitettavasti näistä ei ole tarkempia kuvia, mutta tässä linkki opinnäytetyöhöni, jossa toteutin yhden järjestelmän uudistuksen.

Teknologiat:

Amazon Web Services

API Gateway, KMS, Route 53, Cloudfront, DynamoDB, Lambda, EC2, S3, IAM, CloudFormation, CloudWatch

React + NodeJS

3 sovellusta

GWT + Java EE

6 sovellusta

Mobiilisovellukset

sovelluksen logo

Floorball Manager

Julkaistu 2019

Salibandyjoukkueen käyttöön tarkoitettu sovellus, jonka avulla voidaan pitää kirjaa otteluista sekä tarkoista joukkue- ja pelaajatilastoista. Kokoonpanoja voidaan suunnitella kemialaskurin avulla.

Ominaisuuksia:

Ottelujen ja tilastojen muokkaaminen

Laukauskartat

Pelaajien välisen kemian analysointi tilastojen perusteella

Joukkueiden hallinta ja pelaajien kutsuminen/lisääminen

Teknologiat:

firebase logo

Firebase

Realtime Database, Authentication, Storage

Android

Java

mobiili esikatselu
sovelluksen logo

Herätysvalo

Julkaistu 2018

Herätysvalo toimii manuaalisesti tai yhteistyössä laitteen herätyskellon kanssa. Se käynnistyy ensin himmeänä ja kirkastuu aina herätykseen asti.

Ominaisuuksia:

Puhelimen herätyskelloon integrointi

Valon säätö (väri, kesto, nopeus)

Pienoisohjelma kotinäytölle

Teknologiat:

Android

Java

mobiili esikatselu
sovelluksen logo

Live Location

Julkaistu 2017, ei aktiivinen

Yksinkertainen sovellus sijainnin jakamiseen kavereiden kesken reaaliaikaisesti. Lisää kaverit, jaa sijaintisi ja näe kartalla missä kaverit liikkuvat.

Ominaisuuksia:

Kirjautuminen (Facebook / sähköposti)

Kuvien lataaminen

Sijainnin jakaminen reaaliaikatietokannan avulla

Teknologiat:

firebase logo

Firebase

Realtime Database, Authentication, Storage

Android

Java

Google Maps

Facebook API

Login

mobiili esikatselu
sovelluksen logo

Opiskelijalounas

Julkaistu 2017

Sovellus näyttää Kelan tukemat opiskelijalounasta tarjoavat ravintolat ja niiden lounaslistat.

Ominaisuuksia:

Näe lounasravintolat kartalla

Hakutoiminto kaupungin tai ravintolan mukaan

Löydä ravintolat lähellä sinua sijaintisi perusteella

Lataa suosikkiravintoloiden lounaslistat automaattisesti

Teknologiat:

firebase logo

Firebase

Realtime Database

Android

Java

Google Maps

mobiili esikatselu
sovelluksen logo

Menomesta

Julkaistu 2016

Onko illan menomestan valinta ollut joskus vaikeaa? Ei ole enää! Tämä sovellus näyttää sinulle kätevästi kaupunkisi halvimmat, lähimmät ja suosituimmat baarit. Koska käyttäjät voivat lisätä ja muokata tietoja, teet sovelluksesta entistä hyödyllisemmän omalla aktiivisuudella ja myös sinusta voi tulla kaikkien Janoisten Sankari!

Ominaisuuksia:

Yli 1000 lataajaa!

Oletettavasti Suomen laajin baaritietokanta

Tietojen hakeminen Facebookista

Baarien ja tapahtumien muokkaaminen

Karttatoiminto

Anonyymi chat

Seuranhakutoiminto

Teknologiat:

firebase logo

Firebase

Realtime Database, Authentication

Android

Java

Facebook API

Login, Events, Pages

Google Maps API

mobiili esikatselu
sovelluksen logo

Maze Speedrun

Julkaistu 2016

Löydä tiesi maaliin mahdollisimman nopeasti, mutta älä koske seiniin! Kilpaile muita pelaajia, kavereitasi, ja itseäsi vastaan. Peli sisältää 30 erilaista sokkeloa erilaisilla vaikeustasoilla, joten pelattavaa riittää tunneiksi.

Ominaisuuksia:

Google Games tulostaulukot ja saavutukset

Offline pelaaminen

Teknologiat:

Google API

Games

Android

Java

mobiili esikatselu
sovelluksen logo

Daily Travel Meter

Julkaistu 2015, ei aktiivinen

Sovellus tutkii sijaintia, laskee nopeuden ja erottelee henkilön kulkeman matkan kolmeen eri kulkutapaan. Kulkutavat ovat kävellen, pyörällä tai autolla. Lisäksi sovellus piirtää kuljetun reitin kartalle. Sovellus tutkii liikkeitäsi taustalla ja tallentaa sijaintia puhelimen muistiin.

Ominaisuuksia:

Päivittäinen matkamittari

Katso päivittäinen reitti kartalta

Lista 30 edellisen päivän matkoista

Parhaat tulokset kategorioittain

Widgetti päivittäisistä matkoista

Teknologiat:

Android

Java

Google Maps

mobiili esikatselu

Ohjelmistojen suunnittelu

Arde Median kotisivujen UI-suunnittelu

Väripaletti

#F89B00
#1f2937
#d1d5db
#ffffff

Fontit

Open Sans

AaBbCc

AaBbCc

AaBbCc

AaBbCc

Barlow Condensed

AaBbCc

AaBbCc

AaBbCc

AaBbCc

Rampart One

AaBbCc

AaBbCc

AaBbCc

AaBbCc

Logo

musta logo valkoinen logo

UI-kuva

esimerkki ui-kuvasta
Flappi -sovelluksen tekninen suunnittelu

Projektinäkymä

esimerkki projektinäkymästä

Vaatimusmäärittely

esimerkki vaatimusmäärittelystä

Tekninen kuvaus (AWS)

esimerkki teknisestä kuvauksesta

Videoeditointi

Olen tehnyt Youtubeen yli 50 videoprojektia. Tässä niistä parhaita ja tuoreimpia paloja. Työkaluina on toiminut lähinnä DaVinci Resolve, Sony Vegas PRO ja Adobe After Effects.