Splat - Programador PHP

Tutorial de construcción de una web freesource II

COMUNIDAD SPLAT
Un lugar donde compartir una imagen…
Tutorial de iniciación a…

zenphp

SERIE DE TUTORIALES SIMPLES III
HTTP://BLOG.ZENPHP.ES

Contacto: Juan Belón
Proyecto Web: zenphp
csl2-zenphp.forja.rediris.es
Blog: http://blog.zenphp.es
Web: http:// www.zenphp.es
PROYECTOS WEB DE SOFTWARE LIBRE

COMUNIDAD SPLAT
Construida con zenphp para el II Concurso Universitario Software Libre
La calidad del código va mejorando con el tiempo…y,el usuario puede verlo…

Granada, Febrero 2008:

Éste es un tutorial de iniciación al framework : resultados http://www.senseidav.com

La idea fundamental de ésta comunidad de imágenes es la de compartir…por eso ,las
obras pueden colgarse con distintas licencias.

En principio el diseño de la web es sencillo: se trata de una web donde se pueden
crear imágenes de forma colaborativa donde se incluye un chat en un iframe
proporcionado por un servicio extra para no perder recursos del servidor original,
además se pueden publicar las obras en la web, donde aparecerá una estructura
como la siguiente: un conjunto de 3 divisiones donde se permiten hasta 3 conexiones
de usuarios que colaboran en un único dibujo o imagen que es actualizada y
visualizada en cada operación i.e. cada cierto tiempo se manda la pila de
operaciones, que es ejecutada en cada cliente de forma que reciba la
representación correcta del estado del dibujo en la pizarra online colaboracionista.

La representación gráfica de la idea es la siguiente:

cliente1 cliente2 cliente3

Comunicación a/síncrona con zen_AJAX

Chat AJAX (global)
usuarios
Noticias [componente estático] conectados con
los que colaborar

Imágenes Imágenes
Últimas imágenes
anteriores [AJAX] siguientes [AJAX]

Todos los componentes de las cajas (menos el chat ajax) tienen la misma estructura,
de hecho son iguales sólo que cambian en el nombre y algunas funciones son distintas.

El esquema de la jerarquía de clases es el siguiente:

enlaces
a mis
clases
funcs

mis base de datos extra: login,
datos utils config,etc. sesiones,etc.

La clase principal llamada splat está heredando de la clase zen_aplicación y ésta de
la clase zen, en aquella se colocan los punteros a las clases que necesitamos en la
aplicación para hacerlas accesibles desde cualquier punto, al igual que la clase
zen_aplicacion.

Primer prototipo de comunidad: senseidav 2.0 theta.
Podéis ver el primer prototipo en www.senseidav.com aquí dejo el código del primer
generador de RSS para el sitio web:

