INTERNET

OPI POJMOVI

INTERNET
INTERNET
Svjetski rasprostranjena raunarska mrea, medij, komunikacijski kanal ili jednostavno infrastruktura koja ljudima irom svijeta omogudava razne oblike komunikacije, putem razliitih servisa i usluga
WWW, FTP, e-mail, telnet...

ISOC (The Internet Society)

Neprofitabilno drutvo sa zadadom promicanja Interneta i komunikacijskih tehnologija

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

INTERNET U HRVATSKOJ
U Republici Hrvatskoj poeci interneta datiraju iz 1991. godine kada je skupina entuzijasta s instituta Ruer Bokovi u Zagrebu u suradnji s HPT-om povezala institut sa svijetom koritenjem Telnet protokola, a kasnije je omoguden i prijenos podataka. Nakon toga, iste 1991. godine Ministarstvo znanosti i tehnologije Republike Hrvatske pokrenulo je projekt CARNet (Croatian Academic and Research Network Hrvatska akademska i istraivaka mrea).
CARNet predstavlja akademski dio Hrvatskog dijela Interneta

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

OPI POJMOVI
WWW World Wide Web
Multimedijski informacijski servis na internetu Slui se klijent-posluitelj modelom

E-mail
Najrasprostranjeniji i najpopularniji oblik komunikacije na internetu Koristi SMTP i POP protokol

FTP (File Transfer Protocol)

I program i protokol slui za prebacivanje datoteka s lokalnog na udaljeno raunalo (najede server-posluitelj) i obrnuto

Ostali servisi
Telnet, Usenet...
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 4

WEB PRETRAIVAI/PREGLEDNICI, SEARCH ENGINES

WEB PREGLEDNIK
program koji ita sadraj s weba, prikazuje tekst, grafiku, animacije, zvuk, interpretira hiperveze...

SEARCH ENGINE
pretraivake maine-strojevialgoritmi koji za korisnika pretrauju internet resurse

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

OSNOVNI PODACI O WWW-U

1989. u CERN-u Tim Berners-Lee razvija sustav za mrenu razmjenu podataka glavne znaajke WWW-a
hiperveze (linkovi)
klikom na kljunu rije otvara se novi dokument

multimedijalni sadraj
tekst, slika, zvuk

browse/surf

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

OSNOVNI POJMOVI VEZANI UZ WWW

URL Uniform Resource Locator
standardni formati za identificiranje lokacija na Internetu

HTTP Hypertext Transfer Protocol

protokol koji se koristi za distribuciju informacija unutar WWW-a

HTML Hypertext Markup Language

poluprogramski jezik koji uz pomod jednostavnih kodova opisuje grafiki izgled hipertekstualnog dokumenta osim to odreuje smjetaj grafike i teksta unutar dokumenta, HTML definira meusobno povezivanje hipertekstualnih dokumenata

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

 klijent
program koji trai uslugu raunalo na kojem radi taj program

posluitelj (server)
program koji daje uslugu
web posluitelj
pohranjivanje i isporuka web stranica

mail posluitelj
primanje i slanje elektronike pote

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

KAKO RADI WEB?

1. klijent (web preglednik) alje zahtjev za stranicom (u zahtjevu se nalazi adresa stranice) 2. server alje tekst (kod) stranice 3. klijent prima web stranicu 4. klijent eventualno zahtjeva dodatne podatke slike, pozadinsku glazbu... 5. klijent prikazuje prikupljeni sadraj

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

TO JE TO HTTP?
Hypertext Transfer Protocol protokol za prijenos hiperteksta zajedniki jezik koji slui razmjeni web stranica u adresi stranice naveden je na poetku s http: ne moramo pisati ime protokola, web preglednik sam dodaje http://

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

10

TO JE ADRESA WEB STRANICE?

adresa Uniform Resource Locator adresa je jedinstvena na cijelom WWW-u ne postoje dva ista URL-a

http://www.woundivision.com/prezentacija/2013/index.html

protokol

puno ime domene

mape/folderi

HTML dokument
11

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

VRNE DOMENE
Ope (generike)
.com Commercial

Domene koje oznaavaju dravu

.hr Hrvatska

