FOI Nastava - Obrada teksta i slike

Sadržaj se učitava...

FOI Nastava

apps

mdi-login

Obrada teksta i slike

Text and Image Processing
2020/2021

4 ECTSa

Informacijski i poslovni sustavi 1.1 (PDS)

Katedra za informatičke tehnologije i računarstvo

2. semestar

Osnovne informacijemdi-information-variant

Izvođači nastavemdi-account-group

Nastavni plan i programmdi-clipboard-text-outline

Model praćenjamdi-human-male-board

Ispitni rokovimdi-clipboard-check-outline

Rasporedmdi-calendar-clock

Konzultacijemdi-account-voice

Izvođenje kolegija

Studij	Studijski program	Semestar	Obavezan
Informacijski i poslovni sustavi 1.1 (PDS)		2	obavezan

Cilj kolegija

Cilj predavanja - usvajanje znanja i razumijevanja: postupka kreiranja dokumenata i publikacija uz pomoć računala; oblikovanja teksta, tipografije i kreiranja fontova; osnova računalne grafike i obrade slika; integracije teksta i slike – oblikovanja publikacija. Cilj laboratorijskih vježbi na računalu – usvajanje vještina i primjena stečenih znanja: primjene tipografskih pravila; kreiranja fontova, obrade slika i ilustracija (rasterska i vektorska grafika); integracije teksta i slike - oblikovanja tiskanih publikacija (prijelom stranice); oblikovanja digitalnih publikacija (elektroničkih knjiga) i web stranica.

Preduvjeti

Informatika 1 (PDS 1.1)

Norma kolegija

Predavanja

30 sati

Auditorne vježbe

15 sati

Vježbe u praktikumu

30 sati

Nastavnik	Uloga na kolegiju	Oblik nastave	Tjedana	Sati	Grupa
Kirinić Valentina	Nositelj	Predavanja Vježbe u praktikumu Auditorne vježbe Predavanja	7 15 15 1	2 2 1 1	1 1 1 1

Sadržaj predavanja

