14
1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-Track Computerunterstütztes Computerunterstütztes Wissenschaftliches Arbeiten 1 Wissenschaftliches Arbeiten 1 NBI NBI- Track Track Prof.DI.Dr Prof.DI.Dr. Andrea Berghold, IMI, . Andrea Berghold, IMI, DI.Dr DI.Dr. Josef Haas, . Josef Haas, Geburtshilfl.gynäkol.Univ.Klinik Geburtshilfl.gynäkol.Univ.Klinik Prof.DI.Dr Prof.DI.Dr. Ernst Hofer, Med. Physik . Ernst Hofer, Med. Physik DI.Dr.Gernot DI.Dr.Gernot Plank, Plank, Med.Physik Med.Physik DI.Dr DI.Dr. Markus Puchinger, . Markus Puchinger, Chir.Univ.Klinik Chir.Univ.Klinik Mag. Gerold Mag. Gerold Schwantzer Schwantzer, IMI , IMI Gängige Grafikformate Gängige Grafikformate Gängige Grafikformate Der Kompromiss zwischen Qualität und Der Kompromiss zwischen Qualität und Speicherplatzbedarf Speicherplatzbedarf Markus Puchinger Integration von Text und Bild 3 Vektorgrafik und Raster Vektorgrafik und Raster- Grafik Grafik • Vektorgrafik: „linienzeichnendes System“ - Bild wird durch mathematische Verfahren beschrieben - Ohne Verluste beliebig vergrößerbar - Für fotorealistische Bilder weniger geeignet • Raster-Grafik: „flächendarstellendes System“ - Bild besteht aus einzelnen Punkten (Pixel) - Für fotorealistische Bilder gut geeignet

Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

1

Computerunterstütztes Wissenschaftliches Arbeiten 1

NBI-Track

Computerunterstütztes Computerunterstütztes Wissenschaftliches Arbeiten 1Wissenschaftliches Arbeiten 1

NBINBI--TrackTrackProf.DI.DrProf.DI.Dr. Andrea Berghold, IMI, . Andrea Berghold, IMI,

DI.DrDI.Dr. Josef Haas, . Josef Haas, Geburtshilfl.gynäkol.Univ.KlinikGeburtshilfl.gynäkol.Univ.KlinikProf.DI.DrProf.DI.Dr. Ernst Hofer, Med. Physik. Ernst Hofer, Med. Physik

DI.Dr.GernotDI.Dr.Gernot Plank, Plank, Med.PhysikMed.PhysikDI.DrDI.Dr. Markus Puchinger, . Markus Puchinger, Chir.Univ.KlinikChir.Univ.Klinik

Mag. Gerold Mag. Gerold SchwantzerSchwantzer, IMI, IMI

Gängige GrafikformateGängige GrafikformateGängige Grafikformate

Der Kompromiss zwischen Qualität und Der Kompromiss zwischen Qualität und SpeicherplatzbedarfSpeicherplatzbedarf

Markus PuchingerIntegration von Text und Bild 3

Vektorgrafik und RasterVektorgrafik und Raster--GrafikGrafik• Vektorgrafik: „linienzeichnendes System“

- Bild wird durch mathematische Verfahren beschrieben

- Ohne Verluste beliebig vergrößerbar- Für fotorealistische Bilder weniger geeignet

• Raster-Grafik: „flächendarstellendes System“- Bild besteht aus einzelnen Punkten (Pixel)- Für fotorealistische Bilder gut geeignet

Page 2: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

2

Markus PuchingerIntegration von Text und Bild 4

Digitalisierung von Bildern Digitalisierung von Bildern (Raster(Raster--Grafik)Grafik)

• Als Bildauflösungbezeichnet man die Anzahl der Bildpunkte (Pixel)

• Die Farbauflösung ist ein Maß dafür welche Farben ein Bildpunkt annehmen kann

z.B.Bildauflösung 40*18Farbauflösung 1 bit

Markus PuchingerIntegration von Text und Bild 5

