Splat - Programador PHP

SERIE DE TUTORIALES SIMPLES III

HTTP://BLOG.ZENPHP.ES

Tutorial de construcción de una web freesource II

zenphp

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

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.

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

http://concurso-softwarelibre.us.es/

http://es.wikipedia.org/wiki/Trabajo_colaborativo

http://www.diccionarios.com/consultas.php

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

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.

cliente1 cliente2 cliente3

Chat AJAX (global)

Noticias [componente estático]

Imágenes anteriores [AJAX]

Imágenes siguientes [AJAX]

usuarios conectados con

los que colaborar

Últimas imágenes

Comunicación a/síncrona con zen_AJAX

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

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.

enlaces a mis clases

mis datos

funcs

utilsbase de datos

config,etc.extra: login,sesiones,etc.

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."'");

http://www.senseidav.com/

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>


http://www.senseidav.com/rss.php

<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á…

Technology

Splat - Programador PHP