Klasično i digitalno tiskarstvo (2 sata)
Osnovni pojmovi, razvoj kroz povijest, grafička industrija: podjela grafičke proizvodnje: pripremna osnovna i završna. Pripremna grafička proizvodnja: izrada sloga (ručni i strojni slog, fotoslog, računalni slog), kemigrafija (tiskovne forme za visoki, plošni, duboki i propusni tisak), reprofotografija, montaža. Osnovna proizvodnja - tisak: vrste tiska (visoki, plošni, duboki i propusni tisak). Digitalno tiskarstvo. Print on Demand (POD). Standardizacija u području grafičke industrije: The International Cooperation for the Integration of Processes in Prepress, Press and Postpress (CIP4). Gubitak informacija reprodukcijom tiska, fotoosvjetljavanje, kvaliteta otiska. Programska rješenja. Sklopovska rješenja.
Tipografija (2 sata)
Tipografski elementi: ploha, linija, slovo (riječ). Pismovna linija. Slovni znakovi: kurentna, verzalna i akcentirana slova, brojke, znakovi interpunkcije, razmak između riječi i ostali znakovi. Anatomija (geometrija) slovnih znakova. Akcenti i dijakritički znakovi. Mjerni sustavi i preračunavanje jedinica (angloamerički cicero - pica, Didotov cicero, milimetar, inch), pismovne veličine. Pismovni rez. Razmak: razmak između riječi, razmak između redaka prored. Linija: jednostavne, ukrasne, završne, okviri,...). Dijeljenje riječi. Tipografsko oblikovanje i pravila. Tipografska kompozicija: optička sredina, težište ili dominanta, simetrija ili asimetrija, ritam i kontrast. Elementi čitljivosti. Zlatni rez: Fibonaccijevi brojevi, Pascalov trokut, Lukasovi brojevi. Primjeri.
Fontovi (2 sata)
Povijest pisma: slikovno, pojmovno i slogovno (silabičko) pismo, alfabet. Razvoj i vrste fontova i pisama (gotičko, antikva, grotesk, rukopisno i ukrasno). Znak i njegovi oblici. Kreiranje oblika znaka. Metode kreiranja znakova: metoda s kružnim lukom, Bézierova metoda. Digitaliziranje slovnih znakova, tehnologije, formati (TrueType, OpenType, Type 2, Postscript, Clear Type, Cool Type). Kodne stranice. Unicode standard.
Uređivanje teksta (2 sata)
Programska rješenja funkcije. Dokumenti: specijalni tipovi i dijelovi. Faze kreiranja teksta: unos i uređivanje, oblikovanje (slova, odlomaka i stranice) i ispis. Mikrotipografija: upotreba znakova interpunkcije, odlomak, inicijali, isticanje u tekstu (podvlačenjem, verzalnim slovima, kurzivnim pismom, spacioniranjem, debljinom slovnih znakova), stupnjevanje pismovnih veličina, uvlačenje, okvir, isticanje bojom. Korekturni znakovi: tekstualni i rubni.
Boja (2 sata)
Nastanak i opažanje boje. Svjetlost, osjetljivost ljudskog oka na izvor svijetla. Vidljivi dio elektromagnetskog spektra. Boja i predmet. Kako čovjek vidi svjetlo. Ljudsko oko. Fotoreceptori. Tehnika indirektnog gledanja. Podjela boja: osnovne-primarne, izvedene-sekundarne i tercijarne boje. Krug boja. Kontrastne sheme boja. Osobnost boja. Kromatske i akromatske boje. Miješanje boja: aditivno i suptraktivno. Osobine boja: subjektivne (svjetlina, zasićenje, ton) i objektivne (sjajnost, dominantna valna dužina, pobudna čistoća) osobine.
Modeli boja (2 sata)
. Prikaz boje, gamut boje. Preteče modela boja (Newton, Young, Brewster, Helmholtz, Grassmann, Maxwell). Nezavisni modeli boja (Munsell, CIE modeli, LAB). Zavisni modeli boja (RGB, CMYK, HSL, HSV, HSI). Gamut boja. Spektralna i tristimulusna informacija. Odnos među bojama: Munsellov model. Metode i postupci usklađivanja boja. Sljepoća na boje. Standardi: ISO 22028-1.
Raster (2 sata)
Razvoj sklopova i programske podrške za računalnu grafiku. Raster Image Processor. Vrste rastera: konvencionalni amplitudno modulirani raster i digitalni frekventno modulirani raster. Novi rasterski elementi: raster i PostScript, Hybridni. Atributi rastera: gustoća, finoća rastera, oblik rasterske točkice, kut rastera. Poluton. Tehnike razmještaja ćelija: slučajni razmještaj, ravnomjerno spacioniranje, polutonska aproksimacija, dihtering (prosječno, uređeno i stohastičko rastresanje), Floyd-Steinberg Error diffusion. Moiré efekt. Primjena rastera kod tiska u boji.
Računalna grafika (2 sata)
Sustavi i vrste računalne grafike: rasterska i vektorska grafika. Interaktivna računalna grafika. Osnova algoritma dvo- i tro-dimenzionalne grafike. Grafički algoritmi (Bézierove krivulje, Bresenhamov algoritam). Primjena računalne grafike. Programska rješenja.
Formati grafičkih datoteka (2 sata)
Spremanje grafičkih datoteka: pakiranje piksela, kompresija RLE, Huffmanova i CCIT kompresija, LZW kompresija, LOSSY kompresija, fraktalna kompresija.
Tehnike obrade slike (2 sata)
Faze: original, skeniranje/rastriranje, vizualizacija, obrada, separacija boja, reprodukcija. Operacije: kreiranje maski, korekcija, retuširanje, izoštravanje. Digitalni zapis slike formati zapisa, komprimiranje i algoritmi. Priprema slike za ispis, separacija i konverzija boja. Specijalni efekti primjena filtera.
Oblikovanje/prijelom stranice (2 sata)
Publikacija - knjiga: format, rub. Dijelovi knjige: naslovni arak (zaštitni list, naslovni list, posveta, pregled sadržaja, predgovor) i glavni dio (početna stranica). Prijelom, pravila prijeloma. Paginacija, naslovi, podnožne i rubne bilješke, višestupčani tekst, ilustracije. Odnos između elemenata na stranici. Osnovni elementi prijenos, kreiranje i upravljanje dokumentom, hipertekst, jezici za opis stranice (PostScript), programska rješenja.
Primjena (2 sata)
Prepoznavanje uzoraka. Model sustava za prepoznavanje: prostor uzoraka, prostor značajki, prostor odlučivanja. Raspoznavanje vizualnih uzoraka: znakova, otisaka prstiju, fotografija. Poslovna grafika - prikaz poslovnih podataka - grafikon, dijagram toka, organizacijske sheme. Kreiranje multimedijalnih dokumenata (prezentacija).
Oblikovanje digitalnih publikacija (2 sata)
Elektroničke knjige: definicija, karakteristike, usporedba s tiskanom knjigom. Formati zapisa elektroničkih knjiga (PDF, OEB, LIT, TKT, TXT, HTML, Palm Reader,...). Kriteriji izbora formata. Programi za kreiranje i korištenje elekroničkih knjiga (čitači). Uređaji za čitanje elektroničkih knjiga. Tehnologije prikaza elektroničkih knjiga (ClearType, CoolType). Elektronička tinta. Kreiranje i primjena digitalnog potpisa.
Oblikovanje web stranica (2 sata)
Specifičnosti Weba kao medija. Dijelovi web stranice. Tipografski elementi i pravila primjenjena na Webu. Web sigurne boje (web-safe colors). Optimizacija slika za Web.
Web kvaliteta (2 sata)
Web standardi. Proces procjene kvalitete web stranica. Web kvaliteta: web čitljivost (readability), web korisnost (usability) i web dostupnost - pristupačnost (accessibility).

