návrh a realizácia web stránky skriptovacím jazykom php vrátane administračného rozhrania
TRANSCRIPT
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračného rozhrania
Diplomová práca
Študent: Bc. Tomáš Bíro
Multimediálne inžinierstvo
Vedúci diplomovej práce: Ing. Miroslav Markovič, PhD.
Žilina 2014
Žilinská univerzita v ŽilineElektrotechnická fakulta
ZADANIE DIPLOMOVEJ PRÁCENavrhnite riešenie webovej stránky vrátane administračného
prostredia pre zvolený podnikateľský subjekt, poskytujúci služby zákazníkom.
analýza a teoretický rozbor technológie vytvárania web stránok (PHP)
tvorba grafického návrhu stránky a objektov pomocou grafického programu, animované prvky (CSS3)
naprogramovanie navrhnutej web stránky (PHP + HTML5, CSS3 a SQL) tvorba admin rozhrania pre úpravu obsahu stránky (vytváranie,
pridávanie, úprava a mazanie článkov, obrázkov...) umiestnenie webovej stránky na server a optimalizácia pre
prehliadače
2/22
Ciele diplomovej práce
vytvorenie pohľadu do vzniku histórie World Wide Webu (www) a jeho budovania
spojenie teórie s praxou - vlastné návrhy riešení a implementácia nadobudnutých znalostí pre praktickú realizáciu
tvorba web stránky a administračného rozhrania (optimalizácia) – praktická časť
3/22
Analýza a teoretický rozbor technológie vytvárania web stránok pomocou skriptovacieho jazyka PHP
PHP („Personal Home Page“)
- PHP/FI („Forms Interpreter“) – r. 1995 Rasmus Lerdorf
- r. 1996 nová verzia - komunikácia s databázami, vývoj web aplikácií (užívateľ) a označovanie PHP 2.0 (plná verzia)
- verzia PHP 3.0 – rozsiahle štruktúry databáz, práca s protokolmi a aplikačnými funkciami, konzistentnejší syntax
- verzia PHP 4.0 – r. 1999 nový hnací prostriedok „Zend Engine“ (výkonové vylepšenia, podpora web serverov, HTTP relácií, bezpečnejší spôsob spracovania, cudzojazyčná podpora)
- verzia PHP 5.0 – posledná známa verzia (Consortium W3)
4/22
Princíp PHP
5/22
• PRÍKLAD ZÁPISU html, <? PHP skript ?> pokračovanie html• prípona *.php
Výstup: html, výsledok PHP skriptu pokračovanie html
Skriptovací jazyk HTML5
najnovší HTML štandard vznik – web aplikácie, vývoj prehliadačov spätná kompatibilita funkčné vylepšenia – prvky dynamiky webu
zvýšenie kvality web stránok efektívnejšia štruktúra web dokumentu
6/22
Kaskádové štýly CSS3
,,Nové možnosti zaručujúce KVALITNÝ WEB a DIZAJN na vysokej úrovni!“
spätná kompatibilita nové funkcie výsledné správanie elementov moduly + časti starších verzií textové efekty, 2D/3D transformácia, pozadia a
ohraničenia... zastúpenie animácie a prechody
7/22
HTML5VÝHODY:
vylepšený design jednoduchšia a rýchlejšia
implementácia prehľadnejšia a efektívnejšia
štruktúra kódu nový spôsob práce s audiom a
videom...
NEVÝHODY: Internet Explorer 8 (Windows
XP)
8/22
CSS3VÝHODY:
animácie, prechody, transformácie
rozšírená ponuka vlastností – text, tabuľky...
vylepšená forma zápisu, grafické spestrenie...
NEVÝHODY: podpora prehliadačov (2015),
optimalizácia
Vlastné návrhy riešení webovej stránky a administračného rozhrania
• analýza metód tvorby web stránok – skriptovací jazyk PHP s využitím HTML5 a CSS3 (novinky)
• implementácia znalostí a získaných poznatkov• teoretický popis funkcií• praktické výstupy
• vlastná webová stránka podnikateľského subjektu (kaderníctvo) + administračné rozhranie
www.kadernictvo-zita.maweb.eu
9/22
Vlastná web stránka
10/22
Vlastné administračné rozhranie
11/22
Ukážka: Nahrávanie obrázkov
12/22
Ďakujem za pozornosť.
Autor: Bc. Tomáš Bíro
13/22
14/22
ODBORNÉ POSUDKY DIPLOMOVEJ PRÁCE
• vedúci DP - Ing. Miroslav Markovič, PhD.▫ otázky: 0
• oponent DP - Ing. Peter Kortiš, PhD.▫ otázky:
1. Vysvetlite pojmy sieťový prefix, dĺžka sieťového prefixu a sieťová adresa.
2. Aký je význam polí update a delete v tabuľkách databázy?
3. Považujete použitie MD5 hash funkcie za bezpečné? Akým spôsobom by sa dala zvýšiť bezpečnosť spätného zistenia hesiel z hash sumy?
15/22
1. Vysvetlite pojmy sieťový prefix, dĺžka sieťového prefixu a sieťová adresa.
• adresovanie v paketových sieťach s IPv4▫ sieťová adresa - IP adresa pre IP protokol – 32 bitové
číslo dekadický zápis 4 čísiel oddelených bodkou
(príklad: 192.168.0.1.) 2 časti: network portion (sieťová časť)
host portion (hostiteľská časť)▫ zápis adries + maska (počet prvých bitov
pre ,,network portion“)
16/22
Adresovanie v paketových sieťach s IPv6
• IPv6▫ sieťová adresa - IP adresa pre protokol IPv6 – 128
bitové číslo hexadecimálny tvar – 8 štvoríc hexa znakov oddelených
dvojbodkou 2001:0db8:0000:0000:0000:0000:1428:57ab
2001:0db8:0000:0000:0000::1428:57ab 2001:0db8:0:0:0:0:1428:57ab 2001:0db8:0:0::1428:57ab
2001:0db8::1428:57ab 2001:db8::1428:57ab
17/22
• pomoc s rozdelením siete viacero podsietí▫ IP adresa/číslo (počet jednotkových bitov v maske
podsiete)▫ skrátená forma zápisu = (sieťový) prefix
18/22
Maska podsiete
• subnetting = podsieťovanie = vytváranie podsietí
• predĺženie prefixu siete oproti pôvodnému▫ požičanie ďalších bitov z ,,host portion“
pre adresovanie podsietí
19/22
Sieťové triedy
2. Aký je význam polí update a delete v tabuľkách databázy?
• význam pomocné premenné▫ dôvody použitia:
zobrazovanie v tabuľkách bezpečná editácia
• zobrazovanie v tabuľkách rozhrania• bez prítomnosti premenných žiadna editácia a
mazanie• bezpečná editácia jednotlivých elementárnych častí• oddelenie jednotlivých oblastí editácie
20/22
3. Považujete použitie MD5 hash funkcie za bezpečné? Akým spôsobom by sa dala zvýšiť bezpečnosť spätného
zistenia hesiel z hash sumy?
• hashovacie funkcie a metódy jednosmerného šifrovania
▫ PHP hashovacie funkcie: MD5 – najpoužívanejšia, 32 znakov SHA1 – hashovacia funkcia s dĺžkou 40 znakov BASE64/Encode (alebo aj Decode)
21/22
Zložené hashovacie funkcie SHA1 a MD5
•princíp vnorenie viacerých hashovacích funkcií a šifrovanie jednej pomocou druhej
•príklad:<?php $heslo = "tajne_heslo"; $hash = MD5(SHA1("$heslo"."fdhfsjkhfksjdfhsdkf"));
echo $heslo; //vypíše pôvodné heslo echo $hash; //vypíše hash hesla vrátane hash-a a dodatku?>
22/22