JWT 2016 Johdatus www-tekniikoihin 5 op

Koko: px
Aloita esitys sivulta:

Download "JWT 2016 Johdatus www-tekniikoihin 5 op"

Transkriptio

1 JWT 2016 Johdatus www-tekniikoihin 5 op Aulikki Hyrskykari (luennot) sposti: Antti Sand (harjoitukset) sposti: 1

2 Luento 1 o Kurssin sisältö o Kurssin järjestelyistä kurssimateriaalit: on line / kurssikirjat opetus ja kurssin suoritus kurssilla käytettävät työkalut o Web terminologiaa o HTML-kertausta (HTML5) HTML-elementti Globaalit attribuutit HTML Syntaksi koodin kirjoitustyyli, validointi HTML5, semanttinen merkkaus interaktiiviset elementit DOMista (Document Object Model) alustavasti 2

3 Kurssin sisältö (karkeasti,voi muuttua) www-sivujen toteuttamiseen liittyvät tekniikat kehittyvät hurjaa vauhtia, aktiivisen tiedon hakemisen asenne tärkeä o HTML5&CSS kertausta ja täydennystä (CSS3) o Vierailuluento ti Antti Mattila / Futurice työelämänäkulman webkehitykseen, tämän hetkisiä tekniikoita ja trendejä. o JavaScript perusteet o DOM o Tapahtumat ja tapahtumankäsittely o JavaScript funktiot, objektit ja metodit o jquery o Rajapinnoista (HTML5 JavaScript APIs) o AJAX ja JSON + (mahdollisia erityisaiheita) 3

4 Kurssin oheismateriaalia: Internet o Web on pullollaan (todella!) selainohjelmointiin liittyviä dokumentteja ja muita sivustoja, tutoriaaleja, työkaluja ja artikkeleita o Virallinen totuus: W3C, HTML5 (W3C-standardointiprosessi): W3C HTML5 Recommendation (28 Oct 2014) : https://www.w3.org/tr/html5/ CSS present status: https://www.w3.org/tr/css/ o Muita (HTML, CSS, JavaScript, DOM, ) Web Platform Docs: webin tärkeimpien kehittäjien yhteisesti ylläpitämä sivusto myös virallinen (W3C mukana yhteisössä) MDN, Mozilla Developers Network: https://developer.mozilla.org Web Platform Technologies: HTML, CSS, JavaScript) erinomaisia tutoriaaleja W3Schools: interaktiivisia esimerkkejä, erittäin näppärä kokeilualusta 4

5 Kurssin oheismateriaalia: Kirjoja o Jon Duckett (2014): JavaScript & jquery: interactive frontend web development o Stoyan Stefanov and Kumarru Chetan Sharma (2013): Object-Oriented JavaScript 5

6 Opetus o o o o o o o 12 luentokertaa: ti 10-12: PinniB1096, to 14-16: PinniB harjoitusta: pe 10-12: Linna ML51, ma 12-14: TietoPinni ML9 harjoitusryhmiin voi mennä saamaan apua harjoitusten teossa, niihin ei ole pakko osallistua Tekemällä harjoitukset H1 ja H2 ryhmissä pyritään varmistamaan, että kaikki pääsevät kurssilla vauhtiin H1: HTML/CSS kertausta ja täydennystä, H2:JavaScript-ohjelmoinnin alkeita ryhmässä hyvä web-sivujen tekijä ja hyvä ohjelmoija ryhmän palauttaa saman ratkaisun, mutta jokainen julkaisee ratkaisun omalla kotisivullaan ryhmä vastuussa siitä, että kaikki saavat ratkaisun julkaistuksi tehdyksi, kaikki ryhmän jäsenet saavat saman pistemäärän ratkaisuja kannattaa tehdä itsenäisesti pari päivää, ja sen jälkeen kokoontua ryhmän kanssa tekemään yhdessä eteenpäin, ja tekemään tekemättä jääneitä yhdessä paras tapa oppia jokin asia on opettaa se jollekulle toiselle Loput harjoitukset (H3-H6) kukin tekee itse jos ryhmä toimi hyvin, voi edelleen kokoontua pohtimaan ratkaisuja mutta ei saa jättää samaa työtä saman työn jättäminen katsotaan kopioinniksi Ratkaisut julkaistaan web-sivuina yliopiston palvelimella ja sivun osoite palautetaan Wetoon Palautusajan jälkeen kaikki pisteyttävät oman työnsä annettujen malliratkaisujen pohjalta + yhden vertaistyön Harjoitustyön tehtävänanto jaetaan huhtikuun puolenvälin jälkeen 6

7 Kurssin suoritus o Kurssin arvosanaan vaikuttavat osasuoritukset viikkoharjoitukset 40% harjoitustyö 40% tentti 20% o Tentti lähinnä testaa sen, että viikkoharjoitukset ja harjoitustyö on tehty itse tentti ei ole vaikea niille, jotka ovat tehneet kurssityöt itse, mutta ellei ole tehnyt tentistä tuskin pääsee läpi) 7

