Databáze pro webové aplikace a is

-databázový server (databáze – data)

-umožňují uchovávat data, spravovat je a pracovat s nimi

-MySQL, PostgreSQL, MS SQL Server, Oracle, Informix, Souborový systém..

Dynamické technologie na straně klienta

=umožňují dynamické změny na straně klienta

-vyšší interaktivita uživatele

-mažou subjektivní rozdíl mezi webovou aplikací a desktopovou aplikací

-JavaScript = nejpoužívanější skriptovací jazyk na straně prohlížeče, dodává webům interaktivituu a dynamiku, může dojít k bezpečnostním rizikům a výkonnostním problémům

-dále FLASH, JAVA aplets

-anarchické x silně zastaralé x zastaralé x moderní x supermoderní

-HTML5 = nová specifikace značkovacího jazyka, nahrazuje (X)HTML, důraz na sémantiku v podobě nových záznamových značek

-MediaQueries = slouží pro distribuci stylů mezi různými typy zařízení

-dále Local Storage, Drag and Drop

-AJAX = synchronní JavaScript a XML, umožňuje vytvářet lepší a přístupnější webové aplikace, není nutné pro každý požadavek znovu nahrát celou stránku do prohlížeče, př aplikací s AJAXem: LMS Moodle, Gmail, Maps, Picassa, Mapy.cz, e-shopy…

IS na platformě WWW – využití

-rezervační systémy – letenky, autopůjčovny, ubytování

-zpravodajské servery

-podnikové IS – intranet, extranet…

Webové aplikace

+nezávislost na platformě -bezpodmínečná konektivita k síti

+celosvětová dostupnost -náročnější na přenos

+instalace webového klienta -náročnější na bezpečnost

+malé, přijatelné zatížení klienta

+validace serveru

+výpočetní logika serveru

+data na serveru

+snadné formátování výstupu

6. GRAFIKA A MULTIMÉDIA

Rozdělení:

1. Identifikační – firemní loga, výrobky, obaly, prezentace výrobků

2. Strukturální – pozadí prezentace, použité barvy a barevné kombinace

3. Navigační – menu, odkazy apod.

4. Kontextová – ilustrační fotografie, grafy, výpočty, screenshoty

5. Dekorační – doplňuje prezentaci bez zvláštního účelu

6. Reklamní – reklamní bannery, upoutávky

7. Dle počtu akceptovaných rozměrů – 2D, 3D

3D grafika

=trojrozměrně vyjádřená data

-renderování 2D grafiky

-obvykle pro konstrukční výkresy

-grafika pro hry

-animace

Programy: 3D studio max, Maya, Cinema 4D…

CAD

=software pro konstrukční práce

-zaměřené na 3D modelování a skládání komponent

-návrh složitého stroje od šroubku

Texturování

=potažení drátěné osnovy povrchem

-snadné modelování objektů

-úspora výpočetního výkonu

-rastrový 2D obrázek

Základní charakteristiky – barvy

1) Barevný model RGB = Red, Green a Blue = aditivní míchání barev, využívají jej monitory, televize a datové projektory

-barevná hloubka = barevná bohatost, udává kolik barev je možné zobrazit pomocí barevného modelu

-lidské oko je schopné rozlišit cca 190 000 odstínů

2) Barevný model CMYK = Cyan, Magenta, Yellow, zabrání zbytečného čerpání všech barevných složek pro dosažení černé je přidávána samotná černá barva – blacK, subtraktivní míchání barev, využití u barevného tisku a plotterů

3) Model HSV – nejvíce dle lidského vnímání, Hue = barevný tón, Saturation = sytost barvy, Value = jas

Histogram

=graf rozložení bodů v obrazovém souboru

-udává jasnost jednotlivých bodů

-zjistí přeexponovanou nebo podexponovanou fotografii

Rastrová grafika

-skládá se z jednotlivých bodů

-každý bod si nese info o barvě a průhlednosti

-soubor obsahuje pole hodnot – jednotlivé pixely

-TIFF, BMP, JPG, PNG,…

-fotorealistická grafika

-problémy při změně velikosti

Pixel

=nejmenší obrazový prvek, px

-velikost pixel dle zařízení (monitor, tiskárna, skener)

Rozlišení

=počet obrazových bodů na jednotku plochy

-udává se v DPI = počet bodů na čtvereční palec

-optimum pro www – 72DPI

-optimum pro tisk – 3000DPI

Ztrátová komprese – využívá nedokonalosti lidského oka a vynechává nepodstatné části obrátku

Bezeztrátová – zmenšuje velikost souboru bez ztráty obrazové info, do zpětné akci dostaneme obrázek do původního stavu

Korporátní design

• Budování značky

• Jednoznačná identifikace firmy

• Soulad všech složek

-barvy, loga, písmo, formuláře, vizitky

-použité fonty a barvy, rozložení stránky pro celý web, ikona webu, jednotná terminologie, odkazy

Digitální formáty

JPEG

+výborný pro fotografie a obrázky, plná barevná info (24bitů), nastavitelná kvalita a s ní spojená velikost