Typische Bildauflösungen:Typische Bildauflösungen:• Fernsehgerät 768*576• Computermonitor 640*480...2048*1536• Digitalkamera bis 5 Mio. Pixel• Papierausdruck 75...2400 (typ. 300) dpi• Röntgenfilm ca. 2000 dpi

Farbauflösung:• Für die SW-Darstellung reichen zwei Farben (1 bit)• Für die Echtfarbendarstellung werden meist die

Farbanteile rot, grün u. blau mit je 256 Graustufen dargestellt (2563 = 16,7 Mio. Farben; 24 bit)

Markus PuchingerIntegration von Text und Bild 6

Grundsätzlich gilt umso höher die Auflösung umso größer ist der erforderliche Speicherplatzbedarf:

⇒Hohe Auflösung⇒Großer Speicherplatzbedarf !!!

⇒Lange Ladezeit !!!

Page 3: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

3

Markus PuchingerIntegration von Text und Bild 7

Gängige Codierungen der Gängige Codierungen der BilddatenBilddaten

• Windows-Bitmap (*.bmp)• TIFF (*.tif)• GIF, animated GIF (*.gif)• JPEG (*.jpg); PNG (*.png)

Komprimierungs-grad

Markus PuchingerIntegration von Text und Bild 8

Grafikformate für das InternetGrafikformate für das InternetGIF (Graphics Interchange Format )Vorteile:• Unterstützt Transparenz• Interlacing• Dithering• Details bleiben erhalten• Hohe Komprimierungsdichte• GIF-Animationen (Möglichkeit animierte

Bilder zu erstellen)

Markus PuchingerIntegration von Text und Bild 9

Grafikformate für das InternetGrafikformate für das InternetGIF (Graphics Interchange Format )Nachteile:• Reduzierung der Farben auf 128 Farben (8

Bit Farbe)• Normalerweise mehr Speicherbedarf als JPG

(Ausnahme: Grafiken mit wenigen Farben)

Page 4: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

4

Markus PuchingerIntegration von Text und Bild 10

Grafikformate für das InternetGrafikformate für das InternetGIF (Graphics Interchange Format )Komprimierungsform:• Verlustfreie Komprimierungsmethode, bei der

während der Komprimierung keine Daten gelöscht werden

Anwendungsgebiete:• Logos, Icons, Buttons• Strichzeichnungen• Einfache, wenigfarbige Bilder

Markus PuchingerIntegration von Text und Bild 11

Grafikformate für das InternetGrafikformate für das InternetJPEG (Joint Photographic Experts Group)Vorteile:• Unterstützung der gebräuchlichsten

Farbmodelle (RGB und Graustufen)• Sämtliche Farbinformationen bleiben erhalten• Sehr gute Komprimierung• Interlacing• Einstellmöglichkeit für DPI-Dichte u.

Kompressionsfaktor

Markus PuchingerIntegration von Text und Bild 12

Grafikformate für das InternetGrafikformate für das InternetJPEG (Joint Photographic Experts Group)Nachteile:• Unterstützt keine Transparenz• Informationen über benachbarte Punkte

werden reduziert (kann in Einzelfällen zu einer Verschlechterung der Bildqualität führen)

Page 5: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

5

Markus PuchingerIntegration von Text und Bild 13

Grafikformate für das InternetGrafikformate für das InternetJPEG (Joint Photographic Experts Group)Komprimierungsform:• Daten die zur Darstellung des Bildes nicht

notwendig sind werden erkannt und gelöschtAnwendungsgebiete:• Fotos• Halbtonbilder

Markus PuchingerIntegration von Text und Bild 14

GIFGIF JPEGJPEG

Pixel starksichtbar

Fastoriginalgetreu

Fastoriginalgetreu

Graue Flecken inweißen Bereichen

BildbearbeitungBildbearbeitungBildbearbeitung

Kann ich Bilder meinen individuellen Kann ich Bilder meinen individuellen Erfordernissen anpassen?Erfordernissen anpassen?

Page 6: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

6

Markus PuchingerIntegration von Text und Bild 16

Quellen für digitale BilderQuellen für digitale Bilder

