Transcript Web Design
Web Design
Informační systémy ve státní správě Ing. Pavel Šimek
Historie Internetu
• ARPA - Advanced Research Projects Agency (USA) • 1967-1968 – návrh sítě ARPANET • 1969 - ARPANET
Historie Internetu II
• 1971 – 16 uzlů ARPANETu – NCP (Network Control Protocol) • 1971 – INWG - InterNetworking Working Group – vybudování nových protokolů – TCP/IP • 1977 – vznik TCP/IP • 1980 – TCP/IP zaváděno do praxe • 1983 – celý ARPANET na TCP/IP
Historie Internetu III
• 1986 – 1988 z ARPANETu vzniká Internet • NSF (National Science Foundation) – propojení 5 středisek – NSFNET • 1990 – odstavení ARPANETu
Síť CESNET2
WWW
• 1989 - Tim Berners-Lee (CERN) - návrh hypertextového systému • 1994 - WWW sdružení (World Wide Web Consorcium - W3C) • vlastnosti – hypertext – nezávislost na OS – klient (browser), server (www server) – http, url
Základní technologie WWW
• URL - Uniform Resource Locators • HTML – HyperText Markup Language – XHTML – Extensible HyperText Markup Language • http - HyperText Transfer Protocol
Internetové organizace
• ISOC (Internet Society) • IAB (Internet Architecture Board) • IETF (Internet Engineering Task Force) • IESG (Internet Engineering Steering Group) • IRTF (Internet Research Task Force) • IRSG (Internet Research Steering Group) • IANA (Internet Assigned Numbers Authority)
Standardizační orgány pod ISOC
• ISOC: (http://www.isoc.org) – zastřešuje, reprezentuje vůči jiným organizacím a orgánům • IAB: (http://www.iab.org) – řídí standardizační práci, přijímá strategická rozhodnutí, formálně vydává dokumenty RFC • IESG,IRSG: – "Steering Groups", řídí práci IETF a IRTF, které mají velmi "volnou organizaci" • "vnáší řád do chaosu" (kompenzují to, že samotné IETF a IRTF nemají žádné řádné formální členství ….) IRSG IRTF IAB IESG IETF
oblast oblast
vědecko-výzkumné skupiny pracovní skupiny
Standardizační instituce
• ITU (International Telecommunications Union, mezinárodní
telekomunikační unie)
• ISO (International Organization for Standardization) • IEEE (Institute of Electrical and Electronics Engineering) • W3C
(World Wide Web Consorcium)
• ANSI (American National Standards Institute) • EIA (Electronic Industries Association) • VESA (Video Electronics Standards Association) • IEC (International Electrotechnical Commision) • NIST (National Institute for Standards and Technology) • ČSNI (Český normalizační institut)
W3C (World Wide Web Consorcium)
konsorcium, vzniklé v roce 1994 v důsledku neobyčejného rozvoje služby World Wide Web a potřeby její standardizace. Konsorcium W3C nevděčí za svůj vznik středisku CERN, odkud pochází samotná služba WWW – jako první „hostitelská organizace“ se konsorcia ujala prestižní univerzita MIT (Massachussets Institute of Technology, druhou se pak stala francouzská INRIA, a třetí japonská univerzita KEITO). Konsorcium W3C se zabývá celým širokým spektrem otázek kolem populárního WEBu: počínaje jazykem HTML a protokolem HTTP, přes problematiku práce s grafikou, lokalizace a internacionalizace Webu, možnosti zpřístupnění WEBu tělesně postiženým, až například po otázky duševního vlastnictví či digitální podpisy. Působnost konsorcia W3C na poli vydávání standardů pro Internet sice koliduje s působností standardizačních orgánů jako IETF (viz minule), ale vzhledem k existujícímu personálnímu propojení a blízké mentalitě obou orgánů zde nevznikají větší problémy – podle gentlemanské dohody IETF přenechává oblast WWW právě konsorciu W3C. To vydává své standardy ve formě vlastních dokumentů (formálně doporučení), ale obvykle jsou tyto dokumenty publikovány i jako standardy RFC. Domovská stránka konsorcia W3C se nachází na adrese http://www.w3c.org.
Domény
• Domény 1. řádu (TLD) – generické (nadnárodní) domény • .com, .org, .net, .info ....
– národní domény • .uk, .cz, .pl, .sk, .hr, .at, .de, .it ....
• Domény 2. řádu (doménová jména) – seznam.cz, centrum.cz, hotmail.com
• Domény 3. řádu – zpravy.idnes.cz, slovniky.centrum.cz
Registrace doménových jmen v ccTLD .cz
• Do roku 2003 pouze monopolní registrátor CZ.NIC
• 2002, schválení projektu „Decentralizovaná správa domén .cz“ • Srpen 2003, dokument o decentralizované správě domén • Říjen 2003, vstup nových registrátorů
Registrace doménového jména
• prostřednictvím některého z registrátorů • souhlas každého žadatele s aktuální verzí Pravidel registrace • prohlášení osoby, že je oprávněna jednat jménem Žadatele • sdružení CZ.NIC registruje Doménová jména podle pořadí, ve kterém byly doručeny jednotlivé žádosti o registraci • registruje se vždy na celé násobky roku počínaje Dnem registrace Doménového jména, nejvýše však na 10 let • registrací Doménového jména je dané Doménové jméno na stanovenou dobu vyhrazeno Držiteli
Registrace je provedena, pokud
• žádost o registraci neobsahuje nedostatky zabraňující dalšímu zpracování • byl k Doménovému jménu přiřazen existující Kontakt v roli Držitele • byly řádně vyplněny požadované údaje • Žadatel vyslovil souhlas s aktuálním zněním Pravidel registrace • požadované Doménové jméno není v době podání žádosti registrováno • požadované Doménové jméno odpovídá pravidlům tvorby Doménových jmen • současně s registrací dojde k zúčtování odpovídajících úhrad příslušných cen
Prodloužení registrace doménového jména
• prostřednictvím Určeného Registrátora • vždy na celé násobky roku, nejvýše však na 10 let – pokyn k prodloužení registrace obdrží sdružení CZ.NIC nejpozději v den, ve kterém dojde k uplynutí doby, na kterou bylo Doménové jméno registrováno – držitele vyslovil souhlas s aktuální verzí Pravidel registrace – současně dojde k zúčtování odpovídajících úhrad příslušných cen
Zánik registrace doménového jména
• na pokyn podaný prostřednictvím Určeného Registrátora • v případě, že registrace Doménového jména nebude přede Dnem expirace prodloužena, vstupuje Doménové jméno v Den expirace na dobu 45 dnů do tzv. ochranné lhůty – V průběhu ochranné lhůty nelze provádět žádné změny týkající se Doménového jména s výjimkou prodloužení jeho registrace – Jestliže v průběhu prvních 30 dnů trvání ochranné lhůty nedojde k prodloužení registrace Doménového jména, je sdružení CZ.NIC oprávněno zrušit Delegaci Doménového jména – registrace Doménového jména zaniká uplynutím ochranné lhůty
Pravidla pro tvorbu doménového jména
• Doménová jména musí vyhovovat normám RFC 1034, 1035, 1122, 1123 a jakýmkoliv je nahrazujícím nebo doplňujícím normám.
– Doménové jméno může obsahovat pouze znaky [a z,0-9,-] – délka Doménového jména je nejvýše 63 znaků – Doménové jméno nesmí začínat, ani končit znakem „-“ – Doménové jméno nesmí obsahovat dva znaky „-“ za sebou
Diakritika v doménových jménech
Webhosting, serverhosting
• Webhosting – Prostor na serveru, který je trvale připojen k síti internet – Několik stovek, tisíc firem – Velká odlišnost služeb a cen (0,- Kč – několik tisíc Kč/měsíc) • Serverhosting, Serverhousing – Připojení celého serveru do sítě internet – Pronájem serveru vs. vlastní server – Ceny: řádově v tisících Kč/měsíc
Website
• Web Site – logický celek WWW stránek • Hlavní výhody – prezentace dostupná kdekoliv a kdykoliv – přímá zpětná vazba – možnost interaktivity • Cíle Web Site – informovat – získat kontakt na zákazníka – udržet kontakt se zákazníkem – prodávat
Website pyramida
účel (ekonomika) uživatel forma (vzhled stránky) OBSAH tvůrce funkce (technologie)
Druhy website
složité Web aplikace Statický jednoduché dokumenty Dynamický Statický se vstupním formulářem
Dotaz
Dynamický přístup k datům aplikace
Web Site
• vizuální přístup – „brochureware“ - „introware“ • technologický přístup – nejdříve technologické novinky • využívání zásad z projektování IS – model „vodopád“ – fontánový typ – „přírůstkový“ vývojový cyklus – …
Organizace Web Site (logické struktury)
• lineární • lineární s alternativami • lineární s volbou • lineární s odskoky • mříž • hierarchická – úzké stromy – široké stromy • smíšená - web stromy • web style
• Základní
Lineární struktura
• S odskoky
Mříž
• Duální lineární struktura
Hierarchický model
• Úzký strom
Hierarchický model
• Široký strom
Kombinovaná struktura
Web struktura
síla stránky
Web Site struktury
smíšená web mříž hierarchická lineární problémy
Technologie
• Na straně klienta – statika • html, xhtml • css – Dynamika • DHTML (DOM, JavaScript, CSS, ...) • Flash • VRML • Kombinace – AJAX • Na streně serveru – skriptovací jazyk • PHP • ASP 3.0, ASP.NET
• JSP – programovací jazyk • Delphi – databáze • MySQL • PostgreSQL • MS SQL Server • Soubory
Generování WWW stránky I
požadavek http://www.pef.czu.cz
www server uživatel www stránka v html (xhtml) požadavek http://www.pef.czu.cz
uživatel www stránka v html (xhtml)
Generování WWW stránky II
požadavek www server uživatel www stránka v html (xhtml) požadavek uživatel cgi program www stránka v html (xhtml)
uživatel
Generování WWW stránky III
požadavek http://www.php.net
www server www stránka v html (xhtml) (index.php) uživatel požadavek http://www.php.net
.php
.phtml
.php3
.php4
HTML (XHTML) SQL databáze -MySQL -MS SQL Server -PostgreSQL -MS Access -dBase -....
www stránka v html (xhtml) (index.php) interpret jazyka php data
uživatel
Generování WWW stránky IV princip AJAXu
požadavek www server www stránka v html (xhtml) a JavaScript kód JavaScriptu provádí neviditelné volání na server Server odpovídá zasláním Požadovaných dat JavaScript aktualizuje webovou Stránku s použitím těchto dat .php
.phtml
.php3
.php4
HTML (XHTML) SQL databáze -MySQL -MS SQL Server -PostgreSQL -MS Access -dBase -....
data interpret jazyka php
(X)HTML Editory
• WYSIWYG – Macromedia Dreamweaver – NVÚ – MS FrontPage – MS Word – ...
• Na úrovni HTML – HomeSite – EasyPad – PSPad – ...
Statická grafika pro WWW
• JPEG, GIF, PNG, CSS • Fotografie – .jpg, jpeg • Loga, menu, jednoduchá grafika – .gif, .png
• Editory – Adobe Fireworks – Paint Shop Pro – Adobe PhotoShop – Zoner PhotoStudio – Zoner Calypso – GIMP
Dynamická grafika pro WWW
• Animovaný GIF • JavaScript • JAVA applet • FLASH • Formátování dokumentu pomocí CSS (mouse on)
Co je to hypertext
• Pozorování lidského myšlení • Hypertext je (původně lineární) text, uzpůsobený pro přeskakování „z myšlenky na myšlenku“ • přeskakování v hypertextu je označováno jako brouzdání (browsing, to browse)
Informace v hypertextové podobě
• Jsou členěny na relativně malé jednotky, zvané
stránky
(pages) – v rámci stránek jsou informace uspořádány (víceméně) lineárně • stránky se mohou nalézat na různých (libovolných) místech – je to plně distribuované • mezi stránkami mohou existovat libovolné
vazby
– stránky mohou být vzájemně provázány dle libosti – vazby jsou jiné místo
aktivní odkazy
, jejich navolením lze vyvolat přechod na • práce s hypertextem je
brouzdání
(browsing) – postupné procházení stránkami, s přeskoky pomocí odkazů – uživatel (čtenář) si sám volí jak bude stránkami procházet • podle svých zájmů, potřeb, schopností • "přijímá informace" v takovém sledu, objemu a rychlosti, jaký mu vyhovuje • hypertextová podoba je "autorským dílem" – záleží na autorovi, jak dobře či špatně (přehledně či nepřehledně) rozdělí původně "lineární" informace do jednotlivých stránek a jak je mezi sebou prováže • jak dokáže anticipovat potřeby čtenářů
Představa hypertextu
stránka aktivní odkazy mohou být reprezentovány: • částmi textu • obrázky • částmi obrázků odkaz
Vývoj WWW
• původně: – služba jen pro zpřístupnění textů • dnes: • nepodporovala grafiku součást – autoři měli strach ze zneužití, že lidé naskenují tištěné texty a udělají z nich obrázek – podpora grafiky se objevila až u NCSA Mosaic – podpora celé řady formátů • multimediálních – původně řešeno pomocí externích aplikací či doplňků • helperů, plug-inů – později podpora zabudována přímo do browseru jako integrální • původně: – skromné prezentační schopnosti • dnes: – velmi dobré prezentační schopnosti • dnes: • schopnost podat informace v "atraktivním obalu" • původně: – WWW byl službou – je současně i platformou pro poskytování dalších služeb • vyhledávání, adresáře, aplikace …..
Proč WWW tak uspěl?
• protože jeho základní princip (hypertext) dobře odpovídá způsobu lidského myšlení – protože vychází vstříc lidské slabosti pro „hezký obal“ • protože je neskromný – vyžaduje větší přenosové kapacity, výkonnější počítače, ...
• protože dokázal „zlidštit“ Internet a práci v něm, učinit ji mnohem jednodušší a intuitivnější – z Internetu „jen pro odborníky“ udělal Internet „pro každého“ • protože dokázal nabídnout atraktivní funkce i
komerční sféře
– stal se předmětem podnikání, místem podnikání, prostředkem podpory podnikání, marketingovým nástrojem • protože přišel ve správný okamžik