CVT6 – 01a Úvod do tvorby internetových aplikací Osnova předmětu (X)HTML a tvorba webu pomocí přímého zápisu kódu Tvorba web designu a skládání stránek z kousků Skriptovací jazyky na webu Návrh software s ohledem na použití online Úvod do UML PHP a jeho využití v webové aplikace Databáze na webu, SQL Možnosti e-learningu Nastavení www serveru Návrh a vývoj software pro web s využitím probraných technologií Opakování www ftp e-mail telnet NetNews konference IM komunikace Chaty Remote Access P2P aplikace Online games Videokonference IP telefonie Online audio/video streaming • Internet ? • Služby www – world wide webJedna z nejvyužívanějších služeb internetu Přístup k obrovskému množství informací Možnosti prezentace, reklamy, zábavy, business,… Jednoduchý přístup a použití (internetové prohlížeče) Adresace v internetu Doménová adresa Hierarchické upořádání Srozumitelné pro uživatele internetu hyperion.ped.muni.cz IP adresa Logická identifikace uzlů (počítačů) 147.251.192.7 Vzájemná převoditelnost DNS (domain name system) Domény v internetu Domény 1. úrovně (TLD – top level domain): generické (com, net, edu, …) národní (cz, at, fr, de, …) Přidělování doménových jmen Každá doména má svého správce a případně skupinu registrátorů Správce/registrátor přiděluje domény nižších řádů v rámci své domény Např. www.nic.cz URL – Uniform resource locator Kompletní adresace informací na internetu Udává: protokol + adresu + přesné umístění dokumentu protocol://[login_name[:heslo]@]adresa_serveru[:port][cesta] HTTP - HyperText Transfer Protocol Protokol? HTTP – slouží k přenášení dokumentů na internetu a zobrazování www stránek Pracuje systémem klient-server RFC 1945, RFC 2068 Klient: www prohlížeč (browser) zasílá požadavky (HEAD, GET, POST) a zpracovává příchozí informace od serveru a interpretuje je Server: http server (aplikace zpracovávající požadavky) Klient www prohlížeč Server http Nezbytný pro provoz www stránek (ne přístup k nim!) Využití poskytovatele web hostingu (prostor na serveru) nebo vlastní server Server – aplikace zpracovávající požadavky Př. Apache web server, IIS (MS internet information server, …) HTML – hypertext markup language Značkovací jazyk pro tvorbu www stránek W3C (World Wide Web Consortium) – několik standardizovaných verzí (X)HTML HTML interpretují www prohlížeče Validátor – aplikace ověřující validitu (splnění normy http://validator.w3.org/ (X)HTML Používá tzv. „tagy“ (značky) „Tagy“ slouží k formátování textu (mají atributy) Verze: …., HTML 4.0, XHTML 1.0, XHTML 1.1, … Varianty verzí: Transitional, Strict, Frameset Verze je zapsána v hlavičce dokumentu CSS – cascading style sheets Soubor metod ke grafické úpravě HTML dokumentu Nahrazuje některé „tagy“ či jejich atributy Patří pod W3C – možno ověřit validitu Široké možnosti formátování stránek Více způsobů zápisu do dokumentu Novější verze XHTML nepřipouštějí formátovací atributy „tagů“ => nutnost CSS Dynamické www stránky Využití skriptů a skriptovacích či programovacích jazyků Interpretované jazyky Zpracovávané serverem Např. PHP Zpracovávané klientem Např. JavaScript PHP PHP je skriptovací (programovací) jazyk zpracovávaný na straně serveru Výhody X nevýhody Spolupráce s databází Redakční systémy IS E-learning … Databáze SŘBD – data + software pro manipulaci s daty Typy databází: síťové, objektové, relační, … Relační databáze – nejpoužívanější – data ukládána ve formě relací (tabulky a jejich vztahy) SQL - (Structured Query Language) Nutná podpora databáze na serveru a v programovacím jazyku Kombinace PHP+MySQL Další možnosti a souvislosti tvorby www stránek Grafika !!! Vizuální úprava stránek Tvorba uceleného grafického vzhledu, tlačítek apod. Programy pro práci s grafikou (např. Photoshop) FLASH – grafický (vektorový) formát pro prezentace na webu Zabezpečení stránek a kontrola přístupu k datům Zabezpečené přihlašování uživatelů do webových aplikací Editory HTML, … kódu Návrh software Webová aplikace založená na PHP nebo podobné technologii a využívající ukládání dat (databáze) Životní cyklus programového díla specifikace požadavků -> analýza a návrh -> vývoj -> verifikace a validace -> provoz a údržba UML a modelování Neformální specifikace systému Specifikace pomocí modelů Převod modelu na datový model databáze Vlastní vývoj aplikace E-learning Výuka (distanční) pomocí elektronických materiálů, prostředků, internetu Testování LMS systémy – Moodle, … Instalace Moodle (PHP, MySQL, …) Realizace kurzů KONEC