<?php
require_once('includes/clase_web.php');
require_once('clases/clase_zen_generador_rss.php');
$canal_rss = new zen_generador_rss();
$canal_rss->enlaceAtom = '';
$canal_rss->titulo = 'Senseidav 2.0theta RSS';
$canal_rss->enlace = 'http://www.senseidav.com/';
$canal_rss->generador = 'zenPHP Generador RSS';
$canal_rss->editor = 'juaxix';
$canal_rss->webMaster = 'zenphp';
$web = new clase_web(true); //Carga la BD y los idiomas
require_once('includes/languages/'.$web->idioma.'/mapa.php');
$canal_rss->descripcion = TXT_RSS2; //no usar HTML o bien usar
zen_borraHTML()
$canal_rss->idioma = $web->idioma.'-'.$web->idioma;
$r = $web->bd->seleccion("idu,usuario,nombre,apellidos from usuarios where
nivel>1 and bloqueado=0");
$usuarios = array();
if (!isset($_REQUEST['idu'])){
$_idu = -1;
} else {
$_idu = intval($_REQUEST['idu']);
}
while ($usuario = $web->bd->obtener_fila($r)){
//Crear los items
$item = new zen_rss_item();
$item->titulo = $usuario[2];
$item->enlace = 'http://'.$usuario['usuario'].'.senseidav.com/';
$item->descripcion = $canal_rss-
>cData($usuario['usuario'].'('.$usuario[2].' '.$usuario[3].')');
if ($_idu==-1 || $usuario['idu']==$_idu) {
array_push($usuarios,$usuario);
$_idu = $usuario['idu'];
}

$item->fecha_publicacion = strftime("%a, %d %b %Y %H:%M:%S %z"); //'Wed, 19
Feb 2008 00:00:01 GMT';
$item->guid =& $item->enlace;
$canal_rss->items[] = $item;
}
@mysql_free_result($r);

foreach ($usuarios as $llave => $idu) {
$item = new zen_rss_item();
$num = $web->bd->seleccion_unica("count(num_seccion) from secciones where
idu=".$idu[0]." and idioma='".$web->idioma."'");
if ($num>0){
$item->titulo = "$num Sections [ {$idu[1]} ]";
//sprintf(TXT_SECCIONES,$idu[1],$num,$web->bd->seleccion_unica("bandera from
idiomas where idi='".$web->idioma."'"));
$secciones = $web->bd->seleccion("num_seccion,nombre from secciones where
idu=".$idu[0]." and idioma='".$web->idioma."'");

while ($ids = $web->bd->obtener_fila($secciones)) {
$num = $web->bd->seleccion_unica("count(idc) from categorias where
ids=".$ids[0]);
if ($num>0){
//$item->enlace =
"http://www.senseidav.com/?idu=".$idu[0]."&ids=".$ids[0];
$item->fecha_publicacion = strftime("%a, %d %b %Y %H:%M:%S %z");
//'Wed, 19 Feb 2008 00:00:01 GMT';
//$item->guid =& $item->enlace;
$item->descripcion = '<![CDATA[<h2>'.$ids[1].' (
'.$item->enlace.'
) [ <a href="'.$item->enlace.'">'.TXT_IR.'</a> ]'.
'<h2>'.sprintf(TXT_CATEGORIAS,$idu[1]." [
".$idu[2]." ".$idu[3]." ] ",$idu[1],$ids[1]).'</h1><hr align="left"
width="75%">';
$r = $web->bd->seleccion("idu,idc,ids,nombre from categorias where
idioma='".$web->idioma."' and idu=".$idu[0].";");
$item->enlace = "";
while ($categoria = $web->bd->obtener_fila($r))
{
//$item->enlace
='http://www.senseidav.com/?idu='.$idu[0].'&idc='.$categoria['idc'].'&ids='.$
categoria['ids'];
//$item->guid =& $item->enlace;

$e = sprintf($item-
>enlace,$categoria['idu'],$categoria['idc'],$categoria['ids']);
$num = $web->bd->seleccion_unica("count(ido) from obras where
idc=".$categoria['idc']);
if ($num>0){
$item->descripcion.='<h3>'.sprintf(TXT_EN_CATEGORIAS,'<a
href="'.$e.'">'.$categoria['nombre'].'</a>'.
' * '.$e.' ',$num).'</h1><hr align="left" width="50%">
<ul>';
$r2 = $web->bd->seleccion("idu,idc,ids,ido,nombre,titulo from
obras where idc=".$categoria['idc']);
while ($obra = $web->bd->obtener_fila($r2)){
$e =
"http://www.senseidav.com/?idu=".$obra['idu']."idc=".$obra['idc']."ids=".$obr
a['ids'].'&ido='.$obra['ido'];
$item->descripcion.='<li><a href="'.$e.'">'.$obra['nombre'].' -
'.$obra['titulo'].'</a> ( '.$e.' )</li>';
}
$item->descripcion.= '</ul>';
@mysql_free_result($r2);
} else {
$item-
>descripcion.=sprintf(TXT_NO_OBRAS,$categoria['nombre']);
}
}
@mysql_free_result($r);
}

}
@mysql_free_result($secciones);
} else $item->titulo = "No sections";
$item->descripcion.= ' ]]>';

$canal_rss->items[] = $item;
}

$rss_feed = new zen_generador_rss();
$rss_feed->codificacion = 'UTF-8';
$rss_feed->version = '2.0';
header('Content-Type: text/xml');
echo $rss_feed->crearRSS($canal_rss);
?>
Y obtenemos como resultado:[ http://www.senseidav.com/rss.php ]

<?xml version="1.0" encoding="UTF-8"?>

<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<atom:link href="http://www.senseidav.com/rss.php" rel="self"
type="application/rss+xml" />
<title>Senseidav 2.0theta RSS</title>
<link>http://www.senseidav.com/</link>
<description>Últimas actualizaciones de senseidav2.0</description>
<language>es-es</language>

<managingEditor>juaxix</managingEditor>
<webMaster>zenphp</webMaster>
<generator>zenPHP Generador RSS</generator>
<item>
<title>David</title>
<description><![CDATA[ senseidav(David Belón Pérez)
]]></description>
<link>http://senseidav.senseidav.com/</link>

<fecha_publicacion>Sun, 24 Feb 2008 15:56:06 +0100</fecha_publicacion>
<guid isPermaLink="true">http://senseidav.senseidav.com/</guid>
</item>
<item>
<title>Juan</title>
<description><![CDATA[ juaxix(Juan Belón Pérez)
]]></description>
<link>http://juaxix.senseidav.com/</link>

<guid isPermaLink="true">http://juaxix.senseidav.com/</guid>
</item>
<item>
<title>Gabino</title>
<description><![CDATA[ perceval(Gabino López Andueza) ]]></description>
<link>http://perceval.senseidav.com/</link>

<guid isPermaLink="true">http://perceval.senseidav.com/</guid>
</item>
<item>
<title>Ángel</title>
<description><![CDATA[ squembri(Ángel Squembri) ]]></description>
<link>http://squembri.senseidav.com/</link>

<guid isPermaLink="true">http://squembri.senseidav.com/</guid>
</item>
<item>
<title>Ojo</title>
<description><![CDATA[ ojodepez(Ojo de Pez) ]]></description>
<link>http://ojodepez.senseidav.com/</link>

<guid isPermaLink="true">http://ojodepez.senseidav.com/</guid>
</item>
<item>
<title>Xavi</title>
<description><![CDATA[ xavi(Xavi Rivilla) ]]></description>
<link>http://xavi.senseidav.com/</link>

<guid isPermaLink="true">http://xavi.senseidav.com/</guid>
</item>
<item>
<title>beli</title>
<description><![CDATA[ goddess(beli lopez moya) ]]></description>
<link>http://goddess.senseidav.com/</link>

<guid isPermaLink="true">http://goddess.senseidav.com/</guid>
</item>
<item>
<title>6 Sections [ senseidav ]</title>
<description><![CDATA[<h2>Actividades (
) [ <a href="">Ir</a> ]<h2>Categorías para el usuario senseidav [
David Belón Pérez ] (
http://senseidav.senseidav.com/ ) en la sección Actividades</h1><hr
align="left"
width="75%"><h3>Obras para <a href="">A carboncillo</a> * [total:4]</h1><hr align="left" width="50%">
<ul><li><a
href="http://www.senseidav.com/?idu=1idc=1ids=1&ido=1">Venus -
La venus de Milo</a> ( http://www.senseidav.com/?idu=1idc=1ids=1&ido=1
)</li><li><a href="http://www.senseidav.com/?idu=1idc=1ids=1&ido=6">Pisando
fuerte -
Pie</a> ( http://www.senseidav.com/?idu=1idc=1ids=1&ido=6 )</li><li><a
href="http://www.senseidav.com/?idu=1idc=1ids=1&ido=7">Boceto Niño -
Boceto de niño con pato</a> (
http://www.senseidav.com/?idu=1idc=1ids=1&ido=7 )</li><li><a
href="http://www.senseidav.com/?idu=1idc=1ids=1&ido=8">Escultura caballo -
Busto de un caballo</a> ( http://www.senseidav.com/?idu=1idc=1ids=1&ido=8
)</li></ul><h3>Obras para <a href="">A bolígrafo</a> <li><a
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=9">Nueva obra -
Planta-Cactus</a> ( http://www.senseidav.com/?idu=1idc=2ids=1&ido=9
)</li><li><a href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=10">Hotel
Meliá -
Complejo turístico isleño</a> (

Camioneta Platanera</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=12">Eólica -
Hélice de energía eólica</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=13">TorrEspaña -
Pirulí</a> ( http://www.senseidav.com/?idu=1idc=2ids=1&ido=13
)</li><li><a href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=14">Al lado
del muelle -
Un barco pesquero</a> ( http://www.senseidav.com/?idu=1idc=2ids=1&ido=14
)</li><li><a href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=15">D-28 -
Mi parada de autobús</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=16">Palmeras -
Tres pálmidos</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=17">Parque Facultad
Ciencias -
Dos troncos en uno</a> ( http://www.senseidav.com/?idu=1idc=2ids=1&ido=17
)</li><li><a href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=18">Balcones
almerienses -
Balcones en Mójacar</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=19">Palmera urbana -
Palmera en Pueblo Indalo</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=20">Casas
mediterráneas -
Pueblo Indalo</a> ( http://www.senseidav.com/?idu=1idc=2ids=1&ido=20
)</li><li><a href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=21">Centro
Comercial -
Vista del centro comercial de Mójacar</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=22">Banco -
Banco de madera y papelera</a> (
href="http://www.senseidav.com/?idu=1idc=2ids=1&ido=23">Jardín y
puente -
Plantas y jardín en Jaén</a> (
http://www.senseidav.com/?idu=1idc=2ids=1&ido=23 )</li></ul>No hay obras para
la categoría Surrealista<h3>Obras para <a href="">Caseras</a> <li><a
href="http://www.senseidav.com/?idu=1idc=12ids=6&ido=5">Taekwonding -
Senseidav pegando patada</a> (
http://www.senseidav.com/?idu=1idc=12ids=6&ido=5 )</li></ul><h3>Obras para <a
href="">Pintura al óleo</a> <li><a
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=26">Bodegón con
escayola -
Cuadro de naturaleza muerta</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=27">Bodegón con
tubo y cajón -

Un tubo, un cajón y una tapa de contenedor</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=28">Bodegon sin
condicion -
Un caballete, una bujía, un radiador, un orinal</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=29">Amantes -
Bodegón de dos muñecos sentados en un sillón</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=30">6 Chakras -
Pintura con los puntos energéticos del cuerpo</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=31">Bodegón
casero -
Mi terraza</a> ( http://www.senseidav.com/?idu=1idc=13ids=2&ido=31
)</li><li><a
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=33">Bodegón de
mesa -
Bodegón hecho en papel</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=34">Cenicero, botella y
tubo -
Bodegón de mesa</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=116">Figura entre
abstractos -
Modelo en fondo abstracto</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=117">Mari la modelo -
Modelo en desnudo</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=118">Figuras normal y
piccassiana -
Una mirada a piccasso</a> (
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=119">Óleo y acrílico -
Desnudo</a> ( http://www.senseidav.com/?idu=1idc=13ids=2&ido=119
)</li><li><a
href="http://www.senseidav.com/?idu=1idc=13ids=2&ido=120">Antiacademicismo -
Pintura a grandes trazos</a> (
http://www.senseidav.com/?idu=1idc=13ids=2&ido=120 )</li></ul><h3>Obras para
<a href="">Témpera</a> <li><a
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=37">6 representaciones -
Seis perspectivas de una foto</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=32">Cubista -
¿Viene del arte minimal?</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=36">Cubista planetario -
Imagen por paralelogramos</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=38">Coliseum -
Un coliseo de colores</a> (

href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=39">La casa de las cosas
-
Una casa sueña con todo lo que debe de llenarse</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=40">Maestros en la urbe
-
Dos sempais de la isla de Hokkaido</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=41">Cósmico -
Asteroide, sol y luna</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=42">Ella, la luna, su
nave y un ovni -
Una recreación manga con paleta japonesa</a> (
href="http://www.senseidav.com/?idu=1idc=14ids=2&ido=43">De otro planeta -
Un alienígena en su ciudad contrasta con la nuestra</a> (
<a href="">Pintando el Taekwondo</a> <li><a
href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=44">Aérea capturada -
Aérea capturada de sEnsEidav</a> (
href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=45">Neryo rasante -
Estela de movimiento rasante</a> (
href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=48">Neryo en movimiento
-
A punto de bajar</a> ( http://www.senseidav.com/?idu=1idc=15ids=2&ido=48
)</li><li><a href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=49">Chagi
ascendente -
Chagi en salto desde arriba</a> (
href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=79">Golpe en tres fases
-
Dinamismo de una patada</a> (
href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=78">De arriba a abajo -
Chagi Descendente</a> ( http://www.senseidav.com/?idu=1idc=15ids=2&ido=78
)</li><li><a href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=80">360º
Chagi -
Pentadinamismo</a> ( http://www.senseidav.com/?idu=1idc=15ids=2&ido=80
)</li><li><a href="http://www.senseidav.com/?idu=1idc=15ids=2&ido=81">Detalle
-
Detalle Pentadinamismo</a> (
<a href="">Barro</a> <li><a
href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=60">Golem -
Golem lámpara</a> ( http://www.senseidav.com/?idu=1idc=20ids=5&ido=60
)</li><li><a href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=69">Golem
Lámpara -
Se avecina la tarde...</a> (
href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=70">Foto detalle -

Golem Rojo</a> ( http://www.senseidav.com/?idu=1idc=20ids=5&ido=70
)</li><li><a href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=71">Golem
Rojo -
Plano General del Golem</a> (
href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=72">Plano detalle de
retrato -
Retrato de Benji</a> ( http://www.senseidav.com/?idu=1idc=20ids=5&ido=72
)</li><li><a href="http://www.senseidav.com/?idu=1idc=20ids=5&ido=73">Nueva
obra -
Título nueva obra</a> (
<a href="">Secuencias</a> <li><a
href="http://www.senseidav.com/?idu=1idc=22ids=3&ido=62">En salto -
Hip</a> ( http://www.senseidav.com/?idu=1idc=22ids=3&ido=62 )</li><li><a
href="http://www.senseidav.com/?idu=1idc=22ids=3&ido=63">Patada en giro -
360º Chagi</a> ( http://www.senseidav.com/?idu=1idc=22ids=3&ido=63
)</li><li><a href="http://www.senseidav.com/?idu=1idc=22ids=3&ido=64">Caida -
Fin</a> ( http://www.senseidav.com/?idu=1idc=22ids=3&ido=64 )</li><li><a
href="http://www.senseidav.com/?idu=1idc=22ids=3&ido=65">Flamingo -
Cata de Taekwondo</a> ( http://www.senseidav.com/?idu=1idc=22ids=3&ido=65
)</li></ul><h3>Obras para <a href="">Animación por plastilina</a> <li><a
http://www.senseidav.com/?idu=1idc=23ids=4&ido=66 )</li></ul>No hay obras
para la categoría Dibujo Animado<h3>Obras para <a href="">Otaku</a>
<li><a
href="http://www.senseidav.com/?idu=1idc=25ids=3&ido=124"> ssj 4 -
Super SaijaJin 4</a> ( http://www.senseidav.com/?idu=1idc=25ids=3&ido=124
)</li></ul><h3>Obras para <a href="">Acuarela</a> <li><a
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=108">Acuarelas de la
alhambra -
Acuarela</a> ( http://www.senseidav.com/?idu=1idc=32ids=2&ido=108
)</li><li><a
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=109">Muralla Alhambra -

Del cebollas para arriba</a> (
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=110">Casa CArmen del Rey
-
Acuarela de una casa albaycinera</a> (
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=111">PAseo de los
tristes -
Acuarela del Puente</a> (
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=112">Casa Japonesa -
1 Casa sobre un lago de Hokkaido</a> (
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=113">Geishas -
2 geishas japonesas</a> (
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=114">Tinta china y
acuarela -
China en China</a> ( http://www.senseidav.com/?idu=1idc=32ids=2&ido=114
)</li><li><a
href="http://www.senseidav.com/?idu=1idc=32ids=2&ido=115">Castillo de Osaka -
UN castillo de la prefectura</a> (
<a href="">Acrílico</a> <li><a
href="http://www.senseidav.com/?idu=1idc=36ids=2&ido=121">ACrílico, látex y
serigrafía -
Mujer en embarazo</a> (
href="http://www.senseidav.com/?idu=1idc=36ids=2&ido=122">Dibujos de ayer y
hoy -
Infancia en compañía</a> (
href="http://www.senseidav.com/?idu=1idc=36ids=2&ido=123">Dibujos de ayer y
hoy 2 -
Infancia en compañía 2</a> (
http://www.senseidav.com/?idu=1idc=36ids=2&ido=123 )</li></ul>
]]></description>

</item>
</channel>
</rss>

Hasta aquí un ejemplo sencillo de un RSS para un sitio web de una comunidad para
compartir arte 

Continuará…

Splat - Programador PHP

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (20)

Semelhante a Splat - Programador PHP

Semelhante a Splat - Programador PHP (20)

Mais de Juan Belón Pérez

Mais de Juan Belón Pérez (20)

Último

Último (15)

Splat - Programador PHP