SP:BLfö 9 Format, text, HTML

Gunnar Wettergrengunnarw@dsv.su.se

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