8 Kurssilla käytettävät järjestelmät o WETO (https://weto.sis.uta.fi/weto5) Luennot Harjoitukset: tehtävänannot ratkaisut voi tehdä aina toimiviksi ensin omalla koneella, ja julkaista ne sitten (ellei toisin ohjeisteta) yliopiston palvelimella, esim. Harjoitukset: palautukset Wetoon palautetaan tekstitiedosto, jossa julkaistujen ratkaisujen osoitteet o MOODLE (https://learning2.uta.fi/course/view.php?id=8445) Moodlessa keskustelufoorumi, TIETA9 Johdatus www-tekniikoihin, kurssiavain: jwt16 muissakin selaimissa löytyy vastaavanlaiset työkalut o Yliopiston palvelimen käyttö Et ole ole julkaissut sivuja yliopiston palvelimella? ohjeet sivujen julkaisuun, kotisivuohje: https://intra.uta.fi/portal/group/tietopankki/kotisivuohje ohjeita T3-kurssin materiaalista: oikeuksien haku, ilmoitus osoitteessa: julkaiseminen webissä (Luku 3) 8

9 Kurssilla käytettävät työkalut o HTML/CSS/JavaScript editori Sublime Text 3 ilmainen kurssi (hups! ennen oli kokonaan ilmainen, osat löytyvät YouTubesta edelleen) Muita editoreitakin saa toki käyttää: Notepad++, Netbeans, jne. o Selaimeen integroidut webkehittäjätyökalut käytetään luennoilla Chromen työkaluja (Developer Tools, F12) muissakin selaimissa löytyy vastaavanlaiset työkalut o Demoilutyökaluja, esim. JSFiddle W3School 9

10 Web terminologiaa: selain, selainmoottori, HTTP o Selain on asiakasohjelma (client program, esim. Firefox, Chrome, ), joka pyytää (ja saa) sivuja, renderöi sivut, suorittaa skriptejä HTTP on yksi protokollista, joita käytetään koneiden keskinäiseen kommunikointiin (FTP, telnet, ) huolehtii virheettömästä tiedon siirtämisestä käyttää sivujen renderöintiin selainmoottoria (rendering engines, web browser engines) Chrome, Safari: WebKit (-webkit) Firefox: Gecko (-moz) IE: Trident (-ms) Opera: Presto (-o) 10

11 Web terminologiaa: Palvelin, Intenet o Palvelin on tietokone, joka saa wwwsivupyyntöjä asiakaskoneilta, ja toimittaa sille takaisin sivuja palvelimelle tallennettuja sivuja usein lennossa dynaamisesti tietokannan ja ohjelmistojen avulla generoituja sivuja DNS-palvelin (domain name system), erityinen palvelin, joka muuntaa URLosoitteen IP-osoitteeksi o Internet on globaali infrastruktuuri joka yhdistää palvelin- ja selaintietokoneet mahdollistaa esim. www:n toiminnan Database Database Web Service 11

12 Dynaamisesti muodostettavat www-sivut o Alkuaikoina palvelimilla tallessa staattisia sivuja joita pyynnöstä lähettivät selaimella o Nykyisin HTML tuotetaan palvelimella: back-end web programming käyttäen hyväksi palvelimelle tallennettuja tietokantoja selaimessa: front-end web programming Database Database Web Service 12

13 Selainohjelmointi Kolme yhdessä toimivaa standardia ( kieltä ) o HTML hypertext mark-up language kuvaa sivun sisällön ja rakenteen o CSS3 cascading stylesheets kuvaa sivun esitysmuodon o JavaScript - suoraan selaimessa tulkittavaa ohjelmakoodi saa aikaan toimintaa selaimessa 13

14 Content Management System (CMS ) o Sisällönhallintajärjestelmä kehitetty digitaalisen informaatiosisällön hallinnan helpottamiseksi o Tietokanta ja siihen liitetty sivunmääritystyökalupakki, jonka avulla sivuston toteutus, päivittäminen ja ylläpito helpottuu o Sivun esitysmuodon pääsee määrittelemään interaktiivisesti HTML ja CSS muodostetaan automaattisesti o WordPress webin laajimmin käytetty sisällönhallintajärjestelmä 14

15 Mikä on HTML5? 1) Suppeampi käsitys HTML-kielen uusi kehitysvaihe kehitystyön aloitti WHATWG Web Hypertext Application Technology Working Group (Mozilla, Opera ja Apple) huolissaan, ettei W3C:n XHTML2-kehitys ollut tarpeeksi yksityiskohtaista selainvalmistajat toteuttivat omia lisäominaisuuksiaan W3C otti jatkaakseen HTML5:n kehitystyötä 2006 (XHTML2 kehitys lopetettiin) WHATWG edelleen olemassa ja kehittää versiota HTML5.1 ( living HTML ) 15

