Your SlideShare is downloading. ×
Web Client programming
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Web Client programming

689
views

Published on

General Presentation of Web 2.0 Client Techniques.

General Presentation of Web 2.0 Client Techniques.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
689
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Don Tapscott määrittee internetsukupolveksi ne, jotka ovat kasvaneet tietokoneiden parissa lapsuutensa. Merkkipaaluna toimii vuosi 1977
  • http://code.google.com/apis/opensocial/ HTML ja JavaScipt pohjainen Open Social API mahdollistaa pääsyn käytettävän sosiaalisen verkkopalvelun ystävälistoihin tai virtuaalilahjoihin, mutta vaatii luonnollisesti käyttäjätunnuksen käytettävään sosiaalisen median palveluun.
  • Oppaita ohjelmointiin: Google Maps API: http://code.google.com/apis/maps/index.html Google Maps API v3 Tutorial: http://code.google.com/apis/maps/documentation/v3/introduction.html Using MySQL and PHP to create KML: http://code.google.com/apis/kml/articles/phpmysqlkml.html Google Earth and JavaScript: http://googlegeodevelopers.blogspot.com/2008/06/earth-and-javascript-together-at-last.html
  • http://wiki.developers.facebook.com/index.php/Main_Page JavaScript API/SDK: http://developers.facebook.com/docs/?u=facebook.jslib Returns the Facebook user IDs of the current user's Facebook friends http://wiki.developers.facebook.com/index.php/Friends.get FB.ApiClient.friends_get http://developers.facebook.com/docs/?u=facebook.jslib.FB.ApiClient.friends_get
  • Transcript

    • 1. Web-asiakasohjelmointi
      • Web Client Programming
      • 2. Web-asiakasohjelmointi
        • Työnkuvat Web-alalla
        • 3. Merkintäkielet: XHTML, CSS,
        • 4. Skripti: JavaScript, DHTML, Ajax, Plugin-tekniikat (Flash, Java Appletit jne.)
        • 5. XML-tekniikat
    • 6. Web-ohjelmoinnin työnkuvia
      • yrityksen web-pohjaisen tuotteen kehittäminen
      • 7. 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
      • 8. Uusien APIen/Frameworkien testaus, valinta ja käyttöönotto
      • 9. Web-palvelinteknologioiden valinta
      • 10. Sosiaalisten verkkopalveluiden hyödyntäminen
    • 11. Web-ohjelmoinnin työnkuvia II
      • Web-palvelinten asennus, ylläpito ja hallinta
      • 12. web-palvelimelle asennettavien sovellusten hallinta ja konfigurointi
      • 13. yritysten sisäisten Intranet-sovelluksien kehittäminen
      • 14. Web-sovelluksissa käytettävän tietokantapalvelimen käyttö/konfigurointi
      • 15. Sovellusten testaaminen
      • 16. Sovellusten tietoturvan varmistaminen
    • 17. 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
          • 18. sivu on interaktiivisempi
          • 19. sivun lataaminen ei näy käyttäjälle
    • 20. Web 2.0 -teknologiat
      • Web 2.0-teknologiat (v. 2004->)
        • Desktop-sovellusten kaltainen käyttöliittymä
          • Gmail, Google Maps pioneerisovelluksina
        • Sosiaaliset verkkopalvelut
          • Facebook, LinkedIn
        • Web Services
          • Amazon Web Services (esim. virtuaalinen tietokone valitulla käyttöjärjestelmällä valituilla ohjelmistoilla)
        • Web Feeds
    • 21. Web Feeds
      • Datan jakaminen Web Feeds -syötteitä ja Web Services -palveluita käyttäen
      • 22. Käyttäjä tai sovellus voi yhdistää tietoa useasta lähteistä käyttäen Web Feeds -formaatteja ( RSS , Atom )
    • 23. 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
        • 24. Dataformaattina pääasiassa XML, mutta myös esim. JSON
    • 25. RESTful Web Services
      • Web Services API: RESTful web services
      • 26. Käytetään XML-pohjaista dataa + HTTP protokollan URL/metodeita
      • 27. Arkkitehtuurimalli
      • 28. Toteutus usein yksinkertaisempi kuin SOAP/WSDL-pohjaisessa Web Services-palveluissa
        • Esim. Facebook / REST API
    • 29. Sosiaalinen media
      • Sosiaaliset verkkopalvelut
      • 30. Blogit ja Foorumit mahdollistavat keskinäiset kommunikoinnin
        • Erilaisiin Sosiaalisen median palveluihin voi perustaa ryhmiä käyttäen ohjelmointirajapintoja
          • API-rajapintoja mm. Facebook API, Open Social API
    • 31. Web 2.0 -sovelluksen suunnittelu
      • Selainpuoli
        • Käytetään standardia XHTML -merkintäkieltä ja CSS -tyylisivuja
        • 32. Käytetään JavaScriptiä käyttöliittymän tekemiseksi
        • 33. Palvelimelle kommunikointiin käytetään AJAX -tekniikkaa
          • Huom! AJAX valittiin 2007 monissa alan lehdissä tärkeimmäksi ohjelmistotekniikaksi
          • 34. AJAX-tekniikan käyttöä kannattaa helpottaa valmiilla sovelluskehyksillä
    • 35. Web 2.0-sovelluksen tekniikat
      • Asiakaspuolen tärkeimmät tekniikat
    • 41. XML, eXtensible Markup Language.
      • Perusteknologia melkein kaikkeen datan vaihtoon ja rajapintoihin viimeisten vuosien aikana
      • 42. W3C:n standardit
        • XML, DOM, XSLT, Xpath, Schema
    • 43. XHTML
      • W3C:n standardi
      • 44. Korvaa HTML:ää
      • 45. Erityisesti mobiililaitteissa käytössä
    • 46. SVG
      • Vektorigrafiikka XML-pohjaisessa muodossa
        • Voidaan upottaa JavaScriptiä
      • W3C standardi
        • Tuettu hyvin eri työvälineissä
        • 47. Eri versioita (mm. Mobiililaitteisiin)
          • SVG Tiny
    • 48. XSLT
      • Tyylikieli
      • 49. Mahdollistaa muutokset formaatista toiseen
      • 50. Template-pohjainen
      • 51. Käyttää Xpath-kieltä osana
      • 52. XSL-Fo formatointikieli
        • mahdollistaa muunnokset XML:stä => PDF, PS, PNG, RTF ja TXT jne. muihinformaatteihin.
    • 53. Google Maps, Earth, KML
      • geograafisen datan tallentaminen
        • Maanteiteellinen tieto, pisteet, viivat tai kuvat
      • käytössä Google Earth/Maps sovelluksissa
      • 54. Tutorial KML:n käyttöön
        • http://code.google.com/apis/kml/documentation/kml_tut.html
        • 55. Voi käyttää myös JavaScript-kieltä
        • 56. Nokian Sports Tracker Symbian-puhelimissa generoi KML:ää:
          • http://research.nokia.com/node/225/print
    • 57. Web 2.0-sovellus: Facebook
      • Facebook client APIt
        • Core API
        • 58. JavaScript SDK
        • 59. RESTful API
        • 60. FBML, Facebook Markup Language
        • 61. FQL, Facebook Query Language
        • 62. Client APIt
          • PHP, JavaScript, Flash/ActionScript, iPhone
    • 63. Muita XML-käyttökohteita?
      • Järjestelmäintegraatio
      • 64. Yritysten välinen tiedonsiirto
      • 65. Järjestelmien välinen tiedonsiirto
      • 66. Verkkolasku
      • 67. Toimisto-ohjelmien dokumentit
      • 68. Ohjelmistojen konfigurointi/alustustiedostot