.org
.edu .gov .info .museum

Organization
Education Government

.si
.it .uk .us .tk

Slovenija
Italija Ujedinjeno Kraljevstvo SAD Tokelau

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

12

TKO DODJELJUJE DOMENE

sustav domena je hijerarhijski vrne domene dodjeljuje na upravljanje Internet Corporation for Assigned Names and Numbers (ICANN) za svaku vrnu domenu postoji sluba koja se brine o raspodjeli domena od 1991. godine CARNet upravlja .hr domenom

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

13

PRIPREMA ZA PREZENTACIJU FIRME NA INTERNETU PUTEM WWW-a

za prezentaciju firme/hotela na Internetu treba kreirati kvalitetan MMIM (multimedijski informacijski model) dakle, treba definirati objekte/elemente MMIM-a koji se najede nazivaju entiteti zatim je nuno svakom entitetu pridruiti odreene atribute, koji se dalje opisuju varijablama treba to optimalnije rasporediti elemente MMIM-a i definirati mjesto i ulogu svakog elementa u okviru MMIM-a

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

14

UVOD U HTML
Hypertext Markup Language

UVOD U HTML (Hypertext Markup Language)

HTML
jezik koji uz pomod jednostavnih kodova opisuje grafiki izgled hipertekstualnog dokumenta osim to odreuje kako de tekst i slike bit smjeteni u dokumentu, HTML definira i nain meusobnog povezivanja dokumenata jezik HTML je skup gramatikih i sintaktikih pravila koji pretraivakim (browserima) kazuje na koji nain da interpretiraju uitani dokument pravila HTML jezika zasnivaju se na ved postojedem standardu za opis tekstualnih dokumenata poznatijem po imenu SGML (Standard Generalized Markup Language)

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

16

 sve to nam je potrebno da bi napravili najjednostavniju web stranicu praktino ved imamo na raunalu to je prije svega jedan najobiniji tekst editor kao to je Notepad slijededa stvar koja nam je neophodna je web preglednik

bilo da imamo Internet Explorer, Operu, Mozillu Firefox, poeljno je instalirati vie preglednika iz tog razloga to razliiti preglednici razliito tumae neke HTML tagove tako da su obino potrebne neke male korekcije kako bi nae web stranice imale zadovoljavajudi izgled u svim preglednicima
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 17

 HTML komande se piu u vidu tzv. tag-ova

jedan tag je komanda koja govori naem pregledniku to i kako napraviti, tj. na koji nain prikazati sadraj nae web stranice
HTML tagovi su case insensitive, tj. svejedno je da li ih piemo malim ili velikim slovima tagovi se piu unutar oznaka < i > (bez navodnika)
npr. <html>
ovaj tag se nalazi na poetku svakog HTML dokumenta i on govori naem pregledniku da je datoteka koju je upravo poeo uitavati ba HTML dokument i da kao takvog treba i prikazati ovaj tag govori pregledniku da je to kraj naeg HTML dokumenta

na kraj HTML dokumenta se stavlja zavrni HTML tag: </html>

dakle, svaki tag ima poetak i kraj, ako nema poetka, a ima kraja dogodit de se greka, isto tako i obrnuto

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

18

 vedina tagova ima i poetni i zavrni tag

to smo spomenuli u prethodnom slajdu

zavrni tag se dobiva dodavanjem znaka / i oznaava mjesto na kojem prestaje djelovanje poetnog taga postoje i tagovi kod kojih ne moramo stavljati zavrni tag kao to je recimo tag <br> koji slui za prelazak u novi red
taj isti tag se moe pisati kao i < /br> zbog bolje preglednosti koda

svaki HTML dokument se sastoji od dva dijela:

1. zaglavlja (eng. head)
zaglavlje se odvaja tagovima <head> i </head>

2. tijela (eng. body)

tijelo se odvaja tagovima <body> i </body>
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 19

PRIKAZ JEDNOSTAVNE STRUKTURE HTML DOKUMENTA

dakle, svaki HTML dokument mora imati slijededu strukturu:

<html> <head> <title>NAZIV/NASLOV WEB STRANICE</title> </head> <body> Ovdje unosimo sve ono to elimo da se prikae na naoj web stranici (tekst, slike, video...) </body> </html>
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 20

