JWT 2016 Johdatus www-tekniikoihin 5 op
|
|
- Aarno Pakarinen
- 7 vuotta sitten
- Katselukertoja:
Transkriptio
1 JWT 2016 Johdatus www-tekniikoihin 5 op Aulikki Hyrskykari (luennot) sposti: Aulikki.Hyrskykari@uta.fi Antti Sand (harjoitukset) sposti: Antti.Sand@uta.fi 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) : CSS present status: 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: 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 ( 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 ( 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: 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=" <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 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: (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 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
Laajuus 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ä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ä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ätiedotLaajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus
Laajuus 5 op Luennot: 12 x 2t 17.3.2015 30.4.2015 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Antti Sand Taru
LisätiedotTutkitaan 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ätiedotXHTML - 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ä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ätiedotJWT 2016 luento 11. to 21.4.2016 klo 14-15. Aulikki Hyrskykari. PinniB 1097. Aulikki Hyrskykari
JWT 2016 luento 11 to 21.4.2016 klo 14-15 Aulikki Hyrskykari PinniB 1097 1 Viime luennolla o AJAX ja JSON, harjoitustyön tehtävänanto, vierailuluento avoimesta datasta Tänään o APIt rajapinnoista yleisesti
LisätiedotVerkkosivut 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ätiedotTIEDEJUTTUKURSSI 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ä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ätiedotProseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti
1 XHTML - aloitus Sisältö: s.2 Taustaa s.4 Elementin rakenne s.7 XHTML dokumentti s.8 DOCTYPE s.11 html s.13 head s.14 meta s.16 title s.17 link s.18 style s.19 body s.22 Lohko- ja inline-elementit s.23
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ätiedotLisä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ätiedotNotepad++ 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ä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ätiedotTentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla.
Tentti Tentti Tentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla. Omia koneita ei saa käyttää. Sähköisessä tentissä on paperitentin tapaan osaamisen
Lisätiedothttp://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ätiedotAJAX-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ätiedotJWT Hyrskykari, SIS, Tampereen yliopisto 3/19/2013
19.3.2013 Aulikki Hyrskykari HTML dokumentin ensimmäisenä rivinä annetaan dokumenttityypin määrittely HTML5 dokumentti koostuu selementtien hierarkiasta, joista juuri elementti sisältää kaikki muut
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ätiedot- Valitaan kohta Asetukset / NAT / Ohjelmallinen palvelin - Seuraavassa esimerkki asetuksista: valitaan käytössä oleva ohjelmistorajapinta
TW-EAV510: VALVONTAKAMERAN KYTKEMINEN VERKKOON OPERAATTORIN IP-OSOITE - Jotta valvontakameran käyttöä varten saadaan avattua tarvittavat portit, pitää operaattorilta saada julkinen IP-osoite, jotta kaikki
LisätiedotJohdatusta selainohjelmointiin
Johdatusta selainohjelmointiin Ohjelmat ja tyylit selaimessa ja HTML Jaana Holvikivi Selaimet ja HTML Selaimet: Internet Explorer, Exchange Firefox, Chrome Opera 10 Safari 4 Lukevat HTML sivuja ja asettelevat
LisätiedotAlkuun 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ä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ätiedotOHJ-1151 Ohjelmointi IIe
Tampereen teknillinen yliopisto Ohjelmistotekniikan laitos OHJ-1151 Ohjelmointi IIe Harjoitustyö Tomaattisota Välipalautus / Loppudokumentaatio Assistentin nimi Välipalautusaika (päivä ja kellonaika) ja
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ä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ä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ätiedotHTML5 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ätiedotOhjelmistoarkkitehtuurit. Syksy 2007
Ohjelmistoarkkitehtuurit Syksy 2007 Kai Koskimies 1 Tervetuloa Tampereen yliopisto, Teknillinen korkeakoulu, Turun yliopisto 2 Kurssin tavoitteet Arkkitehtuuritason peruskäsitteiden ymmärtäminen Arkkitehtuurien
LisätiedotHTML5 & 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ätiedotHTML 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ätiedotAulikki Hyrskykari Antti Sand
Aulikki Hyrskykari Antti Sand Edellinen luento o historiaa tärkeää tietää koska vanhojakin sivuja tulee aina vastaan o HTML / DOM / CSS perusperiaatteet ja yhdessä toimiminen o elementtien syntaksista,
LisätiedotHTML5 -elementit jatkuu
HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"
LisätiedotH 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ätiedotYH2: Office365 II, verkko-opiskelu
Aulikki Hyrskykari, Antti Sand, Juhani Linna YH2: Office365 II, verkko-opiskelu Huom. Suosittelemme tämän yksilöharjoituksen 2 tekemistä mikroluokassa, jotta yliopiston mikroluokat tulevat edes hieman
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ätiedotJä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ätiedotTIETOKONEYLIASENTAJAN ERIKOISAMMATTITUTKINTO
TIETOKONEYLIASENTAJAN ERIKOISAMMATTITUTKINTO TEHTÄVÄ 2: Symantec Endpoint Protection Manager, SEPM keskitetyn tietoturva hallintaohjelmiston asennus, sekä vaadittavien palveluiden/roolien käyttöönottaminen
LisätiedotTentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla.
Tentti Tentti Tentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla. Omia koneita ei saa käyttää. Sähköisessä tentissä on paperitentin tapaan osaamisen
LisätiedotHTML ja CSS. T WWW-palvelun suunnittelu Mikko Pohja
HTML ja CSS T-111.4360 WWW-palvelun suunnittelu Mikko Pohja Sisältö HTML XHTML CSS DOM DHTML Käytännön esimerkkejä Kuka tahansa pystyy tekemään yksinkertaisen dokumentin HTML Hyper Text Markup Language
LisätiedotPROJEKTIN DOKUMENTOINTI JOUNI HUOTARI, ESA SALMIKANGAS
PROJEKTIN DOKUMENTOINTI JOUNI HUOTARI, ESA SALMIKANGAS MIKSI DOKUMENTOINTI ON TÄRKEÄÄ? MITÄ ASIOITA DOKUMENTOIDAAN? Pohdi ensin yksin ja sitten parin kanssa tai pienryhmässä: miksi dokumentointi on niin
LisätiedotSivuston tiedotemreemir.com
Sivuston tiedotemreemir.com Luotu Maaliskuu 10 2019 18:41 PM Pisteet66/100 SEO Sisältö Otsikko Emre Emir, Full-Stack Web Developer Pituus : 35 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
LisätiedotDTEK1047: Hajautet ohjelmistojärjestelmät (HOJ)
DTEK1047: Hajautet ohjelmistojärjestelmät (HOJ) Johdatus kurssiin Ville Leppänen HOJ, c Ville Leppänen, IT, Turun yliopisto, 2012 p.1/15 HOJ (Java-kielellä) Aineopintotasoinen kurssi, 5op. Luennot: Ville
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ätiedotVaasan 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ätiedotJohdatus edistyneeseen web-kehitykseen. Juuso Lappalainen
Johdatus edistyneeseen web-kehitykseen Juuso Lappalainen Tällä kurssilla tehdyt sivut - Staattisia html-sivuja, joissa ei ole tiedon tallennusta, backendia tai mitään muutakaan ihmeellistä. - Käyttäjä
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ätiedotwww.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ätiedotEntiteetit 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ätiedotAdobe AIR. Web Application Development -seminaari 24.10.2007 Tuomas Turto, Panu Åkerman
Adobe AIR Web Application Development -seminaari 24.10.2007 Tuomas Turto, Panu Åkerman Sisältö Esittely Vertailua muihin Komponentit, arkkitehtuuri Turvallisuusmalli Sovelluskehitys ja työkalut Jakelu,
LisätiedotHakukoneoptimoinnin 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ätiedotMITÄ 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ä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ä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ä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ätiedotOptima: kirjoitusalue työkalu Opettajalle ohjeet
Optima: kirjoitusalue työkalu Opettajalle ohjeet Näin luot ja hallinnoit kirjoitusaluetta optima support@jyu.fi Kirjoitusalueen käyttötapoja Yhteisen dokumentin työstäminen wikimäisesti eri aihealueisiin
Lisätiedot3 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ätiedotAmmattijä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ätiedotXML, 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ätiedotJohdatus ohjelmointiin 811122P Yleiset järjestelyt: Kurssin sivut noppa -järjestelmässä: https://noppa.oulu.fi/noppa/kurssi/811122p/etusivu 0. Kurssin suorittaminen Tänä vuonna kurssin suorittaminen tapahtuu
LisätiedotW3C-teknologiat ja yhteensopivuus
W3C-teknologiat ja yhteensopivuus Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), Hypermedialaboratorio W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: W3C asettaa
LisätiedotKotisivujen teko. Jan Lindholm Kirkkonummen kansalaisopisto Syksy koodari.eu jsbin.com
Kotisivujen teko Jan Lindholm Kirkkonummen kansalaisopisto Syksy 2014 koodari.eu jsbin.com Käyttäjätunnus / Salasana aoppilas.01 / aoppilas#2013# aoppilas.02 / aoppilas#2013# aoppilas.03 / aoppilas#2013#
Lisätiedot1 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ätiedotSivupohja 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ätiedotSuomen Lions-liitto ry Käyttäjätunnus ja sisäänkirjautuminen MyLCI - Käyttäjäohje Versio 1.2 4.4.2016
Suomen Lions liitto ry Suomen Lions-liitto ry Käyttäjätunnus ja sisäänkirjautuminen MyLCI - Käyttäjäohje Versio 1.2 4.4.2016 Dokumenttien ja ohjeiden luovutus kolmannelle osapuolelle ilman lupaa, kopioimalla,
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 8/8: Esteettömyys Edellinen osa-alue
LisätiedotATK 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ätiedotSQLite 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ätiedotJavascript 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ätiedotSonera Hosted Mail -palvelun käyttöohje 12.05.2011
Sonera Hosted Mail -palvelun käyttöohje 12.05.2011 Sonera Hosted Mail -palvelun käyttöohje 1. Johdanto Hosted Mail on yrityskäyttöön suunniteltu sähköposti- ja ryhmätyösovelluspalvelu. Se perustuu Microsoft
Lisätiedot-versiot) Mozilla Firefox Safari Chrome. selaimista. Windows. Windows. Vista. Windows
F-Secure Online Backup - Tekniikkaan liittyviä kysymyksiä ja vastauksia MITÄ KÄYTTÖJÄRJESTELMIÄ F-SECURE ONLINE BACKUP TUKEE? Tuetut käyttöjärjestelmät: Microsoft XP, 32-bittinen: Home- ja Professional-versiot
LisätiedotValidaattorit o HTML 5 validaattori: o CSS validaattori: validator/validator.html.
1432013 Aulikki Hyrskykari W3C = World Wide Web Consortium W3C spesifikaatioiden kehitysprosessi o Working Draft (WD) o Candidate Recommendation (CR) o Proposed Recommendation (PR) o W3C Recommendation
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ätiedotA-LINK IPC1. MJPEG Verkkokamera. Pika-asennusohje
A-LINK IPC1 MJPEG Verkkokamera Pika-asennusohje 1 Aloitus Paketti Sisältää Tarkista paketin sisältö tarkasti. Paketin tulisi sisältää seuraavat tarvikkeet. Jos yksikin tarvike on viallinen tai puuttuu,
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ätiedotW3C & 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- Kommentoi koodisi. Koodin kommentointiin kuuluu kuvata metodien toiminta ja pääohjelmassa tapahtuvat tärkeimmät toiminnat. Esim.
Projektityö olioista. Projektityön ohjeistus: - Jokainen valitsee vain yhden aiheen projektityökseen. Projektityön tarkoitus on opetella tekemään hieman isompi, toimiva ohjelma olioita käyttäen. Ohjelmakoodi
LisätiedotH T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki
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ätiedotSKYPE-RYHMÄN LUOMINEN
SKYPE-RYHMÄN LUOMINEN JA RYHMÄPUHELUN SOITTAMINEN Ryhmän perustaminen on helppoa. Tarvitset internet-yhteyden sekä tietokoneen, jossa on mikrofoni ja webbikamera. Useimmissa kannettavissa tietokoneissa
LisätiedotMaisema-arkkitehtuurin perusteet 1A, syksy 2015 Pinnanmuodot-tehtävään ArcMap-ohjeet
Tässä tehtävässä: Ladataan korkeusmallirasterit maanmittauslaitoksen tietopalvelusta Ladataan korkeuskäyrärasterit PaITulista Muotoillaan kartta pinnanmuodoista selkeäksi Ohjeet olettavat, että olet tehnyt
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ätiedotELM GROUP 04. Teemu Laakso Henrik Talarmo
ELM GROUP 04 Teemu Laakso Henrik Talarmo 23. marraskuuta 2017 Sisältö 1 Johdanto 1 2 Ominaisuuksia 2 2.1 Muuttujat ja tietorakenteet...................... 2 2.2 Funktiot................................
LisätiedotWindows Live SkyDrive - esittely
Windows Live SkyDrive - esittely Microsoftin SkyDrive on pilvipohjainen tiedostojen säilytys- ja jakopalvelu. SkyDrive tarjoaa 25 Gb ilmaista säilytystilaa tiedostoille ja valokuville. Voit käyttää SkyDriven
LisätiedotWeb-teknologiat. XML-datan kysely Topi Sarkkinen
Web-teknologiat XML-datan kysely Topi Sarkkinen Sisältö XML (lyhyesti) XPath XQuery XSLT XML Extensible Markup Language Ihmisten ja koneiden luettava metakieli, jolla voidaan määritellä muitakin kieliä
LisätiedotVERKKOSOVELLUSTEN 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ä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ätiedotOPPITUNTI 3 Ensimmäinen skripti
3. Ensimmäinen skripti 35 OPPITUNTI 3 Ensimmäinen skripti Kun olet asentanut PHP:n ja asettanut sen kokoonpanon, on aika laittaa ohjelmisto testaukseen. Tällä tunnilla luot ensimmäisen skriptisi ja tutkit
LisätiedotPROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN
PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 ASIAKKAAN JA PROJEKTIN ESITTELY...1 1.1 Aikataulu...1 2 SUUNNITTELU...2 2.1
LisätiedotOpettajalle ohje opintojakson toteutuksen tekemiselle mallipohjana ja mallipohjan tuominen opintojakson toteutukseen.
1 Opettajalle ohje opintojakson toteutuksen tekemiselle mallipohjana ja mallipohjan tuominen opintojakson toteutukseen. (HUOM!): Toteutussuunnitelmat otetaan käyttöön vasta 2015 OPSista lähtien. (Connect
LisätiedotA-LINK IPC2. Pan-Tilt MPEG4/MJPEG Verkkokamera. Pika-asennusohje
A-LINK IPC2 Pan-Tilt MPEG4/MJPEG Verkkokamera Pika-asennusohje 1 Aloitus Paketti Sisältää Tarkista paketin sisältö tarkasti. Paketin tulisi sisältää seuraavat tarvikkeet. Jos yksikin tarvike on viallinen
LisätiedotNÄ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ätiedotKennelliiton 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ätiedotSivuston tiedotmysiteworthcheck.com
Sivuston tiedotmysiteworthcheck.com Luotu Huhtikuu 26 2019 09:24 AM Pisteet59/100 SEO Sisältö Otsikko Check you website value Pituus : 23 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus
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ä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ätiedotTaustaa. 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ätiedotOpintopolku 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