16 Mikä on HTML5? 2) Laajempi käsitys: Interaktiivinen HTML5-kielen piirteitä hyväksi käyttävä sovellus sovellus, joka toimii selainmoottorinperustalla kehitettiin vastaamaan mobiililaitteiden haasteisiin vastineeksi laitekohtaisille tai suljetuille (FLASH) tekniikoille käyttää avoimia tekniikoita: HTML, CSS, JavaScript 16

17 Yksinkertainen HTML-dokumentti headelementti h1- elementti <!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>html-sivu</title> </head> <body> <h1> Elementtejä ja attribuutteja </h1> <p> Tällä sivulla on otsikko ja kaksi kappaletta (tämä on kappaleista ensimmäinen). </p> <p> Tämä on <em>toinen</em> kappale ja tässä on kuva <a href="http://www.visittampere.fi">tampereesta</a><br> <img src = "img/01-tampere.jpg" alt="tampereen Hämeensilta"> </p> </body> </html> http-, src- ja alt-attribuutit o Elementtejä ja attribuutteja o Palvelimelle vietynä tulee julkaistuksi webissä o Voidaan kuitenkin katsoa myös samalle koneelle tallennettuna suoraan selaimessa 17

18 HTML elementti attribuutti (attribute) <p id="tunnus">elementin sisältö</p> alkutunnus (start tag) lopputunnus (start tag) o Elementillä voi olla useita (tai ei yhtään) attribuuttia: [attribute] * o Attribuuttien avulla välitetään lisätietoa siihen miten elementti piirretään (renderöidään) sivulle o Elementti voi olla tyhjä, jolloin lopputunnus puuttuu esim. <img src="img/kuva.png /> 18

19 Globaalit attribuuti o Kaikille elementeille voi antaa minkä tahansa gobaaleista attribuuteista o Kullekin elementille määritelty erikseen mitä muita attribuutteja elementti voi saada o Globaalit attribuutit ovat accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style, tabindex, title, translate o tärkeät attribuutit class ja id 19

20 HTML5 syntaksi https://www.w3.org/tr/html5/syntax.html o Syntaksi on hyvin salliva verrattuna aiempaan versioon (XHTML) esimerkiksi joskus lopputunnuksen saa jättää pois syntaksissa määritelty miten selaimen tulee se tulkita o Usein vaarallista (!) käyttää tätä sallivuutta hyväkseen esimerkiksi: <p class=important warning> </p> <p class="important warning"> </p> ensimmäisessä p kuuluu luokkaan important ja sillä on boolean-attribuutti warning toisessa p kuuluu kahteen luokkaan, important ja warning o syntaksin mukaan attribuuttien arvot voivat olla joko hipsuissa, lainausmerkeissä tai ilman erottimia ympäröi kuitenkin aina arvot lainausmerkeillä: attribuutin-nimi = "arvo" 20

21 Koodin kirjoituksen tyylisäännöt o Koodin kirjoituksessa paljon yleisesti hyväksyttyjä tyylisääntöjä nimeämiskäytännöt, ohjelmistotaloissa yleensä talon omat tyylisäännöt, joita tulee noudattaa ks. esimerkiksi Google: https://google.github.io/styleguide/htmlcssguide.xml (kommentointi: W3School: o Kyse paljon isommasta asiasta kuin pelkästä hyvästä tyylistä omasta mielestä hyvä ja yhtenäinen tyyli parempi kuin ei mitään mutta se ei riitä: Paul Jones: Why Coding Standards Matter? isoissa projekteissa joutuu usein ottamaan nopeasti toisen kirjoittama koodi haltuun mikä on minusta hieno on toisen mielestä raivostuttava jokaisen omasta tyylistä ei voi tehdä standardia Nicholas Zakas: Why Coding Style Matters? o Erityisen tärkeää sallivassa HTML5:ssa (sallivuuteen pätevät syyt) 21

22 Validointi (!) o Validointi tärkeätä tuo esiin virheitä, jotka muuten jäisivät huomaamatta useimmiten selaimet renderöivät sivun virheistä huolimatta virheellisen koodin tulkinta vaihtelee eri selaimissa o HTML Validointi koodin voi viedä validaattoriin antamalla julkaistun html-sivun osoite uploadaamalla html-tiedosto kopioimalla koodin leikepöydän kautta o CSS Validointi https://jigsaw.w3.org/css-validator/validator.html.en jos viedä css-koodin tai julkaistun html-sivun osoitteen, jolloin myös sivuun liitetty CSS-koodi validoidaan 22

