#include <pohja.wmltmpl>

<doctitle "Templatet">

<h1>Templatet</h1>

<p>
Käsitellään edellinen viikkotehtävä ja tutkitaan PHP:n template-mahdollisuuksia.
Pohditaan millä tavalla kaikille sivuistoille yhteiset osat voidaan koota
yhteen paikkaan.
</p>

<div class="video"><h2>Luentotaltiointi</h2>

<p><a href="http://appro.mit.jyu.fi/doc/video/">Ongelmia videon katselussa?</a></p>
</div>


<h2>Viikkotehtävä 9</h2>

<h3>Taso 1</h3>

<ul>
<li><a href="vt9/rek.html">rek.html</a></li>
<li><a href="vt9/rek.css">rek.css</a></li>
<li><a href="vt9/vt9.js">vt9.js</a></li>
<li><a href="vt9/maat.sql">maat.sql</a></li>
<li><a href="vt9/haemaanosat.php">haemaanosat.php</a></li>
<li><a href="vt9/haemaat.php">haemaat.php</a></li>
<li><a href="vt9/onkokotisivu.php">onkokotisivu.php</a></li>
<li><a href="vt9/onkovapaa.php">onkovapaa.php</a></li>
<li><a href="vt9/tarkistukset.php">tarkistukset.php</a></li>
</ul>

<h3>Taso 3</h3>

<ul>
<li><a href="vt9/rekisteroi.php">rekisteroi.php</a></li>
<li><a href="vt9/listaus.html">listaus.html</a></li>
<li><a href="vt9/vt9_listaus.js">vt9_listaus.js</a></li>
<li><a href="vt9/haelistaus.php">haelistaus.php</a></li>
<li><a href="vt9/haetiedot.php">haetiedot.php</a></li>
<li><a href="vt9/kuva.php">kuva.php</a></li>
</ul>


<h3>Taso 5</h3>

<ul>
<li><a href="vt9/chat.sql">chat.sql</a></li>
<li><a href="vt9/haemsg.php">haemsg.php</a></li>
<li><a href="vt9/tilasto.php">tilasto.php</a></li>
</ul>


<!-- http://people.cc.jyu.fi/~nikoudel/asdj4jj/vt9/chatti.html -->

<h2>Templatet</h2>

<p>Yhtenäisen sivusto eri sivuilla on usein samankaltaisia osia, jotka joudutaan
jokaisella sivulla liittämään includella tai copy&amp;pastella jokaiselle sivulle.
Näitä osia ovat esimerkiksi navigoinnit ja autentikoinnista huolehtiminen. Entäpä
jos joltain sivulta tärkeitä käyttäjätarkistus unohtuukin?</p>

<p>Templateilla (eli sivupohjilla) saavutetaan seuraavia etuja:</p>

<ul>
<li>Yhteiset osat kootaan samaan paikkaan</li>
<li>Yhteiset osat liitetään automaattisesti sivulle</li>
<li>Sivun tekijän tarvitsee keskittyä ainoastaan sisältöosaan</li>
<li>Voidaan myös pyrkiä erottamaan ohjelmalogiikka esitystavasta.</li>
</ul>

<h3>Template-esimerkki</h3>

<p>Samat tiedostot:</p>

<ul>
<li><a href="cache/htaccess.txt">.htaccess</a></li>
<li><a href="cache/testi.php">testi.php</a></li>
<li><a href="cahce/pohja.xml">pohja.xml</a></li>
</ul>

<p>Sivupohja, joka yhdistää pohja.xml:n ja testi.php:n tuottaman XHTML-koodin
DOM:n avulla:</p>

<ul>
<li><a href="tmpla/template.tmpl">template.tmpl</a></li>
</ul>

<p>Template-pohjaan lisätty autentikointi:</p>

<ul>
<li><a href="tmplb/template.tmpl">template.tmpl</a></li>
</ul>

<h3>Lisätietoa</h3>

<ul>
<li><a href="http://fi2.php.net/manual/en/ref.outcontrol.php">PHP Output buffering</a></li>
<li><a href="http://www.projectcomputing.com/resources/apacheFilterFAQ/index.html">Apache Filter FAQ</a></li>
<li><a href="../../linkit/#template">Template-kirjastoja</a> - enemmän tai vähemmän hyödyllisiä</li>
</ul>

<h2>Välimuistit</h2>

<p>Välimuistit ovat väliaikaista tallennustilaa, johon WWW-sivu tallennetaan ja josta
se voidaan uudelleen ladata. Välimuisteista on hyötyä, koska ne</p>

<ul>
<li>Nopeuttavat sivun latautumista</li>
<li>Vähentävät tietoliikennekaistan kulutusta</li>
</ul>

<p>Välimuisteja voidaan hyödyntää seuraavasti</p>

<ul>
<li>Selaimen ja välityspalvelimen (proxy) välimuistit
<ul>
<li>Annetaan sopivat HTTP-vasteessa sopivat otsikkotiedot niin, että sivu
tallentuu välimuistiin ja latautuu sieltä</li>
<li><a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9">Cache-control</a>,
<a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.29">Last-Modified</a>,
<a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.21">Expires</a> ja
<a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.25">If-Modified-Since</a>
</li>
</ul>
</li>
<li>Palvelimen sivuvälimuisti
<ul>
<li>Aina ei kannata luoda PHP-sivua dynaamisesti uudelleen vaan tallentaa
luodun XHTML-version ja tarjoaa sitä</li>
<li>Yksinkertaisimmillaan voidaan määrittää päivitysaikaväli, jolloin sivu luodaan
uudestaan</li>
<li>Paremmissa ratkaisuissa voitaisiin tutkia esimerkiksi tiedostojen tai
tietokantataulujen muutoksia (tutkiminenkin vaatii jonkin verran palvelimelta!)</li>
</ul>
</li>
</ul>

<h3>Cache-esimerkki</h3>

<ul>
<li><a href="cache/template.tmpl">template.tmpl</a></li>
<li><a href="cache/testi.php">testi.php</a></li>
<li><a href="cache/pohja.xml">pohja.xml</a></li>
</ul>

<h3>Lisätietoa</h3>

<ul>
<li><a href="http://lightpress.org/post/php-http11-dates-and-conditional-get">Conditional GET</a></li>
<li><a href="http://www.w3.org/2005/MWI/BPWG/techs/CachingWithPhp">Caching with PHP</a> - W3C Mobile Web Initiative</li>
<li><a href="http://fishbowl.pastiche.org/2002/10/21/http_conditional_get_for_rss_hackers">http_conditional_get_for_rss_hackers</a></li>
<li><a href="http://ontosys.com/php/cache.html">Cache</a></li>
<li><a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html">HTTP</a></li>
<li><a href="http://citeseer.ist.psu.edu/cache/papers/cs/18298/http:zSzzSzwww.cs.ucsb.eduzSzresearchzSzswalazSzcache2001.pdf/zhu00classbased.pdf">Nopeaa cachea</a></li>
<li><a href="http://laughingmeme.org/archives/000199.html">Conditional GET</a></li>
</ul>


</ul>