Web-asiakasohjelmointi

Web Client Programming

Web-asiakasohjelmointi

Työnkuvat Web-alalla

Merkintäkielet: XHTML, CSS,

Skripti: JavaScript, DHTML, Ajax, Plugin-tekniikat (Flash, Java Appletit jne.)

XML-tekniikat

Web-ohjelmoinnin työnkuvia

yrityksen web-pohjaisen tuotteen kehittäminen

Yrityksen web-sivuston kehittäminen käyttäen laajasti kieliä ja työkaluja

mm. Java, Visual Basic, C#, HTML, JavaScript, XML, ActionScript, PHP, Python ja Perl.

Yrityksen verkkosivujen toteutus ja ylläpito

Uusien APIen/Frameworkien testaus, valinta ja käyttöönotto

Web-palvelinteknologioiden valinta

Sosiaalisten verkkopalveluiden hyödyntäminen

Web-ohjelmoinnin työnkuvia II

Web-palvelinten asennus, ylläpito ja hallinta

web-palvelimelle asennettavien sovellusten hallinta ja konfigurointi

yritysten sisäisten Intranet-sovelluksien kehittäminen

Web-sovelluksissa käytettävän tietokantapalvelimen käyttö/konfigurointi

Sovellusten testaaminen

Sovellusten tietoturvan varmistaminen

Mitä Web 2.0 tarkoittaa?

Standardi (X)HTML ja CSS

Mahdollistaa sivujen toiminnan mahdollisimman monessa ympäristössä, myös mobiiliselaimilla

AJAX käyttöliittymäpuolella

JavaScriptin XMLHttpRequest-olio mahdollistaa taustalla tehtävän HTTP-pyynnön palvelimelle.koko sivua ei tarvitse päivittää, vaan haetaan vain tarvittava data

sivu on interaktiivisempi

sivun lataaminen ei näy käyttäjälle

Web 2.0 -teknologiat

Web 2.0-teknologiat (v. 2004->)

Desktop-sovellusten kaltainen käyttöliittymä Gmail, Google Maps pioneerisovelluksina

Sosiaaliset verkkopalvelutFacebook, LinkedIn

Web ServicesAmazon Web Services (esim. virtuaalinen tietokone valitulla käyttöjärjestelmällä valituilla ohjelmistoilla)

Web Feeds

Web Feeds

Datan jakaminen Web Feeds -syötteitä ja Web Services-palveluita käyttäen

Käyttäjä tai sovellus voi yhdistää tietoa useasta lähteistä käyttäen Web Feeds-formaatteja (RSS, Atom)

Web Services

Web Services-palveluiden avulla voidaan käyttää toisen web-sivuston dataa tai ohjelmia (esim. Näyttää kartta sivulla käyttäen Google Maps -karttapalvelua)

kaksi metodia: SOAP ja REST

Dataformaattina pääasiassa XML, mutta myös esim. JSON

RESTful Web Services

Web Services API: RESTful web services

Käytetään XML-pohjaista dataa + HTTP protokollan URL/metodeita

Arkkitehtuurimalli

Toteutus usein yksinkertaisempi kuin SOAP/WSDL-pohjaisessa Web Services-palveluissa

Esim. Facebook / REST API

Sosiaalinen media

Sosiaaliset verkkopalvelut

Blogit ja Foorumit mahdollistavat keskinäiset kommunikoinnin

Erilaisiin Sosiaalisen median palveluihin voi perustaa ryhmiä käyttäen ohjelmointirajapintojaAPI-rajapintoja mm. Facebook API, Open Social API

Web 2.0 -sovelluksen suunnittelu

Selainpuoli

Käytetään standardia XHTML-merkintäkieltä ja CSS-tyylisivuja

Käytetään JavaScriptiä käyttöliittymän tekemiseksi

Palvelimelle kommunikointiin käytetään AJAX-tekniikkaaHuom! AJAX valittiin 2007 monissa alan lehdissä tärkeimmäksi ohjelmistotekniikaksi

AJAX-tekniikan käyttöä kannattaa helpottaa valmiilla sovelluskehyksillä

Web 2.0-sovelluksen tekniikat

Asiakaspuolen tärkeimmät tekniikat

XML

Ajax

JavaScript

(X)HTML

CSS

Web Services APIt (teknologioita JavaScript, Ajax, JSON, KML jne.)

XML, eXtensible Markup Language.

Perusteknologia melkein kaikkeen datan vaihtoon ja rajapintoihin viimeisten vuosien aikana

W3C:n standardit

XML, DOM, XSLT, Xpath, Schema

XHTML

W3C:n standardi

Korvaa HTML:ää

Erityisesti mobiililaitteissa käytössä

SVG

Vektorigrafiikka XML-pohjaisessa muodossa

Voidaan upottaa JavaScriptiä

W3C standardi

Tuettu hyvin eri työvälineissä

Eri versioita (mm. Mobiililaitteisiin)SVG Tiny

XSLT

Tyylikieli

Mahdollistaa muutokset formaatista toiseen

Template-pohjainen

Käyttää Xpath-kieltä osana

XSL-Fo formatointikieli

mahdollistaa muunnokset XML:stä => PDF, PS, PNG, RTF ja TXT jne. muihinformaatteihin.

Google Maps, Earth, KML

geograafisen datan tallentaminen

Maanteiteellinen tieto, pisteet, viivat tai kuvat

käytössä Google Earth/Maps sovelluksissa

Tutorial KML:n käyttöön

http://code.google.com/apis/kml/documentation/kml_tut.html

Voi käyttää myös JavaScript-kieltä

Nokian Sports Tracker Symbian-puhelimissa generoi KML:ää:http://research.nokia.com/node/225/print

Web 2.0-sovellus: Facebook

Facebook client APIt

Core API

JavaScript SDK

RESTful API

FBML, Facebook Markup Language

FQL, Facebook Query Language

Client APIt PHP, JavaScript, Flash/ActionScript, iPhone

Muita XML-käyttökohteita?

Järjestelmäintegraatio

Yritysten välinen tiedonsiirto

Järjestelmien välinen tiedonsiirto

Verkkolasku

Toimisto-ohjelmien dokumentit

Ohjelmistojen konfigurointi/alustustiedostot