1. eloadas Flashcards
(25 cards)
Design és weblap kapcsolata
- a design egy weblapnak csak a kiegeszitoje, nem a celja
- osszhangban kell allnia a weblap tartalmaval(Fontos, hogy visszaköszönjenek a termékkel, a szolgáltatással, az iparággal összekapcsolható vizuális elemek.)
Design feladata
- az a feladata, hogy erősítse meg a felhasználót abban, hogy jó helyen jár
HASZNÁLHATÓSÁG – USABILITY
A használhatóság annak mértéke, hogy egy weboldalt vagy digitális terméket a felhasználók mennyire könnyen, eredményesen és elégedetten tudnak használni a kívánt céljaik elérésére, minimális erőfeszítéssel és hibalehetőséggel, az adott környezetben.
HASZNÁLHATÓSÁGI FAKTOROK
Megtanulhatóság – Milyen könnyen tanulható meg elsőre az oldal használata?
Hatékonyság – Mennyire gyorsan tud dolgozni rajta, aki már ismeri?
Megjegyezhetőség – Könnyen vissza tud-e rázódni, ha egy ideig nem használta?
Hibák – Hány hibát ejt, és mennyire könnyű azokat kijavítani?
Elégedettség – Mennyire érzi kényelmesnek, élvezetesnek a használatát?
A webes rendszer működésének alapjai
A weboldalak HTML-ben készülnek, és tartalmazhatnak hivatkozásokat más erőforrásokra (pl. képek, más oldalak).
Minden erőforrásnak van egy címe (URL), ami megadja, hol található és hogyan lehet elérni.
A webszerver szolgálja ki az erőforrásokat, vagyis ő küldi el a kért oldalakat, fájlokat.
A böngésző (webkliens) kéri le az oldalakat a szervertől, és jeleníti meg őket a felhasználónak.
A kliens és a szerver a HTTP protokollon kommunikál, ez szabályozza a kérések és válaszok menetét.
A webes rendszerek viszonya
A viszony kliens-szerver alapú:
* A kliens kér egy weboldalt a szervertől, mely szerencsés esetben visszaküldi azt.
Webes kommunikáció rétegei
Átviteli réteg
Biztonsági réteg
Alkalmazási réteg
Átviteli réteg
– TCP/IP
Ez gondoskodik az adatok továbbításáról az interneten.
Ma leggyakrabban a TCP/IP protokollt használjuk.
Biztonsági réteg
– TLS (ha szükséges)
Titkosítja és védi az adatokat.
Nem mindig szükséges (pl. híroldal), de fontos pl. banki oldalaknál.
Alkalmazási réteg
– HTTP
A kliens (böngésző) és a szerver (webszerver) közti kommunikációt szabályozza.
Minden webes kapcsolatnál jelen van.
Webes kommunikáció célja
a kliens által kért HTML, vagy XML dokumentumok átvitele
Az XML rétegfeladata
Az adatok szerkezetét és tartalmát írja le.
Nem foglalkozik a megjelenéssel.
Hasznos különböző eszközök vagy formátumok közötti adatcserére.
HTML rétegszerepe
HTML
Az adatok megjelenítéséért felel.
Leírja, hogyan nézzen ki az oldal tartalma a felhasználó számára.
CSS rétegszerepe
CSS
A megjelenési stílust szabályozza (színek, betűtípusok, elrendezés stb.).
A HTML tartalom vizuális megjelenését teszi szebbé, egységesebbé.
Statikus weboldal mükődése
- A böngésző elküldi a kérést
- A webszerver ellenőrzi a jogosultságokat, beolvassa a fájlt, majd visszaküldi a böngészőnek
- A böngésző fogadja a fájlt, és megjeleníti a weboldalt
Dinamikus weboldal működése
- A böngésző elküldi a kérést
- A webszerver ellenőrzi a jogosultságokat, beolvassa a fájlt és továbbítja az értelmezőnek VAGY megmondja az értelmezőnek, hogy mit kell beolvasnia
- A értelmező feldolgozza a fájlt, és visszaadja a webszervernek
- A webszerver kiküldi a generált fájlt
- A böngésző fogadja a fájlt, és megjeleníti a weboldalt
Miért nem elég a statikus oldal?
Nem tud:
letöltésszámlálót kezelni,
automatikusan híreket frissíteni,
adatbázisból változó tartalmat megjeleníteni.
Ezért az összetettebb vagy frissülő oldalakhoz dinamikus megoldás szükséges.
KLIENSOLDALI PROGRAMOK
- A dinamikus weboldal egyik változata, mely kliensoldali programok (client-side scripts) segítségével kommunikál a felhasználóval.
- Ilyenfeladat lehet például egy, a felhasználó által kitöltött kérdőív elemeinek ellenőrzése a szerver bevonása nélkül, de ide tartozhat a webes számológép is.
- kliensoldali programozási technológiák:
- JavaScript
- VBScript.
SZERVER OLDALI PROGRAMOK
Régebben a tartalom frissítését CGI (Common Gateway Interface) technológiával oldották meg.
Ma modernebb, fejlettebb eszközök vannak, például:
PHP,
ASP,
JSP.
Nagyvállalatok gyakran használnak komplex webes rendszereket, amelyekhez:
Java nyelvet és szervlet technológiát (Servlet) alkalmaznak,
vagy a .NET technológiát.
SZERVER OLDALI PROGRAMOZÁS- PHP
PHP egy nyílt forráskódú, általános célú programozási nyelv, amelyet főként webfejlesztéshez használnak.
Szintaxisa hasonlít a C, Java és Perl nyelvekéhez, így viszonylag könnyen tanulható.
Fő célja, hogy dinamikus weboldalakat gyorsan lehessen készíteni.
A PHP szerveren fut, és képes:
űrlapadatok feldolgozására,
dinamikus tartalom létrehozására,
sütik küldésére és fogadására.
Miben segít a PHP?
A PHP segít olyan weboldalakat készíteni, amelyek a felhasználói igényekhez igazodva változnak, és ezt a szerveren oldja meg.
Munkamegosztás a weboldalon
Tartalom, szerkezet:
HTML (pl. XHTML, HTML5) – ez írja le az oldal tartalmát és szerkezetét.
A keresők is ezt „olvassák”.
Megjelenés:
CSS (Cascading Style Sheets) – a designért, stílusért felel.
Segít elkülöníteni a megjelenést a tartalomtól, akár külön fájlban is lehet.
Viselkedés:
JavaScript – az oldal interaktivitását és használhatóságát növeli.
HTML
A HTML (HyperText Markup Language) egy jelölőnyelv, amivel weboldalak tartalmát írjuk le.
Egy HTML fájl egyszerű szöveg, amelyben tagek (jelölőelemek) vannak, és hivatkozások más objektumokra (pl. képek, linkek).
Az évek során több HTML verzió jelent meg (pl. HTML4, XHTML, HTML5).
HTML célja
A HTML célja, hogy egyértelműen leírja a dokumentum tartalmát és szerkezetét.
