Skip to content

Pilvipalvelujen sovellukset ja rajapinnat

Posted in Pilvisovellusten tuotanto

 Sovellukset

Web-sovellus on toiminnallinen verkkosivu, joka on toteutettu JavaScriptillä. Esimerkiksi selaimeen latautuva peli tai animaatio voi olla HTML5-sovellus. Ohjelma voi tallettaa tietoa paikallisesti kuten muistio, editori, piirto-ohjelma. HTML5-sovellus ei välttämättä tarvitse verkkoyhteyttä, mutta useimmiten ne kommunikoivat verkon kanssa, jotta käyttäjä voi jatkaa sovelluksen käyttöä eri laitteilla ja tallettaa/hakea tietoa verkosta.

 HTML5

HTML5 tarkoittaa erilaisia, toisiinsa osittain liittyviä asioita:

  • HTML-merkintäkielen uutta versiota
  • sovellusten toteutusta web-tekniikoilla (JavaScript, CSS, HTML)

HTML5:n mukana tulevat uutuudet ovat:

  • Piirto-ominaisuudet (canvas, SVG)
  • Video- ja audio-ominaisuudet
  • Sisällön rakenne-elementit: article, header, footer jne.
  • Lomake-elementit: kalenteri, email, url, input-tietotyypit
  • parempi tuki offline-sisällölle
  • Paikallisten tiedostojen käsittely

Piirto-ominaisuudet

Canvas
  • Piirto-ja animaatiofunktiot JavaScriptillä
  • Yksitasoinen rasterigrafiikka – yksinkertainen ja nopea
  • Sopii hyvin grafiikka intensiivisiin peleihin
  • Lisätietoa: http://www.html5canvastutorials.com
SVG

HTML5 sivun rakenne

HTML5

  • JavaScript voi muokata sivun HTML-rakennetta rajattomasti. Siksi alkuperäinen HTML-tiedosto on vain sivun alkutila

HTML5-Sovelluksen Rakenne

Full stack

 

CSS3

CSS on www-sivun tyyliohje. CSS:n ominaisuudet ovat:

  • yleinen muotoilu
  • leveyden ja korkeuden asettaminen
  • reunaviivat ja täytteet
  • listojen muotoilu
  • fontit ja niiden ominaisuudet
  • asemointi

CSS3:n mukana tulevat uudet ominaisuudet ovat:

  • animointi
  • elementtien kääntäminen
  • laatikoiden muuntaminen
  • fontin venytys
  • tekstin kelaaminen

Osa ominaisuuksista on suunniteltu korvaamaan apletit ja flash.

JavaScript

JavaScript on pääasiassa www-svuilla käytettävä ohjelmointikieli. JavaScriptin avulla www-sivuille voidaan lisätä dynaamista toiminnallisuutta. JavaScriptiä voidaan käyttää palvelimen ohjelmoinnissa (node.js), pelien kehityksessä, työpöytä- sekä mobiilisovellusten tekemisessä.

jQuery

jQuery on kaikille selaimille tarkoitettu ilmainen, avoimen lähdekoodin JavaScript-kirjasto. jQuery sopii toimintojen käsittelyyn, animaatioiden tekemiseen, DOM-elementtien valitsemiseen ja Ajax-sovellusten tekemiseen. jQuery-kirjasto voidaan sisällyttää www-sivuun linkittämällä paikalliseen kopioon tai johonkin julkiseen palvelimen kopioon, esim. Google. Lisätietoa: jquery.com

jQuery UI

jQuery UI on jQuery:llä tehty käyttöliittymäkirjasto. Mm. Pinterest, IMDb ja Netflix käyttävät jQuery UI:ta. Lisätietoa: jqueryui.com

Bootstrap

Bootstrap on ilmainen, avoimen lähdekoodin kokoelma työkaluja www-sivujen ja www-sovellusten tekemiseen. Se sisältää malleja typografialle, lomakkeille, nappuloille, navigointiin ja muille käyttöliittymäkomponenteille. jQuery UI:ssa ja Bootstrap:ssa on paljon samoja toiminnallisuuksia. Bootstrap taitaa kuitenkin olla enemmän tätä päivää. Lisätietoa: getbootstrap.com

 

angularjs

AngularJS

AngularJS on Googlen ylläpitämä avoimen lähdekoodin JavaScript -ohjelmistokehys, joka avustaa yksisivuisten MVC-yhteensopivien www-sovellusten kehittämisessä ja käytössä. MVC-arkkitehtuurin avulla sivustojen kehitys ja testaus helpottuu. Lisätietoa: angularjs.org

AJAX

HTML5-sovelluksiin liitetään usein myös AJAX+REST-palvelu ja WebSocket-kommunikointi.

Ajax (Asynchronous JavaScript and XML) on tapa tehdä interaktiivisia web-sovelluksia. Ajax koostuu seuraavista osista: JavaScript, XML, CSS, ja DOM ja Microsoftin XMLHttpRequest.

Ajax mahdollistaa web-sivun sisällön päivityksen välittömästi kun käyttäjä päivittää sivua. Esimerkiksi Google Maps käyttää Ajaxia. Ajax-sovellukset eivät tarvitse liitännäisen asennusta, vaan toimivat suoraan web-selaimessa. Koska tekniikka perustuu XMLHttpRequestiin, aiemmat sovellukset toimivat vain IE-selaimessa. Nykyään suurin osa selaimista tukee Ajaxia.

Mobiilisovellukset

Cordova

Apache Cordovan avulla ohjelmoijat pystyvät tekemään mobiili-sovelluksia HTML5-tekniikoilla (HTML5, CSS3, JavaScript).

Ionic_Logo

Ionic

Ionic on täydellinen avoimen lähdekoodin SDK (Software Development Kit) mobiili-sovellusten toteutukseen. Ionic on tehty AngularJS:n ja Cordovan päälle. Se tarjoaa työkalut ja palvelut hybridi-mobiili-sovellusten tekemiseen HTML5, CSS ja Sass-tekniikoilla. Lisätietoa: ionicframework.com

Rajapinnat ja Web-palvelut

Yksittäisen tietopalvelun toteutus:

  • Palvelutyyppejä: SOAP, RESTful
  • Ohjelmallisesti kyse on vain funktion kutsusta, asiakasohjelma kutsuu palvelua nimellä ja parametreilla, palvelu antaa vastauksen
  • Yleensä http/https -protokolla
  • Datan tyyppi: XML tai JSON

REST

  • XML-, JSON-sanomarakenteet
  • Stateless: tilan/istunnon hallinta asiakasohjelman vastuulla
  • Kaikki REST-rajapinnat ovat samanlaisia

Julkisia Web-API-palveluita

  • omdbapi.com
  • www.programmableweb.com
  • https://open-data.europa.eu/fi/developerscorner
  • http://avoindata.net/dashboard/api/v1/
  • https://www.avoindata.fi/data/en/dataset?res_format=json
  • https://ilmatieteenlaitos.fi/avoin-data
  • https://developers.google.com
  • https://developer.spotify.com
  • http://developers.heiaheia.com/index.html

 

Viimeisimmät artikkelit

Kategoriat