-ztráta části grafické info, nevhodný pro kresby a nápisy, neefektivní pro souvislé jednobarevné plochy a obrázky malých rozměrů, neumí průhlednost a animaci

GIF

+dobře zvládá obrázky s ostrými přechody barev, velmi dobrý pro malé obrázky, umožňuje animaci, prokládání a průhlednost

-nejvíce 256 barev, slabší pro fotorealistické obrázky, plynulé přechody barev

PNG

+bez ztráty grafické info, plná barevní info, velmi universální

-neumí animaci, nevhodný pro plně barevné fotografické obrázky, nelze používat tapetu s 32 nebo 64 barvami

TIFF

+vysoká variabilita možností a použití, variabilní barevná hloubka a režim, podporovaná průhlednost, možnost uložit ořezovou cestu…

-problémy s kompatibilitou

RAW

+dodatečné zpracování v klidu u počítače, nikoliv při fotografování, značné množství info získaných ze snímače

-další úpravy jsou vždy nutné, snímek není možné přímo publikovat, velikost souborů

Vektorová grafika

-ukládá obraz ve formě křivek

-je možné libovolné zvětšování/zmenšování obrázku bez ztráty kvality

-jednotlivé objekty lez oddělit

Formáty: SVG, Corel Draw, Zoner Callisto, PDF

-obraz se skládá z čar, výplně, síly, barvy, průhlednosti

Adobe Flash

-formát pro tvorbu statických prezentací a animací

-podpora programování prostřednictvím program. Jazyka ActionScript

-potřeba přehrávače nebo Plug-In v internetovém prohlížeči

-v prostředí internetu velké množství her a reklamních bannerů

Digitální video

-vždy komprimované

-Stream (YouTube, živá vysílání,Tv…)

-videosoubor ke stažení

-pro přehrání videa je nutné vlastnit kodek podporující daný formát

-kontejnery zapouzdřují různé mediální formáty

WMV = navržen Microsoft

AVI = podpora více takových stop

Matroska = kontejner pro většinu moderních video a audio formátů

7) VYHLEDÁVAČE A VYHLEDÁVÁNÍ INFORMACÍ

Katalogové

-odkazy na webové stránky v tematických sekcích

-přidání odkazu uživatelem

-sprehledem.cz, seolink.cz, catalogio.cz

Fulltextové

-prohledávání webu roboty

-stahování a indexace obsahu

-Jyxo, Morfeo

-Google, Yahoo!, Bing, Seznam

Kombinované

NEPOUŽÍVANĚJŠÍM VYHLEDÁVAČEM JE GOOGLE

Katalog

Majitel webové stránky

-nalezením postupným procházením katalogu tématickou sekci

-kliknutím na Přidat odkaz

-vyplnění formuláře (url, titulek a popis odkazu, e-mail, osoba)

Uživatel, který vyhledává

-procházení jednotlivých sekcí a odkazů

-vyhledávání nad registrovanými odkazy (url, titulek a popisek odkazu)

Fulltextový vyhledávač

1. Robot – pavouk, procházní webu, stahování souborů, indexace, getter, indexer

2. Webové rozhraní

-seřazeno podle algoritmu

-ovlivňuje ranking (popularita stránky), obsah atd.

Google

-PageRank

-algoritmus na výpočet je průběžně měněn

-každý dokument má svůj PR, které si z částí předávají pomocí odkazů

-GTPR

SEO

=postup optimalizace webů pro fulltextové vyhledávače

-vztah obsahu ke klíčovým slovům

-cílem je posunout odkaz na webové stránky co nejvýše ve výsledcích vyhledávání a přilákat uživatele na web a donutit je k nákupu

Postup:

1. Analýza klíčových slov – zjistí, jaká slova zákazníci přesně vyhledávají, která slova jsou nejvíce zisková, veškeré náklady, najde co nejvíce klíčových slov (vertikální, laterární) a vybere vhodná klíčová slova

2. Analýza konstrukce – pozice dokumentu ve vyhledávači, GTPR, odkazy na a z web site, kvalita obsahu, počet klíčových slov textu…

3. Analýza stávajícího stavu – pozice ve vyhledávači, GTPR, zpětné odkazy, hustota klíčových slov, Spider view

4. Copywriting – zajímavý obsah, optimální hustota klíčových slov, text musí jít snadno aktualizovat a upravovat

5. Optimalizace serveru a web site – umístění klíčových slov v dokumentu, množství indexovaného obsahu, struktura webu, URL

6. Registrace do katalogů a tvorba zpětných odkazů – textová forma odkazů, tematická příbuznost web site

7. Analýza efektivity – počet návštěv a zhlédnutí dokumentů, poměr nových a stálých návštěvníků a jejich geograf. rozdělení , počet konverzí, klíčová slova, přes která se na stránku návštěvníci dostali

SEM

=marketing ve vyhledávačích

-jeden ze způsobů propagace webu

-katalogy web sites, fulltextové vyhledávače, PPC