23 JWT-koodaussäännöt: HTML / CSS attribuuttien arvot aina lainausmerkkeihin ("kaksoishipsuihin") elementtien nimet pienellä, esim: <html> ei: <HTML> luokkien ja tunnusten nimet merkityksellisiä, sanojen erotus väliviivalla, esim: <p class="tunnistus-virhe" > ei: <p class = punainen > koodirivit mahdollisuuksien mukaan alle 80 merkin mittaisia yli rivin mittaisissa elementeissä alku- ja lopputunnukset allekkain, sisältö sisennettynä kontekstin määrittävien prefiksien käyttö nimissä suotavaa, esim: <aside class="info-note"> <p class= "info-teksti >... </p>... </aside> suljetaan elementit aina, myös tyhjät elementit, esim: <img src= img/kuva.jpg /> aakkostetaan samaan elementtiin kohdistuvat CSS-säännöt (selainmottoriprefiksit kuitenkin jätetään huomiotta) esim: 23

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & 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ätiedot

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys

WWW-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ätiedot

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta. 3 HTML ja XHTML Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Lisätiedot

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:

XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa: XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),

Lisätiedot

Internet-pohjaisen oppimisympäristön laadinta. Luento 3

Internet-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ätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word

Lisätiedot

Notepad++ on ilmaisohjelma ja sen voi ladata osoitteesta: http://notepad-plus-plus.org/

Notepad++ on ilmaisohjelma ja sen voi ladata osoitteesta: http://notepad-plus-plus.org/ 1 HTML-perusteita HTML on lyhenne sanoista Hyper Text Markup Language. Aluksi oli kyse tekstidokumenteista, jotka oli linkitetty toisiinsa nk. hyperlinkkien avulla. Nykyään HTML-dokumentit sisältävät paljon

Lisätiedot

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com

Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com Lisätehtävät Frantic 2015 sivu 1 www.frantic.com Fontit - Google fonts Fonttien käyttäminen verkossa ilman uusien fonttien lataamista on melko rajattua, sillä koskaan ei voi tietää mitä fontteja vastaanottajan

Lisätiedot

WWW-Sivustojen suunnittelu. Miten WWW toimii. Suunnittelun lähtökohdat 14.10.2010

WWW-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ätiedot

WWW-Sivustojen suunnittelu

WWW-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ätiedot

http://www.microsoft.com/expression/

http://www.microsoft.com/expression/ Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA

Lisätiedot

AJAX-konsepti AJAX. Asynkronisuus. Nykyisten web-ohjelmien ongelmia. Asynchronous JavaScript And XML

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ätiedot

CSS - tyylit. 13.11.2000 Seppo Räsänen

CSS - 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ätiedot

Digitaalisen median tekniikat Luento 1: Intro

Digitaalisen 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ätiedot

Alkuun HTML5 peliohjelmoinnissa

Alkuun HTML5 peliohjelmoinnissa Paavo Räisänen Alkuun HTML5 peliohjelmoinnissa www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida ja levittää ei kaupallisissa tarkoituksissa. Sisällysluettelo 1: Alkusanat 2: Alkuun 3: Pelinäkymä

Lisätiedot

HTML5 & CSS3 perusteet

HTML5 & CSS3 perusteet Verkkokurssin tuotantoprosessi kurssin harjoitustyönä suunniteltu toteutettavissa oleva verkkokurssi. HTML5 & CSS3 perusteet Sisältö: 1. Ideointi 2. Tausta-analyysi 3. Sisällön suunnittelu 4. Pedagoginen

Lisätiedot

Tyylien käyttö. 5 WWW-hypermedian perusta: HTML

Tyylien 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ätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.

HTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. HTML ja CSS Tästä se lähtee: portfolio-sivusto Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. index.html Sivuston pääsivu, joka avautuu selaimeen ensimmäisenä sivujen

Lisätiedot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

T-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ätiedot

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006

H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006 H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin

Lisätiedot

TIETOKONEYLIASENTAJAN ERIKOISAMMATTITUTKINTO

TIETOKONEYLIASENTAJAN ERIKOISAMMATTITUTKINTO TIETOKONEYLIASENTAJAN ERIKOISAMMATTITUTKINTO TEHTÄVÄ 2: Symantec Endpoint Protection Manager, SEPM keskitetyn tietoturva hallintaohjelmiston asennus, sekä vaadittavien palveluiden/roolien käyttöönottaminen

Lisätiedot

Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta.

Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. 1. Julkaisutoiminnan peruskysymyksiä a) Mieti kohderyhmät b) Mieti palvelut c) Mieti palvelujen toteutus Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. PALVELUKOKONAISUUDET:

Lisätiedot

MITÄ JAVASCRIPT ON?...3

MITÄ JAVASCRIPT ON?...3 JavaScript MITÄ JAVASCRIPT ON?...3 YLEISTÄ JAVASCRIPTIN SYNTAKSISTA...3 KÄSKYSANAT JA MUUT VARATUT SANAT...3 MUUTTUJIEN, FUNKTIOIDEN JA LUOKKIEN NIMISSÄ...3 HTML-TAGEIHIN VIITTAAVISSA METODINIMISSÄ...3