RAUNALNA GRAFIKA
Uvod

UVOD
Za raliku od izrade slike na papiru ili platnu, slika u raunalu (na zaslonu) mora imati precizno utvrenu strukturu zapisa, odnosno definiciju elemenata koji se moraju dodirivati, a nikako preklapati
te elemente nazivamo pikselima (px) od kojih de se graditi slika

DVIJE VRSTE GRAFIKA

RASTERSKA

VEKTORSKA

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

22

RASTERSKA GRAFIKA
Skupina toaka jedne veliine Podoban za prikaz slika iz stvarnosti
Pogledamo li obinu fotografiju pod dovoljno jakim povedalom vidjet demo da je ona sastavljena od vrlo malih zrna razliite boje

Primjer bitmape: goblen

VEKTORSKA GRAFIKA
Skup objekata
Matematiki opisanih krivulja (vektora!) kojima su dodane osobine poput boje i debljine linije, ispune ili samog poloaja

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

23

TO JE TO PIXEL?

PICture Element eng. Pixel

- Osnovni element grafikog prikaza - Npr. Zaslon monitora je podijeljen u milijune zaslonskih toaka piksela smjetenih u retke i stupce - Svaki piksel sadri informaciju i o boji koju reproducira
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 24

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

25

 Jakost prikaza piksela je varijabilna ovisna u kojem se sustavu prikazuje (npr. Zaslon, pisa, skener):
U tri dimenzije: crvena, zelena i plava (RGB) U etiri dimenzije: cyan, magenta, uta i crna (CMYC)

Tako su blizu jedan drugome tako da se ini kako se stapaju jedan s drugim Broj piksela koji se trenutno prikazuju na zaslonu nazivamo rezolucijom

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

26

RGB model
kombinacija tri primarne boje, tj. piksel se sastoji od tri toke: crvene (eng. red) zelene (eng. green) plave (eng. blue)

idealno bi sve tri toke trebale teiti preklapanju u jednoj toki, ali svi zasloni imaju odreenu pogreku u takvoj tehnologiji mijenjanjem inteziteta svake od primarnih boja dobivamo ostale primjenjuje se na
monitorima s katodnom cijevi (zastarjelo) LCD monitorima (LED monitorima) plazma monitorima
by Ivan Marinkovid - www.ivan-marinkovic.com.hr 27

CMYK model (32 bitna boja)

eng. CMYK cyan, magenta, yellow, katran svakoj od CMYK boja se dodaje po 8 bita: 8x4 = 32 obuhvadaju viebojne slike namijenjene tisku, ili bilo kakvoj reprodukciji pri kojoj se koriste etiri osnovne komponente za dobivanje slike izgledom se na ekranu raunala ne razlikuju mnogo od 24 bitnih bitmapa

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

28

REZOLUCIJA
pojam koji opisuje jasnodu i otrinu slike najede se koristi za opisivanje svojstava ureaja kao to su:
monitori pisai skeneri

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

29

KOD MONITORA
ukupan broj piksela na zaslonu

KOD PISAA
oznaava broj toaka po palcu (eng. dots per inch dpi) pisa s rezolucijom 300 dpi je onaj koji moe ispisati 300 razliitih toaka u liniji dugakoj jedan palac (2,53 cm)

KOD SKENERA
oznaava optiku razluivost izraava se u dpi NE RAZLIKUJE SE TEKST OD SLIKE odrediti optimalnu rezoluciju
iskustvo pokazuje da postoji veza izmeu kvalitete skenera i maksimalne izlazne rezolucije nakon koje vie ne primjedujemo poboljanje u kvaliteti

by Ivan Marinkovid - www.ivan-marinkovic.com.hr

30

ZA SAD TOLIKO...
Ivan Marinkovid 7. srpnja, 2013. Prezentacija je slobodna za koritenje, ak i preradu ili doradu bez moje suglasnosti. No, nije dozvoljeno ju rereproducirati kao svoje.
31

www.Ivan-Marinkovic.com.hr

by Ivan Marinkovid - www.ivan-marinkovic.com.hr