Upload
bildljuddsv
View
238
Download
1
Embed Size (px)
Citation preview
SP:BLfö 10 Format, text, HTML
Gunnar [email protected]
Agenda
• Text– Representation
• Text och layout• HTML
• Nätverk
Text
• Visuell representation av språket och en grafisk entitet i sig själv
• Grundläggande entiteten är tecken
Diskussion
Hur används text i spel, vilken roll har det?
Vart ligger meningen?
• I texten, eller hos tolkaren?– Hermeneutik– Gadamer
Teckenset
• Måste hålla isär lexikalt innehåll och utseendet
• Men innehåll menas ord, formler, punkter etc.
• Texts utseende– Visuella attribut– Storlek
– Layout
Standarder
• Ascii (American Standard Code for Information Interchange) ISO 646– Dominerat sedan 1970 talet– 7 bitar för att lagra bokstavskoder, totalt 128
koder– é har kod
• 142 Macintosh Standard Roman
• 233 Windows character set
Unicode & ISO 10646
• Unicode är till för att alla former av skrivspråk skall kunna representeras och manipuleras på en dator
Fonter
• Visuell representation av ett tecken, kallas för ”Glyph”
• Font – Kollektion av ”glyphs”• Monostyled text – one font
Klassificering
• Monospaced (fixed width) vs. Proportional fonts (beror på tecknet)– Mest använda är Courier (monospaced)
– Times, Garamond (Proportioneliga)
• Serif vs. Sans serif– Sans serif
– Serif
Klassificering II
• Form– Stående vs. Italic
• Stående• Italic• Bold
• Det finns tusentals fonter• Digital teknik har möjliggjort skapandet av
nya innovativa fonter– Gunnar Wettergren
Font terminologi
• Avstånd, storlek, längd anges i points = 1/72 tum, lite mindre än 0,3528 mm
• Ascender
• Descender
• Body size
Digital font teknik
• Bitmap fonter– Lider av samma problem som bitmappade
bilder
• Outlined glyphs (vektor baserade)– Adobe Type 1, Truetype– Kan skalas nästa hur stort som helst
Exempel
• Bitmapped vs. Outlined (vector)
G
Vad har detta med spel att göra?
• När vi använder text måste vi tänka på:– Hur det positioneras på skärmen– Hur paragraferna delas upp
– Vilka headings, listor etc som används– Vilka fonter skall användas – ….
Text i grafik
• Integration av text i grafik är en naturlig del utav multimedia
• Centralt i det vi gör • Reklam, grafisk formgivning etc.
• Webb grafik
Layout
• Olika typer av formateringsoperationer– Teckenformatering
• Storlek
• Form• Font
– Paragrafformatering• Vänster- högerställd• Centrerad
• Justified
Markup
• WYSIWYG formating systems (tag based systems)
• HTML (Tag based text formatting)• Visual markup
– Tags eller kommandon specificerar texts utseende, font, storlek osv.
• Structural markup– Tags identifierar logiska element i ett dokument så
som listor, tabeller, överskrifter etc.
HTML
• Visual markup– <font size="2">text</font> – <font face="Arial">Your text
here.</font> – <font color="#ff0000">text</font>
• Structural markup– <table border="1">
<tr><td>cell 1</td><td>cell 2</td></tr><tr><td>cell 3</td><td>cell 4</td></tr></table>
Cell1 Cell2
Cell3 Cell4
Hur levereras vårt alster?
• Ofta via nätverk– Webb– Streaming media
– Multicasting
• Vi kommer koncentrera oss på TCP/IP– Andra är IPX, Token Ring, Appletalk
Protokoll
• Protokoll är regler för utbytandet av data över nätverk
TCP/IP
• Packet/Switched nätverk– Varje meddelande delas upp i ett antal paket
som numreras
CastingAnycast
Broadcast Multicast
Unicast
Routing schemes
Nätverk och transportprotokoll
• IP – Internet protocol– Datagram och fungerar som en mekanism för
att få paket från A till B
HTTP
• Hypertext transport protocol– Connection (DNS)
• Namn -> IP adress
– Port 80– Request/Response– Sessionslöst
RTSP
• Real time streaming protocol
• Kallas internets fjärrkontroll