Lisätiedot

Käyttöliittymien uusi sukupolvi Logicalla Rondo-tuotteessa

Kä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ätiedot

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

Lisätiedot

www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi Elo 2010

www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi Elo 2010 Statistiikat:: www.citroenkerho.fi Edellinen päivitys: 10.08.2010-06:10 Raportin aikaväli: Kuukausi 2010 Yhteenveto Raportin aikaväli Kuukausi 2010 Ensimmäinen vierailu 01.08.2010-00:01 Viimeisin vierailu

Lisätiedot

Hakukoneoptimoinnin ABC

Hakukoneoptimoinnin ABC Hakukoneoptimoinnin ABC Sisältö Mitä on hakukoneoptimointi? Miten hakukoneoptimointia tehdään? Miten valitset oikeat hakusanat? Miten pääsee Googlen hakutuloksissa ensimmäiselle sivulle? Mitä on hakukoneoptimointi?

Lisätiedot

Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML

Järjestelmäarkkitehtuuri (TK081702) AJAX, Asynchronous JavaScript And XML. AJAX, Asynchronous JavaScript And XML 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

Lisätiedot

IT ja viestintäteknologia

IT 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ätiedot

XML, XHTML ja CSS. T-111.361 Hypermediadokumentin laatiminen. Mikko Pohja

XML, XHTML ja CSS. T-111.361 Hypermediadokumentin laatiminen. Mikko Pohja XML, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen Mikko Pohja Sisältö XML Yleensä Eri kieliä XHTML CSS XSL XML EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard

Lisätiedot

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi)

Sivupohja flat file julkaisujärjestelmälle. Kirjoittanut Jari Sarja (www.jarisarja.fi) 1 Sivupohja flat file julkaisujärjestelmälle Versio 1.1 /syyskuu 2011 Kirjoittanut Jari Sarja (www.jarisarja.fi) 2 Sisältö 1. Johdanto... 4 2. Ruudukkopohjainen taitto... 5 2.1. 960 Grid System... 5 2.2.

Lisätiedot

3 WWW-hypermedian perusta: HTML

3 WWW-hypermedian perusta: HTML 3 WWW-hypermedian perusta: HTML Hypertext Markup Language HTML (Hypertext Markup Language) on tapa koodata (merkata) rakenteisia (teksti)dokumentteja WWW:ssä Esimerkki: Tästä kaikki alkaa

Lisätiedot

VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN

VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN Tämän tehtävän tarkoitus on tutustuttaa ympäristöön sekä tutustuttaa wwwdokumenttien tekoon php:llä. Alkutoimet Varmistetaan, että verkkolevyllä on kansio

Lisätiedot

ATK yrittäjän työvälineenä

ATK yrittäjän työvälineenä ATK yrittäjän työvälineenä Internet viestintä- ja kauppakanavana Timo Laapotti / F4U - Foto For You f4u@f4u.fi http://f4u.fi/mlykl/ 27.5.2008 Tietoverkko Tietoverkossa on yhteen kytkettyjä tietokoneita.

Lisätiedot

1 www-sivujen teko opetuksessa

1 www-sivujen teko opetuksessa RäsSe, Tekniikka/Kuopio Sivu 1 1 www-sivujen teko opetuksessa 1.1 Yleistä Mitä materiaalia verkkoon? Tyypillisesti verkossa oleva materiaali on html-tiedostoja. Näitä tiedostoja tehdään jollakin editorilla

Lisätiedot

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1

Lisätiedot

SQLite selvitysraportti. Juha Veijonen, Ari Laukkanen, Matti Eronen. Maaliskuu 2010

SQLite selvitysraportti. Juha Veijonen, Ari Laukkanen, Matti Eronen. Maaliskuu 2010 SQLite selvitysraportti Juha Veijonen, Ari Laukkanen, Matti Eronen Maaliskuu 2010 Opinnäytetyö Kuukausi Vuosi 1 SISÄLTÖ 1. YLEISTÄ SQLITE:STA... 2 2. HISTORIA... 2 3. SQLITEN KÄYTTÖ... 3 3.1 SQLiten asennus

Lisätiedot

HTML5 tablet uutissovelluksen suunnittelu ja toteutus

HTML5 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ätiedot

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia

Javascript 2: Ohjelmointikielen ominaisuudet. Jaana Holvikivi Metropolia Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia HTML - sivun rakenne ja osiot HTML HEAD STYLE SCRIPT STYLEsheet Javascript file BODY Javascript

Lisätiedot

WWW-sivut HTML-kielellä esitettyä hypertekstiaineistoa

WWW-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ätiedot

W3C & verkkojulkaisun standardit

W3C & verkkojulkaisun standardit W3C & verkkojulkaisun standardit Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: World Wide Web Consortium (W3C)