Sadržaj seminara/vježbi

Napredno uređivanje teksta (1+2 sata)
Teoretsko znanje: Tipografija (2 sata); Uređivanje teksta (2 sata) Poznavanje programskog alata: Program za obradu teksta Praktično znanje (vještina): Kreiranje dokumenata/predloška/formulara Zadatak: 1. Izrada dokumenata korištenjem stilova, izrada tablice sadržaja, indeksa i popisa slika 2. Oblikovanje predloška/formulara temeljem vlastitih stilova 3. izrada skupnog pisma (mail merge) Ocjena rezultata: 1. Uspješnost izrade 2. Uspješnost izrade/kreativnost, 3. Uspješnost izrade
Primjena tipografskih pravila (1+2 sata)
Teoretsko znanje: Tipografija (2 sata); Uređivanje teksta (2 sata) Poznavanje programskog alata: Program za obradu teksta Praktično znanje (vještina): Primjena tipografskih pravila Zadatak: 1. Ocjena dokumenta/teksta s obzirom na tipografska pravila 2. Vlastito oblikovanje dokumenta/teksta s obzirom na tipografska pravila Ocjena rezultata: 1. Broj uočenih poštovanih i nepoštovanih tipografskih pravila 2. Broj primijenjenih tipografskih pravila
Obrada slika (5+10 sati)
Teoretsko znanje: Boja (2 sata); Raster (2 sata); Računalna grafika (2 sata); Tehnike obrade slike (2 sata) Poznavanje programskog alata: Program za obradu slika Praktično znanje (vještina): Obrada slika (rasterska grafika) Zadatak: 1.Izrada digitalnih slika – obrada dig. fotografije Ocjena rezultata: 1.Uspješnost izrade (tehnička, funkcionalna, estetska)
Integracija teksta i slike: tiskane publikacije (5+10 sati)
Teoretsko znanje: Oblikovanje/prijelom stranice (2 sata) Poznavanje programskog alata: Program za prijelom stranice Praktično znanje (vještina): Izrada tiskanih publikacija Zadatak: 1. Izrada tiskanih publikacija (brošura) 2. Samostalna izrada tiskane publikacije (brošure) Ocjena rezultata: 1. i 2. Uspješnost izrade (tehnička, funkcionalna, estetska)
Integracija teksta i slike: digitalne publikacije (1+2 sata)
Teoretsko znanje: Oblikovanje digitalnih publikacija (2 sata) Poznavanje programskog alata: Program za kreiranje i korištenje elektroničkih knjiga Praktično znanje (vještina): Izrada digitalnih publikacija Zadatak: 1. Izrada digitalne publikacija (brošura) 2. Samostalna izrada digitalne publikacije (seminarski rad kao dig. publikacija) Ocjena rezultata: 1. i 2. Uspješnost izrade (tehnička, funkcionalna, estetska)
Integracija teksta i slike: web stranice (2+4 sata)
Teoretsko znanje: Oblikovanje web stranica (2 sata); Web kvaliteta (2 sata) Poznavanje programskog alata: Program za kreiranje web stranica Praktično znanje (vještina): Izrada web stranica vodeći računa o Web čitljivosti (readability), Web korisnost (usability) i Web dostupnost - pristupačnosti (accessibility) Zadatak: 1. Izrada web stranica 2. Samostalna izrada web stranica Ocjena rezultata: 1. i 2. Uspješnost izrade (tehnička, funkcionalna, estetska)

