XML-grafiikka WEBDAV dokumenttien jakeluun ja versiointiin Raimo Launonen, VTT Tietotekniikka Tuotetiedon hallinta, Product Information Management www.vtt.fi/tte Esityksen sisältö Www-kuvat, grafiikka ja standardit Ammattilaisten grafiikkatiedostot verkossa Dokumenttien jakelun hallinta verkossa / WebDAV Dokumenttien tuotantoprosessien ja käytön hallinta
Esityksen sisältö Www-kuvat, grafiikka ja standardit Ammattilaisten grafiikkatiedostot verkossa Dokumenttien jakelun hallinta verkossa / WebDAV Dokumenttien tuotantoprosessien ja käytön hallinta WWW-kuvat <img src="kuva.gif"> WWW:ssa nykyisin vain rasterigrafiikkaa, bittikarttakuvia: suorakaiteen muotoiset kuvapisteet. tiedostot voivat kasvaa suuriksi ja hitaiksi suurennettaessa kuvapisteet alkavat näkyä GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group ) GIF sopii erityisesti grafiikkaan eli piirroksiin ja logoihin 256 väriä - tallennusvaiheessa värin määrää voidaan tästäkin pienentää JPEG sopii paremmin valokuviin pakkaamisen haittapuolena on, että kuvan terävävät reunat hämärtyvät ja konstrastit tulevat suttuisiksi
PNG (Portable Network Graphics) PNG on kehitetty korvamaan GIF (JPEG, TIFF) avoin standardi, ilmainen, ei patentoitu hyvä värikuvien tuki, läpinäkyvät/läpikuultavat kuvat ym. ei ole levinnyt, uusimmat www-selaimet tukevat kolmiulotteisten VRML-esitysten tekstuurikuvat ei tue kuvasarja-animaatiota kuten esim. GIF MNG (Multiple-image Network Graphics) PNG:n jatkokehitys: animaatiotuki ym. uusi: versio 1.0 11.3.1999 ei vielä www-selain tukea: ainoastaan katseluohjelmia (viewer) http://www.cdrom.com/pub/mng/ FlashPix (Kodak, Microsoft, Hewlett-Packard, Live Picture) samassa tiedostossa kuva usella eri resoluutiolla Rasterigrafiikasta vektorigrafiikkaan
Rasterigrafiikasta vektorigrafiikkaan yleisesti käytössä esim. CAD-tiedostomuodoissa ei www-sovelluksissa vielä esim. HPGL (Hewlett-Packard Graphics Language) kuvataan viivojen piirtäminen ja tilan täyttö (fill) esim.: <line start="01 01" end="20 20" thickness="5"/> tiedostot yleensä pienempiä kuin rasterigrafiikan bittikartat skaalattavuus, suurennettaessa kuvan laatu säilyy elementtiobjektien nimeäminen, tunnistaminen: editointi Www-tiedostomuodot ovat tulossa PGML, VML, SVG CGM/WebCGM ( Computer Graphics Metafile in Web) W3C (CGM on ISO-standardi) PGML (Precision Graphics Markup Language) Adobe (IBM, Netscape and Sun) VML (Vector Markup Language) Microsoft (HP, Macromedia, Autodesk...) SVG ( Scalable Vector Graphics) W3C: working group Flash Macromedia (Microsoft, IBM...) HGML ( Hyper Graphics Mark-up Language) VRML (Virtual Reality Modeling Language)
CGM (Computer Graphics Metafile) kansainvälinen standardi (ISO, ANSI, CALS) kaksiulotteisen (2D) graafisen tiedon talletukseen ja siirtoon. "Metatiedosto" (metafile) tarkoittaa laiteriippumattomuutta. metatiedosto on kokoelma elementtejä primitiivejä, kuvan geometrisiä osia: monikulmio.., attribuutteja, osien ilmiasun yksityiskohtia: viivan väri.., tulkintaohjeita: miten tulkita tietty tiedosto tai kuva. BEGIN METAFILE Metatiedoston kuvaus (descriptor) BEGIN PICTURE Kuvan kuvaus (descriptor) BEGIN PICTURE BODY Kontrolli-, primitiivi- ja attribuuttielementtejä "makro" END PICTURE END METAFILE CGM integroi vektori- ja rasterigrafiikan teknisen dokumentoinnin tarvitsemat ominaisuudet: hyperlinkit kuviin, useita kuvia samassa metatiedostossa omine headereineen, hierarkiset sovellusrakenteet kuvissa (application structures) käytössä valmistavassa teollisuudessa: lentokone-, auto-, metalli-/koneteollisuus, öljyn etsintä tekniset dokumentit, intranet sovellukset CGM profiilit: Air Transport Association (ATA), U.S. Department of Defense (CALS) and Petroleum Industry (PIP) ym.
Web CGM WebCGM on CGM profiili: vektori-, rateri- ja hybridigrafiikan käyttö www-selaimissa CGM-tiedostojen käyttö www:ssa linkkien kautta WebCGM esimerkki: <SCHEMATIC> <BOX shape = "rect">rectangle</box> <BOX shape = "ellipse">ellipse</box> <BOX shape = "diamond">diamond</box> </SCHEMATIC> Yksinkertaista mutta Ei XML-toteutus CGM/WebCGM ( Computer Graphics Metafile in Web) W3C (CGM on ISO-standardi) PGML (Precision Graphics Markup Language) Adobe (IBM, Netscape and Sun) VML (Vector Markup Language) Microsoft (HP, Macromedia, Autodesk...) SVG ( Scalable Vector Graphics) W3C: working group Flash Macromedia (Microsoft, IBM...) HGML ( Hyper Graphics Mark-up Language) VRML (Virtual Reality Modeling Language)
PGML (Precision Graphics Markup Language) sivunkuvauskieli PostScript ja PDF tyylinen sovellusalueet: näyttö ja korkealaatuiset tulosteet primitiivit: paths, text, raster image Paths: moveto, lineto, curveto, closepath Objects: rectangle, circle, ellipse... = PostScript laajennus tiedon esitystapana XML olioiden kytkeytyminen toisiinsa ei ole mukana paitsi animaatiot: ryhmät (group, group name) linkit on <pgml> <group name="object1"> <rectangle x="100" y="100" width="100" height="100" /> </group> </pgml> CGM/WebCGM ( Computer Graphics Metafile in Web) W3C (CGM on ISO-standardi) PGML (Precision Graphics Markup Language) Adobe (IBM, Netscape and Sun) VML (Vector Markup Language) Microsoft (HP, Macromedia, Autodesk, Visio) SVG ( Scalable Vector Graphics) W3C: working group Flash Macromedia (Microsoft, IBM...) HGML ( Hyper Graphics Mark-up Language) VRML (Virtual Reality Modeling Language)
VML (Vector Markup Language) XML vektorigrafiikan esitysmuotona muoto-oliot (shape), niiden kokoelmat ja ryhmät yhdistelmäviivat (path): viivat ja Bezier-käyrät ryhmien käsittely joustavaa muoto-oliot: line, polyline, curve, rect, roundrect, oval, arc, image suunniteltu www-kuvien vanhojen formaattien korvaajaksi: editoitava vaihtoehto rasterikuville GIF, JPEG, PNG Microsoft Internet Explorer 5 -tukee Microsoft Office 2000 WML-grafiikan käsittely: Word, Excel, PowerPoint ei tue olioiden kytkeytymistä "business graphics" -sovellukset VML esimerkki : (inline HTML-sivulla) <v:oval style="width:100pt;height:50pt" fillcolor="red"> </v:oval> VML toimii muiden W3C standardien kanssa: CSS (Cascading Style Sheets 2.0 ) VML-elementtien tyylitieto, 2D-paikka DOM (Document Object Model): sivulla olevien VML-elementtien käsittely olioina
CGM/WebCGM ( Computer Graphics Metafile in Web) W3C (CGM on ISO-standardi) PGML (Precision Graphics Markup Language) Adobe (IBM, Netscape and Sun) VML (Vector Markup Language) Microsoft (HP, Macromedia, Autodesk...) SVG ( Scalable Vector Graphics) W3C: working group Flash Macromedia (Microsoft, IBM...) HGML ( Hyper Graphics Mark-up Language) VRML (Virtual Reality Modeling Language) SVG (Scalable Vector Graphics) W3C ei valinnut sille esitetyistä (PGML, VML) http://www.w3.org/tr/1998/note-pgml http://www.w3.org/tr/note-vml SVG 1.0 spesifikaatio /W3C Working Draft 03.12.1999 XML -sovellus 2D grafiikalle, avoin standardi 3 grafiikkaoliotyyppiä: vektorigrafiikan muoto-oliot, kuvat, teksti muut standardit tuettu: CSS, XSL -tyylimäärittelyt, DOM XML DOM: skripit, animaatiot, tapahtumat: onmouseover, onclick useita yrityksiä takana (Microsoft, Adobe..)
CGM/WebCGM ( Computer Graphics Metafile in Web) W3C (CGM on ISO-standardi) PGML (Precision Graphics Markup Language) Adobe (IBM, Netscape and Sun) VML (Vector Markup Language) Microsoft (HP, Macromedia, Autodesk...) SVG ( Scalable Vector Graphics) W3C: working group Flash Macromedia (Microsoft, @Home,WebTV, IBM, PointCast,...) HGML ( Hyper Graphics Mark-up Language) VRML (Virtual Reality Modeling Language) Flash avoin oliopohjainen (binary) vektorigrafiikan ja vektoripohjaisten animaatioiden internet esitysmuoto (.swf) Macromedia Flash Generator, Director... Flash Generator: animaatioihin vaihtuva grafiikkadata palvelimesta: - sääkartat, vaihtuvat mainokset... ei XML-sovellus, mutta voi kuljettaa mukana metatietoa XML-muodossa http://www.flash.com HGML ( Hyper Graphics Mark-up Language) grafiikkapainotteinen vastine HTML:lle langattomat sovellukset (vrt. WML/WAP) määrittelyt voidaan tehdä XML:n avulla
VRML (Virtual Reality Modeling Language): ISO-standardi 3D esityksille www:ssa hyvä tuki, yleisesti käytössä http://www.vrml.org 3DXML Visual XML ehdotus rakenteiset esitykset XML:n avulla ==> näyttö VRML:n avulla 3DML HTML:n laajennus ei puhdas XML 3D-elementtit nopea helppo oppia ja käyttää Esityksen sisältö Www-kuvat, grafiikka ja standardit Ammattilaisten grafiikkatiedostot verkossa Dokumenttien jakelun hallinta verkossa / WebDAV Dokumenttien tuotantoprosessien ja käytön hallinta
DWF (Drawing Web Format) Autodesk:n (AutoCAD) kehittämä avoin tiedostoformaatti CAD piirustusten siirto www:ssa pakattu: 50-90 % pienempiä kuin DWG-tiedostot (AutoCAD) ei editoitavissa (turvallinen jakelumuoto) vektorigrafiikan edut: zoomattavissa (esim. viivaleveystieto mukana) ym. SVF (Simple Vector Format) vektorigrafiikkamuoto, joka tukee linkkejä ja grafiikkatasoja (layers) kehitettiin www:n tarpeisiin (SoftSource ja NCSA), avoin SVF Plug-In: Netscape, Internet Explorer, Opera : HTML-sivuille liitettyjen tai erillisten SVF-kuvien katselu kuvien osia voidaan suurentaa ilman uutta lataamista... formaattimuunnosohjelmia: HPGL, DXF..., joilla linkkien lisäys ym WWW:ssa liikutellaan myös paljon: DXF (Drawing Interchange Files /-Format) vanha defacto-standardi vektorigrafiikan siirrossa DGN (Intergraph MicroStation CAD)
Jakelu ja katselu grafiikkatiedostojen katseluohjelmia (viewer) on kymmeniä www-selaimien kanssa toimivia plugineja myös useita Esimerkkejä, joista monet ilmaisia: Inso Corporation Quick View Plus (Win) 255 tiedostoformaattia esim: CGM, DXF, HPGL Inson Outside In Server luo automaattisesti selaimilla katseltavia www-sivuja eri tiedostoformaateista Dr. DWG NetView, Dr. DWG JavaView applet, Dr. DWG NetServ DWG/DXF ym tiedostojen hallinta ja katselu myös www-selaimella Volo View Express: DWG, DXF katselu CADViewer Light, Java applet: DWF -katselu www-selaimella WHIP! viewer: DWF-katselu VERTEX Viewer Esityksen sisältö Www-kuvat, grafiikka ja standardit Ammattilaisten grafiikkatiedostot verkossa Dokumenttien jakelun hallinta verkossa / WebDAV Dokumenttien tuotantoprosessien ja käytön hallinta
WebDAV "Web-based Distributed Authoring and Versioning" HTTP protokollan laajennus, joka sallii käyttäjien yhdessä muokata ja hallita tiedostoja www-palvelimessa. World Wide Web Consortium (W3C), Internet Engineering Task Force (IETF), European Computer Manufacturers Association (ECMA), Xerox, Netscape, FileNet, Open Text, Documentum Microsoft: Office 2000 "Web Folders", Internet Information Server (IIS) 5.0, Internet Explorer 5.0 http://www.webdav.org/ DAV on Internettiin soveltuva tiedostojärjestelmä kokonaisten tiedostojen nopea etäkäyttöjärjestelmä dokumenttien hallintajärjestelmän www-protokolla virtuaaliyritysten toimintojen tuki tiimityöskentelyyn HTTP sallii lukuoikeudet (read access) DAV tuo kirjoitusoikeudet (write access)
DAV:n ominaisuudet Lukitukset vain yksi käyttäjä voi avata tiedoston muuttaakseen lukitus on luotettava (esim. verkkoyhteys saa katketa) Metadata (XML-properties) hallinta DAV:lla set, delete... property esim. haut kirjoittajan mukaan Tiedostojärjestelmä hallinta tiedostojen kopiointi ja siirto, hakemistojen luonti jne. Versioiden hallinta suora vanhojen versioiden käyttö (RCS or SCCS, check-out, check-in, history list.) Käyttöoikeuksin hallinta käyttoikeuden lisääminen/poisto resurssikohtaisesti ==> koko www:n käyttöoikeuksien hallinta DAV:n avulla DAV pohjana on HTTP: puhdas 8 bittinen protokolla WebDAV ei ole tiedostoformaatista riippuvainen kaikki käy: HTML, JPEG, CAD-tiedostot jne... versiointituki myös muille kuin tekstitiedostoille tiedostot voidaan tallettaa tiedostojärjestelmään ( Unix, Windows, Mac) normaalisti tiedostojen hallinta WebDAV-sovelluksilla (dokumenttien hallinta, projektihallinta, workflow, ryhmätyö, jne.). sovelluksiin uudet DAV-protokollan tarjoamat "File... Open" and "File... Save" käytöt vanhojen sovellusten päivittäminen helppoa, nopeaa Internetjakelussa ei tarvita www-tiedostoformaatteja
Esityksen sisältö Www-kuvat, grafiikka ja standardit Ammattilaisten grafiikkatiedostot verkossa Dokumenttien jakelun hallinta verkossa / WebDAV Dokumenttien tuotantoprosessien ja käytön hallinta Esimerkkejä: ArchiCAD for TeamWork Graphisoft (Unkari) projektiryhmä voi joustavasti käyttää yhteistä tietokantaa projektin voi aloittaa yksi suunnittelija, minkä jälkeen projekti jaetaan ja määritellään käyttöoikeudet ym. VERTEX WEB SOLUTIONS "Tehokasta tiedonjakelua verkottuvaan suunnitteluympäristöön" VIRIL -projekti VTT Rakennustekniika Applications of Virtual Reality for Building Construction Delivery mm. ProMoTe-työkalu VRML-mallien generointi IFC tuote tiedon perusteella http://cic.vtt.fi/projects/viril/
Dokumentin rakenteen ja sisällön erottaminen toisistaan ==> Tuotteen dokumenttien tarve käyttäjän roolin ja käyttötilanteen mukaan. Tuotteen dokumenttien tarve käyttäjän roolin ja käyttötilanne mukaan. Rakennuslupahakemus KÄYTTÖ 1. Asemapiirros, mittakaava 1:500 tai 1:200 2. Rakennuspiirustukset, 1:100 tai 1:50 TUOTE 3. Ote kaupungin kantakartasta 1:2000 4. Ote voimassa olevasta asemakaavasta 5.Ympäristökartta 1:10 000 jne...
Käyttäjä WWW selain Tuotemallipohjaisen dokumentaation hallinta WWW-ympäristössä Dokumenttien käyttö XML WWW-palvelin Toimintalogiikka, roolit Sovellusten välivarasto Interface XML/JDBC XML/JDBC XML/JDBC Tuotetiedonhallinta Dokumenttivarasto Grafiikkavarasto Java Interface-toteutus Taustatietovarastoita riippumaton Seminaari 10.2.2000 / Multimedian teolliset sovellukset TEKES http://www.vtt.fi/tte/samba/projects/tuotedoha/seminar100200.htm