Lisätiedot

Kennelliiton Omakoira-jäsenpalvelu Ohje Kennelpiireille, osoitelistat

Kennelliiton Omakoira-jäsenpalvelu Ohje Kennelpiireille, osoitelistat Kennelliiton Omakoira-jäsenpalvelu Ohje Kennelpiireille, osoitelistat 1.2.2016 2(10) Osoitelistat Osoitteet-valinnan näkyminen kennelpiirin henkilöille... 3 Tietojen haku listaukselle... 3 Yhdistykset,

Lisätiedot

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA

NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA NÄYTÖN JAKAMINEN OPPILAILLE, JOTKA MUODOSTAVAT YHTEYDEN SELAIMELLA TAI NETOP VISION STUDENT -SOVELLUKSELLA Vision-ohjelmistoa käyttävät opettajat voivat nyt muodostaa luokan, jossa on yhdistelmä Windows-pohjaisia

Lisätiedot

Laiteriippumaton UI Ajaxilla ja Javalla

Laiteriippumaton 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ätiedot

Taustaa. CGI-ohjelmointi

Taustaa. CGI-ohjelmointi Taustaa CGI-ohjelmointi CGI = Common Gateway Interface Hyvin yksinkertainen ja helppo tapa toteuttaa dynaamisuutta ja interaktivisuutta htmldokumentteihin Kehitetty tiedon siirtoon palvelimen ja asiakasselaimen

Lisätiedot

Tikon Web-sovellukset

Tikon 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ätiedot

HTML5 POHJAISEN KOTISIVUN SUUNNITTELU JA TOTEUTUS YHTYEELLE

HTML5 POHJAISEN KOTISIVUN SUUNNITTELU JA TOTEUTUS YHTYEELLE Opinnäytetyö (AMK) Tietojenkäsittelyn koulutusohjelma Sähköisen liiketoiminnan järjestelmät 2014 Aleksi Kavén HTML5 POHJAISEN KOTISIVUN SUUNNITTELU JA TOTEUTUS YHTYEELLE OPINNÄYTETYÖ (AMK) TIIVISTELMÄ

Lisätiedot

INTERAKTIIVINEN VERKKOYHTEISÖPALVELU. Riku Eskelinen. Opinnäytetyö tammikuu 2008 Luonnontieteiden ala Datanomi Mäntän seudun koulutuskeskus

INTERAKTIIVINEN VERKKOYHTEISÖPALVELU. Riku Eskelinen. Opinnäytetyö tammikuu 2008 Luonnontieteiden ala Datanomi Mäntän seudun koulutuskeskus INTERAKTIIVINEN VERKKOYHTEISÖPALVELU Riku Eskelinen Opinnäytetyö tammikuu 2008 Luonnontieteiden ala Datanomi Mäntän seudun koulutuskeskus 2 Tiivistelmä Mäntän seudun koulutuskeskus Luonnontieteiden alan

Lisätiedot

1 of 6 1.11.2006 20:58

1 of 6 1.11.2006 20:58 Takaisin valikkoon Statistiikat:: www.fbsk.info Edellinen päivitys: 02.11. - 01:02 Kausi: OK Milloin: Kuka: Navigaatio: Viittaajat: Muut: Raportti kuukausittain Raportti kuukauden ajalta Viikonpäivät Tunnit

Lisätiedot

Vastuuopettaja. Kurssiesite Olio-ohjelmoinnin perusteet Kevät 2015. Olio-ohjelmoinnin perusteet (5 op) Tavoitteena

Vastuuopettaja. Kurssiesite Olio-ohjelmoinnin perusteet Kevät 2015. Olio-ohjelmoinnin perusteet (5 op) Tavoitteena Kurssiesite Olio-ohjelmoinnin perusteet Kevät 2015 Jorma Laurikkala Tietojenkäsittelytieteet Informaatiotieteiden yksikkö Tampereen yliopisto Vastuuopettaja Jorma Laurikkala, yliopistonlehtori. Luennot,

Lisätiedot

HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen

HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen HTML5 Tutkielma Centria ammattikorkeakoulu 5.10.2012 Paavo Räisänen Sisällysluettelo: 1: Esittely 2: Uusia ominaisuuksia 2.1: Canvas elementti 2.2: Video ja ääni 2.3: Lomakkeet 2.3.1: Ajanilmaus 2.3.2:

Lisätiedot

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi E-kirjalla on monia määritelmiä ja monta nimeä Tiedosto, joka käsittää kirjan lukijalle välittyvän sisällön

Lisätiedot

PLA-32820 Mobiiliohjelmointi. Mika Saari mika.saari@tut.fi http://www.students.tut.fi/~saari5/pla_32820_2016/

