Script nyelvek alkalmazása a webkartográfiában 1/14 Script nyelvek alkalmazása a webkartográfiában Gede Mátyás MFTTT, március 22.

Script nyelvek alkalmazása a webkartográfiában 2/14 Miről lesz szó: Webkartográfiai alkalmazások csoportosítása Mik is azok a scriptek? Szerver és kliens oldali nyelvek Szerver oldali scriptek – PHP Kliens oldali scriptek – JavaScript Alkalmazási példák Ajánlott irodalom

Script nyelvek alkalmazása a webkartográfiában 3/14 Webkartográfiai alkalmazások csoportosítása Statikus – dinamikus Igényel – nem igényel speciális beépülő modult (Flash, Java stb.)

Script nyelvek alkalmazása a webkartográfiában 4/14 Mik is azok a scriptek? Példa: Csináljunk egy weboldalt, ami kiírja 1-től 100-ig a számok négyzetét. Megoldás hagyományos módon: Számok négyzete 1*1=1 2*2=4 3*3= *100=10000 Megoldás JavaScripttel: Számok négyzete for(i=1;i<=100;i++) document.writeln(i+’*’+i+’=’+i*i+’ ’);

Script nyelvek alkalmazása a webkartográfiában 5/14 Szerver és kliens oldali scriptek Webszerver Felhasználó HTTP kérés Kért HTML oldal, benne a script 1. Kliens oldali script Script végre- hajtása *** *** Eredmény

Script nyelvek alkalmazása a webkartográfiában 6/14 Szerver és kliens oldali scriptek Webszerver Felhasználó HTTP kérés A script által generált HTML oldal 2. Szerver oldali script Script végre- hajtása *** *** Eredmény

Script nyelvek alkalmazása a webkartográfiában 7/14 Szerver oldali scriptek - PHP PHP = Personal Home Page – Hypertext Preprocessor Fő felhasználás - Webes adatbázis-felületek - On-line képgenerálás - A szerveren tárolt információkhoz való hozzáférés szabályozása A PHP kód a HTML forráskódba épül be: A 8.A diákjai <?php $dbl=mysql_connect(’localhost’,’nev’,’jelszo’) or die(’Nem sikerült kapcsolódni’); mysql_select_db(’iskola’,$dbl); $r=mysql_query(”select kod,nev from diakok where osztaly=’8a’;”,$dbl); while($d=mysql_fetch_assoc($r)) print(”Név: {$d[’nev’]}; kód: {$d[’kod’]} \n”); mysql_close($dbl); ?> A script eredménye: A 8.A diákjai Név: Buzás Béla; kód: BB Név: Dobos Dániel; kód: DD Név: Kis János; kód: KJ Név: Nagy Sándor; kód: NS Név: Puttonyos Miklós; kód: PM Név: Vörös Vilma; kód: VV

Script nyelvek alkalmazása a webkartográfiában 8/14 Szerver oldali scriptek - PHP Képgenerálás: <?php header(’Content-type: image/gif’); $i=imagecreate(100,100); $hatter=imagecolorallocate($i,0,0,0); imagecolortransparent($i,$hatter); $zold=imagecolorallocate($i,100,255,100); for($d=0;$d<50;$d+=10) imagerectangle($i,$d,$d,99-$d,99-$d,$zold); imagegif($i); ?> Eredmény:

Script nyelvek alkalmazása a webkartográfiában 9/14 Térképvázlat generálása adatbázisból:

Script nyelvek alkalmazása a webkartográfiában 10/14 Kliens oldali scriptek - JavaScript - A Java nyelvvel párhuzamosan kifejlesztett script nyelv - Napjaink minden böngészőprogramja ismeri  nem kell hozzá semmilyen plusz modult telepíteni. - Fő felhasználása: - Menürendszerek és egyéb interaktív tartalom a weboldalakon - egérkezelés - böngészőablakok vezérlése (pl. státusz sor; átméretezés; kezelőszervek eltüntetése, megjelenítése stb.) - Hátrányai: - a különböző böngészők kicsit eltérően értelmezik - a böngészőkben le lehet tiltani a script-végrehajtást

Script nyelvek alkalmazása a webkartográfiában 11/14 Kliens oldali scriptek - JavaScript js.html var msie=document.all?true:false; function mdown(e) { if (msie) { ex=event.x;ey=event.y; } else { ex=e.pageX;ey=e.pageY; } document.images['kep'].style.top=ey;document.images['kep'].style.left=ex; window.status='x='+ex+' y='+ey; } document.onmousedown=mdown;

Script nyelvek alkalmazása a webkartográfiában 12/14 Alkalmazási példák PHP: Egyetemi Digitális Térképtár (EDIT) Tanszéki GPS kölcsönző rendszer Tengerfenék-domborzati földrajzi köznevek JavaScript: Vetülettani számítások PHP és JavaScript: Vakegér játék Magyarország autótérképe Vetületrajzolás képlet alapján

Script nyelvek alkalmazása a webkartográfiában 13/14 Ajánlott irodalom (www) HTML 4.01 Specification Cascading Style Sheets, level 2 PHP kézikönyv Client-Side JavaScript Reference

Script nyelvek alkalmazása a webkartográfiában 14/14 A diavetítésnek vége, kattintásra lelépek…