Ishodi učenja kolegija

primjenjivati tipografska pravila pri oblikovanju teksta
kreirati fontove/glyph-ove
obraditi slike i ilustracije za posebne namjene ispisa i/ili prikaza na računalu (web stranici)
primjenjivati pravila prijeloma pri kreiranju tiskanih i digitalnih dokumenata i publikacija uz pomoć računala
oblikovati web stranicu prema pravilima tipografskog oblikovanja a vodeći računa o Web čitljivost (readability), Web korisnost (usability) i Web dostupnost pristupačnost (accessibility)
razumjeti i primijeniti preporuke Web dizajna

Ishodi učenja programa

pratiti stručnu literaturu na hrvatskom i stranom jeziku, pripremiti i samostalno održati prezentacije na hrvatskom i stranom jeziku stručnoj i općoj publici, te kritičku evaluaciju prezentirane stručne teme
razumjeti i primijeniti osnovne principe planiranja i razvoja karijere u struci i vlastitih poduzetničkih poduhvata
poznavati ključne aspekte informacijske tehnologije

Osnovna literatura

Bergsland, D. Introduction to Digital Publishing, 2nd ed. Book and CD-ROM edition. OnWord Press, 2002.
Tidwell, J. Designing Interfaces: patterns for effective interaction design. O'Reilly, 2005.
Foley, J.D. et al. Computer Graphics: Principles and Practice. 2nd ed. Addison-Wesley, 1997.
Mesaroš, F. Tipografski priručnik. Grafički obrazovni centar, Zagreb, 1985.
Babić, D. Uvod u grafičku tehnologiju. Grafički centar za ispitivanje i projektiranje, Zagreb, 1998.

Dopunska literatura

Krug, S. Don't make me think: a common sense approach to Web usability. 2nd ed. 2006.
Gonzalez, R.E.; Woods, R.E. Digital image processing. 3rd ed. Upper Saddle River, Pearson, 2008.
Stone, T.L.; Adams, S.; Morioka, N. Color design workbook; a real-world guide to using color in graphic design. Gloucester, Rockport, 2006.
Carter, R.; Day, B.; Meggs, P. Typographic design: form and communication. 4th ed. John Wiley, Hoboken, 2007.
Williams, R. Non-designer's design book: design and typographic principles for the visual novice. 3rd ed. Peachpit, Berkeley, 2008.

Slični kolegiji

GCT 240. Desktop publishing - California University of Pennsylvania, http://www.cup.edu/universitycatalogs.jsp?pageId=1580830010421122037996474
Desktop publishing - Edison Community College http://www.edisonohio.edu/dtp/dtpsyllabus.html
http://ace2149.group.shef.ac.uk/index.html
http://slog.grf.hr/pages/kolegiji/tipografija.php
http://slog.grf.hr/pages/kolegiji/raC48Dunarska-grafika.php
http://www.studijdizajna.com/kolegijinastavnici.php
http://www.ffzg.hr/infoz/web2/index.php?option=content&task=view&id=455

Redoviti studenti

Izvanredni studenti

U kalendaru ispod se nalaze konzultacije predmetnih nastavnika, no za detalje o konzultacijama možete provjeriti na profilu pojedinog predmetnog nastavnika.