PLA-32820 Mobiiliohjelmointi. Mika Saari mika.saari@tut.fi http://www.students.tut.fi/~saari5/pla_32820_2016/ PLA-32820 Mobiiliohjelmointi Mika Saari mika.saari@tut.fi http://www.students.tut.fi/~saari5/pla_32820_2016/ 1. Luento 2 Suoritus vaatimukset Kurssin sisältö Kirjallisuus Mobiiliohjelmointi Mobiililaitteita...

Lisätiedot

HTML perusteita (ei julkiseen jakeluun)

HTML perusteita (ei julkiseen jakeluun) HTML perusteita (ei julkiseen jakeluun) Tämä opas pyrkii selvittämään joitain verkkoviestintään liittyviä käsitteitä ja antamaan perustiedot HTML- kielestä sekä musiikin WWW- julkaisusta. Internetissä

Lisätiedot

IHTE-1900 Seittiviestintä

IHTE-1900 Seittiviestintä IHTE-1900 Seittiviestintä Aloitusluento 20.9.2007 Päivän aiheet Käytännön asioita - aikataulut - suoritustapa - arvosteluperusteet - kirjallisuus ja lähdeaineisto Terminologiaa ja kurssin alustus Internetin

Lisätiedot

Opintopolku info yhteistyöoppilaitoksille 27.4.2016 13.00 14 Osoitteessa https://connectpro.helsinki.fi/opintopolku/

Opintopolku info yhteistyöoppilaitoksille 27.4.2016 13.00 14 Osoitteessa https://connectpro.helsinki.fi/opintopolku/ Opintopolku info yhteistyöoppilaitoksille 27.4.2016 13.00 14 Osoitteessa https://connectpro.helsinki.fi/opintopolku/ Mikä on Opintopolku? Opintopolku.fi palvelu on sähköinen palvelukokonaisuus, josta löytyy

Lisätiedot

Internet-pohjaisen oppimisympäristön laadinta. Luento 3

Internet-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 29.01.2015 IPOPPLA 2 Toteutustekniikoista

Lisätiedot

Kuukauden kuvat kerhon galleriaan 1.4.2016 lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen:

Kuukauden kuvat kerhon galleriaan 1.4.2016 lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen: Kuukauden kuvat kerhon galleriaan 1.4.2016 lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen: http://www.kamera73.fi/kuukaudenkuvaaja Kukin seuran jäsen voi laittaa

Lisätiedot

Tiedon esitys tietokoneessa. Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010

Tiedon esitys tietokoneessa. Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010 Tiedon esitys tietokoneessa Jyry Suvilehto T-110.1100 Johdatus tietoliikenteeseen ja multimediatekniikkaan kevät 2010 Luennon sisältö 1. Kurssin loppupuolen rakenne 2. Tiedon binääriluonne AD-muunnos 3.

Lisätiedot

Web Service torilla tavataan!

Web Service torilla tavataan! Web Service torilla tavataan! Jari Putula Avarea Oy COPYRIGHT BY AVAREA 2009 1 Google Trends COPYRIGHT BY AVAREA 2009 2 1 1. Mahdollistajat 2. Web service? 3. KISS 4. Miksi? 5. Analogia 6. Ajax 7. Esimerkki

Lisätiedot

DXL Library ja DXL-kielen olemus. Pekka Mäkinen Pekka.Makinen@softqa.fi SoftQA Oy http/www.softqa.fi/

DXL Library ja DXL-kielen olemus. Pekka Mäkinen Pekka.Makinen@softqa.fi SoftQA Oy http/www.softqa.fi/ DXL Library ja DXL-kielen olemus Pekka Mäkinen Pekka.Makinen@softqa.fi SoftQA Oy http/www.softqa.fi/ DOORS extension Language DXL on DOORSin laajennuskieli, jolla voidaan kehittää lisätoiminnallisuutta.

Lisätiedot

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,

Lisätiedot

Ville-Valtteri Väyrynen ja Jeremias Vihanta. HTML-sivuston toteutus media-alan yritykselle

Ville-Valtteri Väyrynen ja Jeremias Vihanta. HTML-sivuston toteutus media-alan yritykselle Ville-Valtteri Väyrynen ja Jeremias Vihanta HTML-sivuston toteutus media-alan yritykselle HTML-sivuston toteutus media-alan yritykselle Ville-Valtteri Väyrynen ja Jeremias Vihanta HTML-sivuston toteutus

Lisätiedot

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun

SÄHKÖPOSTIOHJE. Opiskelijoiden Office 365 for Education -palveluun SÄHKÖPOSTIOHJE Opiskelijoiden Office 365 for Education -palveluun 1 Ohjeen nimi Vastuuhenkilö Sähköpostiohje Järjestelmäasiantuntija Pekka Patrikka Voimaantulo 15.08.2013 Muutettu viimeksi 16.08.2013 Tarkistettu

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

Lisätiedot

Johdatus rakenteisiin dokumentteihin

