Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML
|
|
- Jari Toivonen
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 Järjestelmäarkkitehtuuri (TK081702) Ajax 2000-luvun alkuvuosina selainsotien rauhoituttua ohjelmistotalot alkoivat kehittää selainten luoman uuden ohjelmointiympäristön käyttötapoja. Syntyi AJAX (Asynchronous Javascript And XML) eli kokoelma ohjelmointimenetelmiä, joilla tehostettiin tiedonsiirtoa selaimen ja palvelimen välillä ottaen huomioon selaimessa tapahtuvan paikallisen vuorovaikutteisen käsittelyn tarpeet. AJAX on saavuttanut laajan suosion, mutta tarkkaan määriteltyä AJAX-standardia ei vieläkään ole. Jokainen AJAX-kehityspakettien kymmenistä toimittajista on koodannut oman tuotteensa omalla tavallaan. Erot eivät ole suuria, mutta niitä on riittävästi, jotta ne estävät AJAX-pakettien ristiintoimivuuden. 1
2 Ristiintoimivuudella on merkitystä sovelluskehittäjälle, jonka on vaikea vaihtaa kehitysvälineitään. Kehityspakettien erilaiset vahvuudet ja heikkoudet voivat tehdä valinnasta vaikean. Korostuu etenkin monitoimittajaympäristöissä, joiden palvelimissa ajetaan useiden eri sovellusvalmistajien sovelluksia. Käyttäjän kannalta ei suurtakaan merkitystä, koska AJAXilla tehdyt sovellukset kyllä toimivat uusimmilla selainversioilla moitteettomasti. Itse asiassa pitäytymällä AJAXissa sovelluskehittäjä vapautuu monista selainriippuvuuksista, jotka aiheuttaisivat muuten ongelmia. AJAXin kohdallakin on tapahtumassa selvää standardoitumista. Open AJAX Alliance ( on AJAXin käyttöä edistävä valmistajien yhteenliittymä, johon kuuluvat (lähes) kaikki merkittävät. 2
3 Konsortion tavoitteena ei ole määritellä tai standardoida mitään tiettyä kehityspakettia. Kiinnostus AJAX tekniikkaan on herännyt myös yhä useammassa loppukäyttäjä-yrityksessä. AJAX on tapa ohjelmoida AJAX ei ole uusi ohjelmointikieli AJAX on uusi tapa hyödyntää olemassa olevia standardeja AJAX perustuu JavaScriptiin ja HTTP-pyyntöihin AJAX mahdollistaa suoran yhteyden palvelimelle, XMLHttpRequest AJAX-teknologia yhdistää seuraavat olemassa olevat Web-tekniikat: HTML-kieli ja CSS-tyylit: tiedon esittäminen selaimessa, Document Object Model (DOM): näkymän muokkaaminen dynaamisesti selaimessa. 3
4 AJAX-teknologia yhdistää seuraavat olemassa olevat Web-tekniikat: XML-kieli ja XMLHttpRequest-rajapinta: tiedon välittäminen selaimen ja palvelimen välillä JavaScript (tai ECMAScript): toimintalogiikan toteuttaminen selaimeen. AJAX on selainpään tekniikkaa, joka riippumaton web-palvelimen toteutuksesta AJAX perustuu web-standardeille JavaScript XML HTML CSS Standardit ovat olleet käytössä vuosia AJAX mahdollistaa perinteisiä web-sovelluksia monipuolisempien ja käyttäjäystävällisempien sovellusten toteuttamisen Perinteisesti tiedon saamiseen palvelimelta käytetään GET/POST. Käyttäjän tulee valita Submit Odotetaan palvelimen vastauksena uuden tulokset sisältävän sivun latautumista 4
5 Kokosivun latautumisen myötä perinteiset web-sovellukset ovat hitaita ja eivät ole käyttäjäystävällisiä. AJAX toteutuksissa JavaScript muodostaa yhteyden suoraan palvelimelle JavaScriptin XMLHttpRequest-olion avulla. XMLHttpRequest-olio mahdollistaa tiedon siirtämisen selaimen ja palvelimen välillä lähettämättä sivua uudelleen Web-sivun käyttäjä ei havaitse taustalla tapahtuvaa tiedon vaihtoa selaimen ja palvelimen välillä. Samalla mahdollistuu sivun päivittäminen sivun lataamisen jälkeen. 5
AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML
AJAX-konsepti AJAX Asynchronous JavaScript And XML Viimeisin muoti-ilmiö web-ohjelmoinissa, termi Ajax tuli käyttöön vuoden 2005 aikana Joukko teknologioita, joiden avulla voidaan toteuttaa uudenlaisen
LisätiedotWWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys
WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000
LisätiedotWWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010
WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi
LisätiedotWWW-Sivustojen suunnittelu
WWW-Sivustojen suunnittelu Miten WWW toimii Web-selain hakee Web-sivun HTML-kielisen kuvauksen Sivuun liittyvät kuvat (jpeg, gif, png) Sivuun liittyvät muut elementit Palvelimen URL-osoite esim. http://www.metropolia.fi
LisätiedotJärjestelmäarkkitehtuuri (TK081702) Avoimet web-rajapinnat
Järjestelmäarkkitehtuuri (TK081702) SOA yleistyvät verkkopalveluissa Youtube Google... Avaavat pääsyn verkkopalvelun sisältöön. Rajapintojen tarjoamia tietolähteitä yhdistelemällä luodaan uusia palveluja,
Lisätiedot2 Web-lomakkeet. HTML-lomakkeet. Lomakkeiden perusteet
Web-lomakeet ovat verkkopalvelun tekninen perusta; käyttäjän syötteen välittäminen tapahtuu käytännössä aina lomakkeiden avulla Esimerkkejä lomakkeiden käytöstä: yksinkertaiset toiminnot: palautelomake,
LisätiedotDigitaalisen median tekniikat. Luento 4: JavaScript
Digitaalisen median tekniikat Luento 4: JavaScript Luennot 1. Intro 2. XHTML 3. CSS 4. JavaScript Historia Syntaksi Dom Esimerkki: kuvagalleria 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus
LisätiedotInternet-pohjaisen oppimisympäristön laadinta. Luento 3
Internet-pohjaisen oppimisympäristön laadinta Luento 3 Aiheena tänään Toteutustekniikoista yleisesti Selainriippumattomuudesta Hot Potatoes -ohjelmasta JavaScriptin perusteista 31.01.2013 IPOPPLA 2 Toteutustekniikoista
LisätiedotJärjestelmäarkkitehtuuri (TK081702)
Järjestelmäarkkitehtuuri (TK081702) yleistyvät verkkopalveluissa Youtube Google... Avaavat pääsyn verkkopalvelun sisältöön. Rajapintojen tarjoamia tietolähteitä yhdistelemällä luodaan uusia palveluja,
LisätiedotT-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot
T-111.361 Hypermediadokumentin laatiminen -Ohjelmointi Peruskäsitys www-ohjelmoinnin kentästä Tekniikat interaktiivisuuden toteuttamiseen tekniikat tekniikat Tietokannat Juha Laitinen TKK/TML juha.laitinen@hut.fi
Lisätiedotwww.solita.fi solita@solita.fi
www.solita.fi solita@solita.fi JAVA-SOVELLUSTEN RAKENTAMINEN INTEGROITUUN YMPÄRISTÖÖN Jarno Peltoniemi Solita Oy 10.5.2005 Aiheet Johdanto Portaalit, portletit Oracle Portal Java-sovelluksen rakentaminen
LisätiedotJärjestelmäarkkitehtuuri (TK081702) Web Services. Web Services
Järjestelmäarkkitehtuuri (TK081702) Standardoidutu tapa integroida sovelluksia Internetin kautta avointen protokollien ja rajapintojen avulla. tekniikka mahdollista ITjärjestelmien liittämiseen yrityskumppaneiden
LisätiedotDigitaalisen median tekniikat Luento 1: Intro
Digitaalisen median tekniikat Luento 1: Intro Web Mahtava alusta tiedon välittämiseen! Information Superhighway! Web Archive! Gutenberg! DEMO Kirjasto ja analoginen media digitaaliseksi Julkaisutekniikan
LisätiedotYksisivuisten web-sovellusten kehittäminen Angular 2 -sovelluskehyksellä
Miika Kujala Yksisivuisten web-sovellusten kehittäminen Angular 2 -sovelluskehyksellä Tietotekniikan kandidaatintutkielma 17. toukokuuta 2016 Jyväskylän yliopisto Tietotekniikan laitos Tekijä: Miika Kujala
LisätiedotKäyttöliittymien uusi sukupolvi Logicalla Rondo-tuotteessa
Käyttöliittymien uusi sukupolvi Logicalla Rondo-tuotteessa Vesa Tuononen, Sovellusarkkitehti www.logica.fi 0400-814260 Vesa.Tuononen@logica.com Joonas Lehtinen, CEO, PhD www.itmill.com 040-5035001 Joonas.Lehtinen@itmill.com
LisätiedotJohdatus rakenteisiin dokumentteihin
-RKGDWXVUDNHQWHLVLLQGRNXPHQWWHLKLQ 5DNHQWHLQHQGRNXPHQWWL= rakenteellinen dokumentti dokumentti, jossa erotetaan toisistaan dokumentin 1)VLVlOW, 2) UDNHQQHja 3) XONRDVX(tai esitystapa) jotakin systemaattista
LisätiedotSingle-Page Application -arkkitehtuurin käyttö verrattuna perinteiseen web-sovellukseen. Aija Kaakinen
Single-Page Application -arkkitehtuurin käyttö verrattuna perinteiseen web-sovellukseen. Aija Kaakinen Opinnäytetyö Tietojenkäsittelyn koulutusohjelma 2014 Tiivistelmä 7.5.2014 Tietojenkäsittelyn koulutusohjelma
LisätiedotCT50A2601 Käyttöjärjestelmät Androidin ja Symbianin vertailu Seminaarityö
CT50A2601 Käyttöjärjestelmät Androidin ja Symbianin vertailu Seminaarityö 0349955 Pekka Hyvärinen 0342194 Joonas Heikelä 0327708 Miro Temonen 0350122 Sami Tuominen Yleistä Seminaarityö osa kurssia Käyttöjärjestelmät
Lisätiedot582203 Tietokantasovellus (4 op) - Web-sovellukset ja niiden toteutus
582203 Tietokantasovellus (4 op) - Web-sovellukset ja niiden toteutus Sisältö Mikä on web-sovellus? Selaimen rooli web-sovelluksessa Palvelimen rooli web-sovelluksessa Aineistopyynnöt Tiedon välittäminen
LisätiedotHTML5 tablet uutissovelluksen suunnittelu ja toteutus
Miika Mehtälä HTML5 tablet uutissovelluksen suunnittelu ja toteutus Tietotekniikan pro gradu -tutkielma 31. lokakuuta 2013 Jyväskylän yliopisto Tietotekniikan laitos Kokkolan yliopistokeskus Chydenius
LisätiedotDigitaalisen median tekniikat. Luento 3: CSS
Digitaalisen median tekniikat Luento 3: CSS Luennot 1. Intro 2. XHTML 3. CSS Box Model Selektorit Esimerkkiä yms. 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus 7. Palvelinohjelmointi
Lisätiedot2. PEHMEÄ XHTML XRAJAHTML
Luennot 1. Intro 2. PEHMEÄ XHTML XRAJAHTML Dokumentin (matalan tason) rakenne DOCTYPE ja merkistökoodaukset Elementtien syvät rajat 3. CSS 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys &
LisätiedotAjax: WWW-sovellusten uudet mahdollisuudet
LAPPEENRANNAN TEKNILLINEN YLIOPISTO TEKNILLISTALOUDELLINEN TIEDEKUNTA TIETOTEKNIIKAN KOULUTUSOHJELMA Kandidaatintyö Ajax: WWW-sovellusten uudet mahdollisuudet Kandidaatintyön aihe on hyväksytty 3.10.2008.
LisätiedotISACA Finland 24.1.2008 OWASP 24.1.2008. The OWASP Foundation. Timo Meriläinen Antti Laulajainen. http://www.owasp.org
ISACA Finland 24.1.2008 Timo Meriläinen Antti Laulajainen 24.1.2008 Copyright The Foundation Permission is granted to copy, distribute and/or modify this document under the terms of the License. The Foundation
LisätiedotTikon Web-sovellukset
Kesäkuu 2017 1 (8) Tikon Web-sovellukset Kesäkuu 2017 2 (8) 1 Johdanto... 3 2 HTML5 sovellukset... 3 2.1 Tuetut selaimet... 3 2.2 Mobiililaitteet... 3 3 Muita ohjeita... 5 3.1 Yhteensopivuus -tila (Internet
LisätiedotTRANSPRO OY:N KOULUTUSTEN HALLINTAJÄRJESTELMÄ
SAIMAAN AMMATTIKORKEAKOULU Tekniikka Lappeenranta Tietotekniikka Viestintä Mika Pöntinen TRANSPRO OY:N KOULUTUSTEN HALLINTAJÄRJESTELMÄ Opinnäytetyö 2011 TIIVISTELMÄ Mika Pöntinen Transpro Oy:n koulutustenhallintajärjestelmä,
LisätiedotNeoxen Systems on suomalainen ohjelmistotalo. Olemme erikoistuneet tiedon- ja oppimisen hallinnan ratkaisuihin.
Neoxen Systems Tietoja meistä Neoxen Systems on suomalainen ohjelmistotalo. Olemme erikoistuneet tiedon- ja oppimisen hallinnan ratkaisuihin. Perustettu 2002 Turku Science Parkissa Toiminta kansainvälistä
LisätiedotTiedonsiirto- ja rajapintastandardit
Tiedonsiirto- ja rajapintastandardit Viitekehys Julkishallinnon perustietovarantojen rajapinnat (PERA) työryhmän tulokset valmiit syksyllä 2011 Määrittelee teknisen arkkitehtuuriratkaisun tietovarantojen
LisätiedotDOM ja Ajax. Jaana Holvikivi Metropolia. J.Holvikivi
DOM ja Ajax Jaana Holvikivi Metropolia Sisältö Client - server communication Javascriptin käyttö DOM XMLHTTP pyyntö Ajaxin toiminta Esimerkkitapauksia Sivujen haku HTTP:llä Selain: HTML, Skriptit, Plug-in
LisätiedotWeb sovelluksen kehittäminen sähkönjakeluverkon suojareleisiin
TEKNILLINEN KORKEAKOULU / VAASAN YLIOPISTO Diplomityöesitelmä Web sovelluksen kehittäminen sähkönjakeluverkon suojareleisiin Timo Ahola 2006 Web sovellus Web palvelut joiden avulla laite voidaan liittää
LisätiedotXML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.
XML prosessointi Miten XML dokumentteja luetaan ja kirjoitetaan XML prosessori lukee ja välittää XML dokumentin sovellukselle. Se sisältää entieettikäsittelijän (mahdollisesti) XML jäsentimen Sovellus
LisätiedotMVVM-mallin toteutus KnockoutJS-kirjastoa käyttäen
MVVM-mallin toteutus KnockoutJS-kirjastoa käyttäen Heikkilä, Jukka 2015 Kerava Laurea-ammattikorkeakoulu Laurea Kerava MVVM-mallin toteutus KnockoutJS-kirjastoa käyttäen Jukka Heikkilä Tietojenkäsittelyn
LisätiedotKäyttäjäkokemuksen parantaminen websovelluksissa
Käyttäjäkokemuksen parantaminen websovelluksissa AJAX:n avulla Mikko Tikkanen mikko.tikkanen@gmail.com Tiivistelmä Nykypäivänä web-sovellusten käyttöaste on nousemassa työpöytäsovellusten rinnalle; miltei
LisätiedotJWT 2017 luento 10. to klo Aulikki Hyrskykari. PinniB Aulikki Hyrskykari
JWT 2017 luento 10 to 20.4.2016 klo 12-14 Aulikki Hyrskykari PinniB 1096 1 Viime luennolla o Funktiot JavaScriptissä, callback, IIFE, sulkeumat ja Module pattern Tänään o AJAX (Asynchronous JavaScript
LisätiedotTapio Timonen. METIH - Metlan Tutkimustiedon Integroitu Hallintajärjestelmä
Tapio Timonen METIH - Metlan Tutkimustiedon Integroitu Hallintajärjestelmä Olen noudattanut Lustia-hankkeen (hankenro 2511) ohjelmistoratkaisuissa toimintatapaa, joka tekee sovelluksista helposti ylläpidettäviä
LisätiedotAjax-verkkosovellukset
[Kirjoita teksti] Ajax-verkkosovellukset Timeo-ajanseurantasovellus Viestinnän koulutusohjelma Verkkoviestintä Opinnäytetyö 28.5.2009 Sami Laakkonen Kulttuurialat TIIVISTELMÄSIVU Koulutusohjelma Viestinnän
LisätiedotLaajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus
Laajuus 5 op Luennot: 12 x 2t 11.3.2014 29.4.2014 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Aulikki Hyrskykari
LisätiedotRikkaat Internet-sovellukset
Poikonen Mikko Matias Rikkaat Internet-sovellukset Tietojärjestelmätieteen kandidaatintutkielma 21.5.2007 Jyväskylän yliopisto Tietojenkäsittelytieteiden laitos Jyväskylä TIIVISTELMÄ Poikonen, Mikko Matias
LisätiedotW3C ja Web-teknologiat
W3C ja Web-teknologiat Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: World Wide Web Consortium (W3C) on kansainvälinen
LisätiedotPALJON PUHUTTU AJAX. Viestinnän koulutusohjelma Verkkoviestinnän suuntautumisvaihtoehto Opinnäytetyö 23.4.2007. Pilvi Rimmanen
PALJON PUHUTTU AJAX Viestinnän koulutusohjelma Verkkoviestinnän suuntautumisvaihtoehto Opinnäytetyö 23.4.2007 Pilvi Rimmanen Kulttuuriala TIIVISTELMÄSIVU Koulutusohjelma Viestintä Suuntautumisvaihtoehto
LisätiedotTestausautomaation mahdollisuudet käyttöliittymän testauksessa. Anssi Pekkarinen 5.11.2015
Testausautomaation mahdollisuudet käyttöliittymän testauksessa Anssi Pekkarinen 5.11.2015 Agenda Kustannustehokkaan testausautomaation tekemiseen vaikuttavat tekijät Käyttöliittymätestauksen haasteet Uudet
LisätiedotLaurea-ammattikorkeakoulu Laurea Leppävaara. Tehokkaan Ajax-pohjaisen tarjoustyökalun toteuttaminen
Laurea-ammattikorkeakoulu Laurea Leppävaara Tehokkaan Ajax-pohjaisen tarjoustyökalun toteuttaminen Mikko Salo Tietojenkäsittelyn koulutusohjelma Opinnäytetyö Lokakuu, 2008 Laurea-ammattikorkeakoulu Laurea
LisätiedotXPages käyttö ja edut Jarkko Pietikäinen toimitusjohtaja, Netwell Oy
IBM Collaboration Forum ٨.٣.٢٠١١ XPages käyttö ja edut Jarkko Pietikäinen toimitusjohtaja, Netwell Oy ٢٠١١ IBM Corporation Domino-sovelluskehitys Nopea kehitysympäristö (Rapid application development,
LisätiedotMODERNIT WEB-SOVELLUKSET. LAHDEN AMMATTIKORKEAKOULU Tekniikan ala Tietotekniikka Ohjelmistotekniikka Opinnäytetyö Syksy 2013 Joonas Teurokoski
MODERNIT WEB-SOVELLUKSET LAHDEN AMMATTIKORKEAKOULU Tekniikan ala Tietotekniikka Ohjelmistotekniikka Opinnäytetyö Syksy 2013 Joonas Teurokoski Lahden ammattikorkeakoulu Tietotekniikan koulutusohjelma TEUROKOSKI,
LisätiedotSivuston nopeus. Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää.
Sivuston nopeus 47 / 100 Nopeus Pitäisi korjata: Ota pakkaus käyttöön Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää. Pienennä seuraavien resurssien
LisätiedotMELTIH - Metlan Tutkimustiedon Integroitu Hallintajärjestelmä
Tapio Timonen 21.02.2007 MELTIH - Metlan Tutkimustiedon Integroitu Hallintajärjestelmä Lustotiedon hallinnan ohjelmistoratkaisuissa on noudatettu toimintatapaa, joka tekee sovelluksista helposti ylläpidettäviä
LisätiedotSiirtoformaatit. Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu
Siirtoformaatit Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu 1 Johdanto Multimediatuotteiden siirrossa tarvitaan alusta- ja ohjelmistoriippumattomia
LisätiedotSivuston nopeus. Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus 79 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun uudelleenohjauksia
LisätiedotSiirtoformaatit. Johdanto. Yleistä. Sovellusalueet. Eri formaatit. Käyttötarkoitukset
Siirtoformaatit Johdanto Sovellusalueet Vaatimukset Raita- ja oliomalli Reaaliaikainen tiedonsiirto Erilaiset siirtoformaatit Vertailu Johdanto Multimediatuotteiden siirrossa tarvitaan alusta- ja ohjelmistoriippumattomia
LisätiedotWeb-sovelluksen toimintalogiikka palvelimelta käyttäjän selaimeen
Sami Tiilikainen Web-sovelluksen toimintalogiikka palvelimelta käyttäjän selaimeen Sähkotekniikan korkeakoulu Diplomityö, joka on jätetty opinnäytteenä tarkastettavaksi diplomi-insinöörin tutkintoa varten
LisätiedotSivuston nopeus. Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää.
Sivuston nopeus Mobiili 80 / 100 Nopeus Pitäisi korjata: Ota pakkaus käyttöön Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää. Pienennä seuraavien
LisätiedotIT ja viestintäteknologia
IT ja viestintäteknologia 206 Verkkosivujen tuottaminen Kuva: Skills Finland / Markku Heikkilä Lajivastaavat Miikka Merikanto 1 / 12 Suomen Liikemiesten Kauppaopisto miikka.merikanto(at)businesscollege.fi
LisätiedotHelsingin Sanomat ipad
Helsingin Sanomat ipad Sovelluksen mainosaineistojen tekniset ohjeet: kokosivu ja etusivu 13.5.2013 SISÄLLYS ipad-mainokset 2 Tekniikka ja tiedostokoot 3 Orientaatio 4 Linkit: richie-modal-browser 4 Gesture
LisätiedotTikon Web-sovellukset
Toukokuu 2015 1 (11) Tikon Web-sovellukset Toukokuu 2015 2 (11) 1 Johdanto... 3 2 Silverlight sovellukset... 3 2.1 Windows... 3 2.1.1 Microsoft Silverlight... 3 2.1.2 Tablet-laitteet... 4 2.1.3 Selaimet...
LisätiedotJAVASCRIPT-KEHITYSKIRJASTOJEN VERTAILU
JAVASCRIPT-KEHITYSKIRJASTOJEN VERTAILU Ammattikorkeakoulututkinnon opinnäytetyö Tietojenkäsittely Hämeenlinna, 25.3.2010 Mikko Mäkelä OPINNÄYTETYÖ Tietojenkäsittely Hämeenlinna Työn nimi JavaScript-kehityskirjastojen
LisätiedotCSS - tyylit. 13.11.2000 Seppo Räsänen
CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot
LisätiedotWWW-SOVELLUKSEN TOTEUTUS MVC-ARKKITEHTUURILLA
Opinnäytetyö (AMK) Tietotekniikka Internet-tekniikka 2011 Jussi Mäkilä WWW-SOVELLUKSEN TOTEUTUS MVC-ARKKITEHTUURILLA OPINNÄYTETYÖ (AMK) TIIVISTELMÄ Turun ammattikorkeakoulu Tietotekniikka Internet-tekniikka
LisätiedotLaiteriippumaton UI Ajaxilla ja Javalla
Laiteriippumaton UI Ajaxilla ja Javalla IT Mill Joonas Lehtinen, PhD CEO IT Mill Leading expert on RIA (Rich Internet Applications) Provides tools, services and support for software development for Web,
LisätiedotTyylien käyttö. <LINK href="mystyle.css" rel="stylesheet" type="text/css"> 5 WWW-hypermedian perusta: HTML
Tyylien käyttö Tyylien (style) ideana on HTML:n tapauksessa erottaa toisistaan dokumentin rakenne ja ulkoasu Tavoitteena on, että dokumentin loogisen rakenteen ja ulkoasun koodaus erotetaan toisistaan
LisätiedotKurssin hallinta -työväline
Kurssin hallinta -työväline Kurssin hallinta -työvälineellä muokataan kursseja A&Ooppimisympäristöalustalla Kurssi koostuu - ohjelmasta (linkit työkaluihin& muihin resursseihin), - materiaaleista, - keskusteluryhmästä,
LisätiedotESA BORG AJAX-HENKINEN SELAINKÄYTTÖLIITTYMÄ ASE-LAITOKSEN SÄÄASEMAAN. Kandidaatintyö
ESA BORG AJAX-HENKINEN SELAINKÄYTTÖLIITTYMÄ ASE-LAITOKSEN SÄÄASEMAAN Kandidaatintyö Tarkastaja: Jari Seppälä Aihe hyväksytty 30.8.2011 II TIIVISTELMÄ TAMPEREEN TEKNILLINEN YLIOPISTO Automaatiotekniikan
LisätiedotANGULARJS WEB-SOVELLUSTEN KEHITYKSESSÄ
ANGULARJS WEB-SOVELLUSTEN KEHITYKSESSÄ Tero Mustikkamaa Opinnäytetyö Elokuu 2016 Tietojenkäsittelyn koulutusohjelma Ohjelmistotuotanto TIIVISTELMÄ Tampereen ammattikorkeakoulu Tietojenkäsittelyn koulutusohjelma
LisätiedotPaikkatiedot palveluväylässä
1 Paikkatiedot palveluväylässä PATINE 28.9.2015 Lassi Lehto, hankkeen projektipäällikkö Tapani Sarjakoski, hankkeen vastuullinen johtaja 2 Hankkeen perustiedot Paikkatietopalvelujen kytkeminen palveluväylään
LisätiedotSivuston nopeus. Sivullasi on 3 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus 70 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 3 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun uudelleenohjauksia
LisätiedotSivuston nopeus. Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus 43 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun uudelleenohjauksia
LisätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus 67 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 2 estävää ohjelmaresurssia ja 4 estävää CSS-resurssia. Tämä viivästyttää
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 7/8: Tekninen toteutus Edellinen
LisätiedotPELIOHJELMOINTI JAVASCRIPT-KIRJASTOLLA
Harri Lappalainen PELIOHJELMOINTI JAVASCRIPT-KIRJASTOLLA Opinnäytetyö Tietojenkäsittely Marraskuu 2012 KUVAILULEHTI Opinnäytetyön päivämäärä 28.11.2012 Tekijä(t) Harri Lappalainen Nimeke Koulutusohjelma
LisätiedotINTERNETSELAIMEN ASETUKSET. Kuinka saan parhaan irti selaimesta
INTERNETSELAIMEN ASETUKSET Kuinka saan parhaan irti selaimesta ASETUKSET YLEISESTI Asetuksilla taataan, että Selaimen ulkoasu on toivotunlainen Kirjaimen ja kuvien koko Pop-up -ikkunoiden käsittely Joissakin
LisätiedotJärjestelmäarkkitehtuuri (TK081702) Lähtökohta. Integroinnin tavoitteet
Järjestelmäarkkitehtuuri (TK081702) Integraation tavoitteita Lähtökohta Web-palvelut Asiakasrekisteri ERP, Tuotannon ohjaus Tuotanto Myynti Intranet Extranet? CRM Johdon tuki Henkilöstö Kirjanpito Palkanlaskenta
LisätiedotMHP sovellusten synkronoituminen videokuvaan
Esitutkimus MHP sovellusten synkronoituminen videokuvaan Versio Päiväys Tekijä Kuvaus 0.1 5.10.2001 Mika Ståhlberg - Ensimmäinen luonnos 0.2 25.10.2001 Mika Ståhlberg - Lisätty Xlet-kehitykseen liittyvä
LisätiedotAjax selainpohjaisten sovellusten laatimisessa. Nico Hiort af Ornäs
TEKNILLINEN KORKEAKOULU Tietotekniikan osasto Tietotekniikan tutkinto-ohjelma Ajax selainpohjaisten sovellusten laatimisessa Kandidaatintyö Nico Hiort af Ornäs Ohjelmistotekniikan laboratorio Espoo 2008
LisätiedotSivuston nopeus. Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää.
Sivuston nopeus 40 / 100 Nopeus Pitäisi korjata: Ota pakkaus käyttöön Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää. Pienennä seuraavien resurssien
Lisätiedot13. Luento: Esimerkki: Symbianympäristö. Tommi Mikkonen,
13. Luento: Esimerkki: Symbianympäristö Tommi Mikkonen, tommi.mikkonen@tut.fi Agenda Johdanto Ydin Resurssien hallinta Aktiiviset oliot Dynaaminen muisti Sovellusmalli Laajennokset Yhteenveto Symbian OS
LisätiedotVisma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin
Visma Fivaldi Ohjeet Java web startin ja HTML5-työkalun aktivointiin Visma Software Oy pidättää itsellään oikeuden mahdollisiin parannuksiin ja/tai muutoksiin tässä oppaassa ja/tai ohjelmassa ilman eri
LisätiedotJärjestelmäarkkitehtuuri (TK081702) SOA, Service-oriented architecture SOA,
Järjestelmäarkkitehtuuri (TK081702) SOA SOA-arkkitehtuuri perustuu xml:ään ja Web Services teknologioihin Mahdollistaa joustavan mukautumisen tuleviin muutoksiin Kustannustehokas Toteutukset perustuvat
LisätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus 78 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 3 estävää ohjelmaresurssia ja 3 estävää CSS-resurssia. Tämä viivästyttää
LisätiedotRIKKAAT INTERNETSOVELLUKSET
RIKKAAT INTERNETSOVELLUKSET LAHDEN AMMATTIKORKEAKOULU Mediatekniikan koulutusohjelma Teknisen visualisoinnin suuntautumisvaihtoehto Opinnäytetyö 4.5.2009 Miika Joronen Lahden ammattikorkeakoulu Mediatekniikan
LisätiedotHENRI KUOKKANEN RESPONSIIVISEN WEB-KÄYTTÖLIITTYMÄN TOTEUTUS TUOTANNONOHJAUSJÄRJESTELMÄÄN
HENRI KUOKKANEN RESPONSIIVISEN WEB-KÄYTTÖLIITTYMÄN TOTEUTUS TUOTANNONOHJAUSJÄRJESTELMÄÄN Diplomityö Tarkastaja: professori Tommi Mikkonen Tarkastaja ja aihe hyväksytty 31. maaliskuuta 2017 i TIIVISTELMÄ
LisätiedotW3C ja alueellinen standardointi
W3C ja alueellinen standardointi Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: W3C on kansainvälinen konsortio
LisätiedotSivuston nopeus. Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää.
Sivuston nopeus Mobiili 40 / 100 Nopeus Pitäisi korjata: Ota pakkaus käyttöön Tiivistämällä resursseja gzip- tai deflate-koodilla voit vähentää verkon kautta lähetettävien tavujen määrää. Pienennä seuraavien
LisätiedotVisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu
HAAGA HELIA/IltaTiko ICT2TD005: Ohjelmisto suunnittelutaito 1 VisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu Tämä pikaopas opastaa käyttämään VisualStudion web sivujen suunnittelu ja toteutusominaisuuksia.
LisätiedotSivuston nopeus. Sivullasi ei ole uudelleenohjauksia. Lue lisää aloitussivun uudelleenohjausten välttämisestä.
Sivuston nopeus 100 / 100 Nopeus 10 Hyväksytyt säännöt Älä käytä aloitussivun uudelleenohjauksia Sivullasi ei ole uudelleenohjauksia. Lue lisää aloitussivun uudelleenohjausten välttämisestä. Ota pakkaus
Lisätiedot52 / 100 Nopeus. Sivuston nopeus. Pitäisi korjata: Hyödynnä selaimen välimuistia. Mobiili
Sivuston nopeus 52 / 100 Nopeus Pitäisi korjata: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin ladatut
LisätiedotHTML5-SOVELLUSKEHITYS Case: Ilmavirtalaskuri
Jani Saareks HTML5-SOVELLUSKEHITYS Case: Ilmavirtalaskuri Opinnäytetyö Tietojenkäsittelyn koulutusohjelma Marraskuu 2015 KUVAILULEHTI Opinnäytetyön päivämäärä 30.11.2015 Tekijä(t) Jani Saareks Koulutusohjelma
LisätiedotTOMI SYVÄJÄRVI SÄÄASEMAJÄRJESTELMÄN VIRTUAALIMALLI. Kandidaatintyö
TOMI SYVÄJÄRVI SÄÄASEMAJÄRJESTELMÄN VIRTUAALIMALLI Kandidaatintyö Tarkastaja: projektipäällikkö Jari Seppälä Työ jätetty tarkastettavaksi 29. marraskuuta 2013 II TIIVISTELMÄ TAMPEREEN TEKNILLINEN YLIOPISTO
LisätiedotMIKKO HAAPANEN AJAX-TEKNIIKOIDEN HYÖDYNTÄMINEN VAISALA ROSA -SÄÄASEMAN SELAINKÄYTTÖLIITTYMÄSSÄ
MIKKO HAAPANEN AJAX-TEKNIIKOIDEN HYÖDYNTÄMINEN VAISALA ROSA -SÄÄASEMAN SELAINKÄYTTÖLIITTYMÄSSÄ Kandidaatintyö Tarkastaja: Mikko Salmenperä II TIIVISTELMÄ TAMPEREEN TEKNILLINEN YLIOPISTO Automaatiotekniikan
LisätiedotWWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa
WWW ja tietokannat WWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa tekstiä, kuvia, hyperlinkkejä Staattiset sivut kirjoitettu kerran, muuttaminen käsin ongelmana pysyminen ajantasalla Ylläpito hankalaa,
LisätiedotJS-kehitys - yleiskuvaus. TIEA255 - Juho Vepsäläinen
JS-kehitys - yleiskuvaus TIEA255 - Juho Vepsäläinen Taustaa Basic, Pascal, C (PC, AVR), Java, Object Pascal (Delphi), PHP, Python, Lua, AS2, C++ (Qt) JavaScript,... Avoimen lähdekoodin proj. kehitystä
LisätiedotSisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002
, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi
LisätiedotXML johdanto, uusimmat standardit ja kehitys
johdanto, uusimmat standardit ja kehitys Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: on W3C:n suosittama
LisätiedotSivuston nopeus. Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä
Sivuston nopeus 69 / 100 Nopeus Pitäisi korjata: Poista hahmonnuksen estävä JavaScript ja CSS sivun yläosan sisällöstä Sivullasi on 11 estävää ohjelmaresurssia ja 7 estävää CSS-resurssia. Tämä viivästyttää
LisätiedotHarjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript)
Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript) Kurssin toisessa harjoitustyössä tutustutaan verkkosivujen toiminnallisuuden toteuttamiseen JavaScript:n avulla. Lisäksi käydään läpi verkkosivuston
LisätiedotSivuston nopeus. Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista.
Sivuston nopeus Mobiili 56 / 100 Nopeus Pitäisi korjata: Älä käytä aloitussivun uudelleenohjauksia Sivullasi on 2 uudelleenohjausta. Uudelleenohjaukset viivästyttävät sivun lataamista. Vältä aloitussivun
LisätiedotSivuston nopeus. (vanhentumista ei ole määritetty)
Sivuston nopeus 93 / 100 Nopeus Harkitse korjaamista: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin
Lisätiedotecome Markkinoiden kehittynein julkaisujärjestelmä
ecome Ecome Finland Oy Itämerenkatu 3 p. 020 7749 580 00180 Helsinki p. 020 7749 585 Suomi - Finland ecome@ecome.fi y. 2193874-3 www.ecome.fi Ecome-järjestelmä pähkinänkuoressa Ecome on suomalaisen yhtiön
LisätiedotDart. Ryhmä 38. Ville Tahvanainen. Juha Häkli
Dart Ryhmä 38 Ville Tahvanainen Juha Häkli 1.LYHYESTI Dart on luokkapohjainen, yksiperintäinen, puhdas olio-ohjelmointikieli. Dart on dynaamisesti tyypitetty. Sovellukset on organisoitu modulaarisiksi
LisätiedotHTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.
HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan
LisätiedotHTML5 sovellusalustana
HTML5 sovellusalustana Mitä HTML5-sovellukset ovat? 12 HTML5 sovellusalustana Mitä HTML5-sovellukset ovat? HTML5:n kaksoismerkitys Ilmauksella HTML5 on selvästi kaksi eri merkitystä. Sovellusten kehittäjien
Lisätiedot