• Digitalkamera• Bildgebende Diagnosesysteme (CT, MRT, US,

SPECT, PET, TEM, REM, etc.)• Scanner („Auflicht-“ bzw. „Durchlicht-“)• Foto-CD, bzw. multimediale Datenträger• Internet

Markus PuchingerIntegration von Text und Bild 17

„„Optische Täuschungen“Optische Täuschungen“Sowohl bei der Erstellung als auch bei der

Interpretation von Bilddaten sollte die Möglichkeit der „optischen Täuschung“ stets bedacht werden!

Täuschungsmöglichkeiten:• Statische Effekte• Dynamische Effekte

Markus PuchingerIntegration von Text und Bild 18

Ausgewählte BeispieleAusgewählte Beispiele

Page 7: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

7

Markus PuchingerIntegration von Text und Bild 19

Einfache BildbearbeitungsschritteEinfache BildbearbeitungsschritteÄndern von:• Bildauflösung• Farbauflösung• Bildgröße („Skalierung“, „Beschneidung“)• Helligkeit, Kontrast, Farbsättigung• Geometrie („Entzerrung“)

• Grafikformat (z.B. *.bmp ⇒ *.jpg)

Markus PuchingerIntegration von Text und Bild 20

Beispiele für Beispiele für BildbearbeitungssoftwareBildbearbeitungssoftware

• „State of the Art“Adobe Photoshop

• MS-ProgrammeImaging, Photoeditor

• Div. Shareware z.B. PicView(Internet: http://www.yukudr.com)

• Kostenlose Software (für nicht kommerzielle Verwendung)

IrfanView Autor: Irfan Skiljan

(Internet: http://www.irfanview.com)

Markus PuchingerIntegration von Text und Bild 21

„„ScreenshotsScreenshots““

<Druck> (Tastatur)bzw.<Alt> <Druck> (Tastatur)

„Screenshots“:

<Strg> <V> (Tastatur) bzw.„Einfügen“ (IrfanView)

Page 8: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

8

Markus PuchingerIntegration von Text und Bild 22

IrfanViewIrfanView--FunktionenFunktionen

Grafikformat mehrererDateien ändern

Grafikformat der aktuellenDatei ändern

Markus PuchingerIntegration von Text und Bild 23

IrfanViewIrfanView--FunktionenFunktionen

Interessierenden Bereich markieren1

Markierung freistellen(Bild beschneiden)

)1 Erstellen einer Markierung auch mittels Maus möglich (Positionsrahmen)

Markus PuchingerIntegration von Text und Bild 24

IrfanViewIrfanView--FunktionenFunktionen

Bildauflösung,Bildgröße („Skalierung“) ändern

Farbauflösung ändern

Helligkeit1,Kontrast1, Farbsättigung ändern1

)1 Professionelle Programme wie Adobe Photoshop bieten hier auch automatisierte Algorithmen wie z.B. „Histogramm-Einebnung“

Page 9: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

9

Import von BildernImport von BildernImport von Bildern

So kommen die Bilder in meine So kommen die Bilder in meine ArbeitsumgebungArbeitsumgebung

Markus PuchingerIntegration von Text und Bild 26

Optimierte BilddateienOptimierte BilddateienVor dem Import von Bildern die Bildauflösung

auf ein sinnvolles Maß reduzieren und als JPEG bzw. als GIF abspeichern!

• 200 dpi für Papierausdrucke(Richtwert; geräteabhängig)

• 96 dpi für das Internet(Richtwert; geräteabhängig)

Markus PuchingerIntegration von Text und Bild 27

Import in Import in MSMS--WordWord

Import von Cliparts

Import von Bilddateien

Page 10: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

10

Markus PuchingerIntegration von Text und Bild 28

Import in Import in MSMS--WordWord

Bild in einer Textzeile im Dokument

Umbricht den Text um das Rahmenfeld des Bildes

Markus PuchingerIntegration von Text und Bild 29

LegendenbeschriftungLegendenbeschriftung

Legenden von Tabellenund Abbildungen:

Werden durchnummeriertz.B. Tab. 1.1 Abb. 1.1

Enthalten soviel Information, dass sie ohne Begleittext verständlich sind

Gängige TextformateGängige TextformateGängige Textformate

Für die Speicherung und für den Für die Speicherung und für den elektronischen Datenaustausch muss der elektronischen Datenaustausch muss der Text codiert Text codiert -- „verschlüsselt“ „verschlüsselt“ -- werden?werden?

Page 11: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

11

Markus PuchingerIntegration von Text und Bild 31

Gängige DateiformateGängige Dateiformate

• ASCII-Datei (*.asc)• Textdatei (*.txt)• MS-Word-Dateien (*.doc; *.dot)• RTF-Datei (*.rtf)• PDF-Datei (*.pdf)• HTML-Dateien (*.htm; *.xml)

Markus PuchingerIntegration von Text und Bild 32

Das Das AdobeAdobe--PDFPDF--DokumentDokument„Eine einfache Möglichkeit meine Informationen

vielen anderen mitzuteilen“

Das „Portable Document Format“ stammt von PostScript ab und hat einen komplizierten Dateiaufbau.

Markus PuchingerIntegration von Text und Bild 33

Vorteile des Vorteile des PDFPDF--FormatsFormats

• Signierbar• Nicht veränderbar• „Plattformunabhängigkeit“

(Geräteunabhängigkeit)

Page 12: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

12

Markus PuchingerIntegration von Text und Bild 34

Erstellung von Erstellung von PDFPDF--DateienDateien• Adobe PDF-Writer• Adobe Acrobat Distiller• Adobe Acrobat Capture

• Kostenlose Software:z.B. Ghostview(Internet: http://www.ghostview.de)

Import von TextImport von TextImport von Text

So kann ich Texte in meine So kann ich Texte in meine Arbeitsumgebung integrierenArbeitsumgebung integrieren

Markus PuchingerIntegration von Text und Bild 36

Text in Zwischenablage kopierenText in Zwischenablage kopieren

Text, bzw. Textteil markieren(z.B. mit Maus)

Kopieren mit<Strg> <C> (Tastatur)bzw.„Kopieren“ (Anwendung)

Page 13: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

13

Markus PuchingerIntegration von Text und Bild 37

Einfügen z.B. in Einfügen z.B. in MSMS--WordWord

<Strg> <V> (Tastatur)bzw.„Einfügen“ (MS-Word)

Bzw. für Entfernung der Formatierung mittels„Inhalte Einfügen“ (MS-Word)

Das webfähige DokumentDas webfähige DokumentDas webfähige Dokument

Wie kommen meine Informationen ins Wie kommen meine Informationen ins Internet?Internet?

Markus PuchingerIntegration von Text und Bild 39

Grundsätzliches für WebsitesGrundsätzliches für Websites• „Corporate Identity“ beachten• Nicht zu viele animierte Grafiken verwenden

(„weniger ist oft mehr“)• Logische und einheitliche Menüstuktur• Nur „plattformunabhängige“ Dateiformate

verlinken (*.htm, *.html, *.xml, *.gif, *.jpg, *.png, *.pdf, etc...)

• Dateigrößen möglichst klein halten (Ladezeit!)

Page 14: Computerunterstütztes Wissenschaftliches Arbeiten …user.medunigraz.at/gerold.schwantzer/VMC_PL2_Integration...1 Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-TrackNBI--TrackTrack

14

Markus PuchingerIntegration von Text und Bild 40

Beispiele für HTMLBeispiele für HTML--SoftwareSoftware• MS-Frontpage• Adobe GoLife• Macromedia Dreamweaver

• Kostenlose Software:z.B. Mozilla(Internet: http://www.mozilla.org)

Markus PuchingerIntegration von Text und Bild 41

Transfer zum WebserverTransfer zum WebserverDamit die Dateien im Internet verfügbar sind

müssen diese auf einen Webserver gestellt (kopiert) werden.

• Kostenlose Software:z.B. WS-FTP(Internet: http://www.ipswitch.com)