Johdatus rakenteisiin dokumentteihin -RKGDWXVUDNHQWHLVLLQGRNXPHQWWHLKLQ 5DNHQWHLQHQGRNXPHQWWL= rakenteellinen dokumentti dokumentti, jossa erotetaan toisistaan dokumentin 1)VLVlOW, 2) UDNHQQHja 3) XONRDVX(tai esitystapa) jotakin systemaattista

Lisätiedot

HTML5:lla prototyyppi itraining Teamille. Taru Kaikusalo

HTML5:lla prototyyppi itraining Teamille. Taru Kaikusalo HTML5:lla prototyyppi itraining Teamille Taru Kaikusalo Opinnäytetyö Tietojenkäsittelyn koulutusohjelma 2014 Tiivistelmä Tietojenkäsittelyn koulutusohjelma Tekijä Taru Kaikusalo Raportin nimi HTML5:lla

Lisätiedot

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka. Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka. Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012 KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012 SISÄLLYS 1 JOHDANTO 3 2 WWW-PALVELIMEN TOIMINTA 4 3 OMINAISUUDET

Lisätiedot

Case TUHTI. Projektin tunnuslukuja. ! Suuri perusjärjestelmäuudistus! Työt alkoivat kesällä 1999. ! Java luokkia n. 5000

Case TUHTI. Projektin tunnuslukuja. ! Suuri perusjärjestelmäuudistus! Työt alkoivat kesällä 1999. ! Java luokkia n. 5000 Case TUHTI 17.12.2002 1 TietoEnator 2002 Projektin tunnuslukuja! Suuri perusjärjestelmäuudistus! Työt alkoivat kesällä 1999! Otettu tuotantokäyttöön syksyllä 2001! Proof of Concept (5 henkilöä 4 kk) ->

Lisätiedot

Tikon Web-sovellukset

Tikon Web-sovellukset Marraskuu 2014 1 (9) Tikon Web-sovellukset Marraskuu 2014 2 (9) 1 Johdanto... 3 2 Windows... 3 2.1 Microsoft Silverlight... 3 3 Tablet-laitteet... 4 4 Selaimet... 5 4.1 Yleiset asetukset (kaikki selaimet)...

Lisätiedot

Selaimen asetukset. Toukokuu 2014 1 (7) Selaimen asetukset. 1994-2014 Tikon Oy. All rights reserved.

Selaimen asetukset. Toukokuu 2014 1 (7) Selaimen asetukset. 1994-2014 Tikon Oy. All rights reserved. Toukokuu 2014 1 (7) Selaimen asetukset Toukokuu 2014 2 (7) 1 Johdanto... 3 2 Windows... 3 3 Selaimet... 3 3.1 Yleiset asetukset (kaikki selaimet)... 3 3.1.1 Zoom-asetus... 3 3.1.2 Pop-up Blocker... 3 3.2

Lisätiedot

Juha Peltomäki JAMK/Teknologia

Juha Peltomäki JAMK/Teknologia Juha Peltomäki JAMK/Teknologia Web vuonna 2009 Web on nyt n. 18 vuotta vanha ilmiö Muistatteko Internet-kuplan vuonna 2000? Internetin kaupallistuminen käynnistyi vuonna 1996 (ebay ja Amazon) Amazon saavutti

Lisätiedot

ATK yrittäjän työvälineenä

ATK yrittäjän työvälineenä ATK yrittäjän työvälineenä Internet viestintä- ja kauppakanavana 17.9.2008 Digipolis Kouluttaja Timo Laapotti / F4U Foto For You f4u@f4u.fi 0400 684 358 http://f4u.fi/ Tietoverkko Tietoverkossa on yhteen

Lisätiedot

XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.

XML 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ätiedot

Hajautettujen sovellusten muodostamistekniikat, TKO_2014 Johdatus kurssiin

Hajautettujen sovellusten muodostamistekniikat, TKO_2014 Johdatus kurssiin Hajautettujen sovellusten muodostamistekniikat, TKO_2014 Johdatus kurssiin Ville Leppänen HSMT, c Ville Leppänen, IT, Turun yliopisto, 2009 p.1/15 HSMT (Java-kielellä) Aineopintotasoinen kurssi, 5op. Luennot:

Lisätiedot

Ohjelmointi II. Erkki Pesonen Luennot ja harjoitukset. Itä-Suomen yliopisto Tietojenkäsittelytieteen laitos 2015

Ohjelmointi II. Erkki Pesonen Luennot ja harjoitukset. Itä-Suomen yliopisto Tietojenkäsittelytieteen laitos 2015 Ohjelmointi II Erkki Pesonen Luennot ja harjoitukset Itä-Suomen yliopisto Tietojenkäsittelytieteen laitos 2015 1 Johdantoa kurssilla opiskeluun: oppimistavoitteet. 1. Tiedän mitä asioita kurssilla opiskellaan

Lisätiedot

HTML-ohjeet. Sivun perusrakenne