SVG Paint Multiplayer Johannes Ylipiha Sami Kytönen.

Slides:



Advertisements
Samankaltaiset esitykset
Kotisivukoulutus Kirjastotalo Metso Osa 2 Kuvan lisäys ja muokkaaminen.
Advertisements

Käyttöohje: Kuinka luoda uusi sivu. (Painamalla F5 voit katsoa tämän diaesityksen)
Image Gallery JavaScriptin avulla Juha Konttinen 1.
Wikin pikaohje /ut. Kirjautuminen palveluun • Mene osoitteeseen valitse sivun oikeasta yläkulmasta ”Sign.
Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista.
TILDA-Verkkotilastointi
Työkalut Adobe Photoshop
Kalastuslupien sähköinen kuittivihko on nopein ja helpoin tapa saada yhdellä tilauksella kalastusluvat suurellekin ryhmälle.
Arvioitavat kohdat Nielsenin mukaan – heuristinen lista
KyläNetti - sivun tekeminen • KyläNetti-sivustoon on luotu valmiiksi esimerkinomainen sivurakenne, jota voi vapaasti muokata • Kaikki sivut eivät ole näkyvissä.
Interaktiivinen taulu SMART Board
JavaScript oliot © Reiska, DOM Oliot  JavaScript sisältää paljon valmiita DOM olioita, on sisältänyt jo DOM level 0 (ns. Legacy DOM) alkaen  WWW-ympäristössä.
JavaScript (c) Irja & Reino Aarinen, 2007
1 Java-kieleen pohjautuvien ohjelmien käyttökohteita Ohjelmat Appletit JavaBeans JavaScript Java Server Pages (JSP) Java Servletit J2ME, mobiililaitteet.
Suunnitelma ohjelmiston testaukseen
Mikä on internet? b Kymmenien tuhansien yhteen liitettyjen tietoverkkojen kokonaisuus b Internetin palvelut ovat ilmaisia - liittymät ovat maksullisia.
HTML-kielen perusteet Osa 1 Vilho Kemppainen
Käyttöohje: Kuinka luoda uusi uutinen. (Painamalla F5 voit katsoa tämän diaesityksen)
Julkaisukielet ja - tekniikat tMyn1 Julkaisukielet ja -tekniikat •Verkko-ohjelmointi voidaan jakaa kahteen osaan: asiakaspuolen ja palvelinpuolen ohjelmointiin.
Erik Fallenius Kevät  Taustaa ◦ Ontologiat  Tavoitteet  Teknologiat ◦ Dojo/AJAX ◦ JSON ◦ SOAP  Projektin kulku  Lopputulos – demo.
Ohje PowerPoint esityksen tekoon
EXtensible Markup Language
Internet  Lingua Franca, kaikkien ymmärtämä yhteinen kieli: TCP/IP tai UDP/IP. ”Kaikki maaiman tietokoneet, liittykää yhteen”.  Suomeen 1990-luvun alussa.
vCenter Orchestrator Tomi Hakala,
#tdweb UI kompositio Lenard Gunda / Fujitsu Finland #tdweb.
Internet-viestintä on helppoa! Käyttökuvaus 4.0
Kurssiseittijärjestelmä Kurse1 Aapo Mäkelä
Tekstin muotoilu Wordilla:
HAKUKONEOPTIMOINTI Jaakko Rautiainen. Aihealue Hakukoneiden toiminta Web-sivun optimointi.
Tehtävä 3: PowerPoint Mika Tuukkanen Mika T.
Kuinka käyttää paint.net.  Työkalupalkki sisältää napit kaikille yleisille komennoille, asetukset miten kuva näytetään ja asetukset monien työkalujen.
Käyttöohje: Kuinka luoda ilmoittautumislomake. (Painamalla F5 voit katsoa tämän diaesityksen)
Käyttöohje: Kuinka luoda käyttäjätili. (Painamalla F5 voit katsoa tämän diaesityksen)
Tekoäly-sovellusten levittäminen WWW-ympäristössä
Ketterä kehitys käytännössä – TFS & Meteor
CSS ja sen sovellukset Vesa Jussila. Esitys  Yleistä –Historia –Etuja ja huonoja puolia –Mediatyypit  Käyttö –Laatikkomalli –CSS-taitto –Sovelluksia.
MRD-Esittely HTML-sivut Java- sovellus Main- page Models Res. library Queries Company overviews Rankings Res. library Researches Main-
Vapaa aihe Kysymykset.
Kuvien liittäminen html- dokumenttiin. IMG-elementti l l Parametrit Align=”top” | ”middle” | ”bottom” teksti alkaa kuvan yläreunan tasalta | keskeltä.
Map-luokka Mikä Map on? Mapin esittely ja luonti Map-luokan metodeja Mappiin lisääminen Mapin läpikäynti Mapista poistaminen 1.
Liferay Portal © Reino Aarinen, Liferay Portal Olemassa jo Liferay Portal 4.3.0rc1. Tässä asennettu Liferay Portal Liferay on avoimeen.
vuorovaikutteiset www-sivut1 Palvelinpuolen www- ohjelmointi Dynaaminen Internet  käyttäjän tai selaimen tunnistaminen  käyttäjän toiveiden.
Keikkahaku-mashup Pekka Virtanen. Mitä sovellus tekee? Käytetty Last fm ja Youtube rajapintoja Last fm:stä haetaan keikkapaikkojen keikka tietoja paikk.
© 2010 IBM Corporation Tervetuloa! Hel.fi–julkaisujärjestelmän käyttökoulutus Janne Tasa – Hel.fi–julkaisujärjestelmän käyttökoulutus, kurssipäivä
© 2010 IBM Corporation1 Sivustoalue  Internet sivu rakentuu sivustoalueista, jotka yleensä on jaoteltuna toiminnoittain osa-alueisiin.  Sivustoalueella.
Lomakkeet © Reiska, Lomakkeet Varsinkin Web-sovelluksia ajetaan täyttämällä sivulla lomake ja lähettämällä tiedot palvelimella olevan Web-sovelluksen.
Tässä on kokoelma kaikista 8lk:lla tekemistäni töistä.
MultiMaker 7.0 Workshop Ohjelma, jossa voidaan luoda näyttäviä multimediasisältöjä. Yhtä sisältökoko-naisuutta kutsutaan esitykseksi. Ohjelmointitaitoja.
Kaksi- ja kolmitasoiset sovellukset Two and Three Tier Systems.
CSS – osa 1 Teppo Räisänen
Analoginen ajopiirturi
OHJEITA TET-RAPORTIN TEKEMISEEN
CSS Dreamweaverilla Matti Viitala KaHa/OAMK 2005.
Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia.
Servlet-esimerkki: "VerkkoPizzeria"
Käyttöohje: Kuinka vaihtaa salasana. (Painamalla F5 voit katsoa tämän diaesityksen)
Kani- ja jyrsijät- opintojakso Sonja Kärkkäinen
Tyylitiedosto html-koodin apuna
TERVE Piirto-ohjeet LibreOffice-ohjelmistolla
Otsikko Näitä mallipohjia kopioit näin:
Joku muu on voinut jo löytää saman
KNX - DALI harjoitus 1 Yksittäiset ECG-ohjaukset RATKAISU
Kuvien piirtäminen LibreOffice Draw.
Millaisia kokoelmia Scala tarjoaa
WWW-sivunsuunnittelu
JavaScript – DOM HTML objektit
CLT132 Tehtävät (viikko 7).
Teppo Räisänen CSS – osa 1 Teppo Räisänen
Kuvagalleria Adobe Bridget -ohjelmalla
Sosiaalisen median kuvamalli
Esityksen transkriptio:

SVG Paint Multiplayer Johannes Ylipiha Sami Kytönen

Kuvaus Paint multiplayer / collaboration / sharing GWT + Java SVG + HTML lib-gwt-svg

Rakenne Piirtäminen client-puolella Hiiren painike päästetään ylös, tallennetaan servletin kautta uusi elementti Kuva ja elementit (Polyline, Rectangle, Ellipse) datastoressa Kuviin viitataan Key:n merkkijonoesityksellä Jos imageKey jätetään pois tai sitä vastaavaa kuvaa ei ole olemassa, tehdään uusi Ensimmäisellä kerralla haetaan kaikki elementit, sen jälkeen vain päivitykset

Client Valmis HTML-sivu ja CSS-tyylitiedosto Java/JavaScript lisää tapahtumankäsittelijät ja SVG-elementin Hakee kuvan avaimen servletin kautta RPC- kutsulla Lisää uudet elementit servletin välityksellä kuvan avaimen kanssa Pollaa muutoksien varalta

Server Lisää datastoressa olevaan kuvaan elementtejä pyynnöstä Hakee annetun timestampin jälkeiset muutokset kuvaan