Durante el taller, presentamos entre otras técnicas, el uso de JQuery y CSS para modificar ciertos comportamientos del tema gráfico y crear una sensación de dinamismo. En concreto hicimos dos pequeños códigos:

En el header.html, añadimos la librería de JQUERY (si no está ya instalada):

<script type=”text/javascript” src=”<?php echo $CFG->themewww .’/’. current_theme() ?>/jquery-1.2.6.min.js”></script>

y posteriormente añadimos este código:

<script language=”javascript”>
$(document).ready(function() {
$(“#left-column”).click(function(){
$(“#middle-column”).fadeIn();
$(this).toggleClass(“active”); return false;
});
$(“#right-column”).click(function(){
$(“#middle-column”).fadeOut();
$(this).toggleClass(“active”); return false;
});
});
</script>

El código lo que hace es algo tan “sencillo” cómo ocultar una columna al clicar en ella. No tiene una utilidad práctica, pero permite ver la potencia de trabajar con código de programación en los temas gráficos.

El segundo código es más divertido, primero añadimos un código php en el header.html para obtener la ciudad del alumno y pintarla en la construcción del div page:

<div id=”page” <?php
echo “class=’”;
if($USER->city==”") echo “default”;
else echo $USER->city;
echo “‘”;
?>
>

Según esto, el <div id=”page”> pasaría a ser <div id=”page” class=”madrid”>, por ejemplo.

Una vez que sabemos un dato de usuario podemos hacer cambios y juegos visuales vía css, por ejemplo:

.madrid #header,
.madrid #header-home{
background-image:url(barca.jpg);
background-repeat:repeat;
height:120px;
}

Lo que hacemos con el código es pintar una imagen del Barça a todos aquellos que son del Madrid. Aparte de la pequeña broma, nos permite personalizar la apariencia dependiendo de la variable que leamos del usuario.

Quedaría más o menos así:

Con esto ya podemos ampliar un poquito más los límites de Moodle…

Las posibilidades eran hacerlo mediante código en el servidor o que los usuarios de la aplicación enviaran directamente los archivos html.

El método más “cómodo” para usuarios no técnicos es guardar el archivo en formato html desde el propio word. Haciéndolo de esta forma se introduce una cantidad exagerada de tags html, unas que solo sirven para poner estilos y que se podrían poner de forma más cómoda y las que corresponden a la estructura del html están en un formato que, como no, no sigue el estandard.

Así que buscando por la red al final se optó por hacer la conversión directamente en el servidor mediante php y openoffice de la siguiente forma:

En el editor de textos de openoffice (writer) crear una macro como la que sigue:

REM  *****  BASIC  *****

Sub odttohtml (Path)
Dim Url as String
Url = convertToUrl(Path)

Set oDesk = CreateUnoService( “com.sun.star.frame.Desktop” )
Dim OpenParam(1) As New com.sun.star.beans.PropertyValue ‘Parameters to open the doc
OpenParam(0).Name=”Hidden” : OpenParam(0).Value=True
Dim Doc
Doc = oDesk.loadComponentFromURL(Url, “_blank”, 0, OpenParam())

Dim outputfile as String
outputfile = Left( Path, Len( Path ) – 3 ) + “html”

Dim SaveParam(0) As New com.sun.star.beans.PropertyValue
SaveParam(0).Name=”FilterName” : SaveParam(0).Value=”HTML (StarWriter)”

Url = convertToUrl(outputfile)
Doc.storeAsURL(Url, SaveParam() )
Doc.close( True )
End Sub

Con la función odttohtml se consigue pasar un documento doc a html con un formato “casi” estricto (algunos tags no se cierran).

Una vez guardada la macro, ya se puede invocar mediante php con el siguiente código:

shell_exec(‘soffice -headless “macro:///Standard.Module1.odttohtml(doc_file.doc)”‘);

Esto nos da como resultado un documento html bastante aceptable para poder ser usado por “humanos” y que sigue el estandard.

Lista de premiados:

Ganador General:

1. WordPress
2. MODx
3. SilverStripe

Open Source CMS más prometedor:

1. ImpressCMS
2. Pixie
3. Pligg

Mejor PHP Open Source CMS:

1. Drupal
2. WordPress
3. Joomla!

Mirando el histórico desde el 2006 se ve una progresión de Drupal que ha logrado por segundo año consecutivo ganar el premio al Mejor PHP Open Source CMS y está entre los mejores CMS.

Recientemente se ha publicado la notícia que La Casa Blanca (http://www.whitehouse.gov/) ha migrado los contenidos de su web a Drupal lo cual indica que es un CMS con la suficiente estabilidad, funcionalidad y seguridad para llevar a cabo sites tan complejos como este.

Tanto Drupal como WordPress son los CMS que habitualmente implementamos en proyectos, por su potencia y versatilidad en el caso de Drupal y por la facilidad de uso en WordPress. Coincide que en dos semanas saldrá publicado en MOSAIC, un artículo que compara Drupal, Joomla, WordPress y Plone.

Varios ejemplos de sites que ha realizado FactorSim con Drupal son:

Las webs segmentadas por países de Roca, entre ellos Roca protugal (http://www.roca-sa.com/):

Una web autogestionada para Clic-Austral (http://clic-austral.com/):

A nosotros, esta noticia nos ha traido una nueva tarea. Probar MODx y SilverStripe para evaluar porqué han sido elegidos entre los mejores CMS del mundo.

Para ello hay que editar uno de los archivos del tema que se utiliza, se puede editar el “header.html” o bien el “meta.php” .

El código que hay que añadir al archivo es el siguiente:

<?php

global $CFG;

global $course;

if (!is_null($course->id)) {

$context = get_context_instance(CONTEXT_COURSE, $course->id); // Course context

$student_role=array_shift(get_roles_with_capability(‘moodle/legacy:student’, CAP_ALLOW, $context));

$user_roles=get_user_roles($context);

foreach($user_roles as $value){

if($value->name==$student_role->name){

print(‘<link rel=”stylesheet” type=”text/css” href=”‘.$CFG->httpsthemewww.’/standard/student.css” />’);

break;

}

}

}

?>

Y con esta simple modificación se incluye el archivo “student.css” con los estilos especificos para los estudiantes.

¿Te has apuntado ya?. Si vas a asistir, dinoslo.

Actualmente podemos encontrar en uso las versiones 4.7.x, 5.7, 6.x y la 7. La 4.7.x ha comenzado ya su camino hacia la obsolescencia. La versión 7 está todabía en desarrollo. La 6, pese a ser la última versión estable, no ha conseguido todabía la atención suficiente por parte de la comunidad como para disponer de una funcionalidad tan completa como la de la 5.7. La 5.7, pese a tener ya caso dos versiones mayores de antiguedad, sigue siendo la versión que más gente utilizada, para la que más desarrolladores trabajan y la mejor probada.

Para prueba, un botón. Aquí teneis un PDF con una comparativa del número de módulos por versión. Datos obtenidos de la web oficial de drupal a 2008-05-30.

XSLT nos permite mostrar datos en formato HTML que tenemos en XML de una forma muy sencilla. Una de las ventajas es que los archivos XML pueden utilizarse, por ejemplo, en Excel. Por otro lado, un aspecto importante de utilizar este sistema para mostrar información es que podemos mezclarlo con otros lenguajes de programación, como PHP, bases de datos MySQL, JavaScript, CSS, etc..

Lo único que necesitamos para mostrar datos XML mediante XSLT es indicar en el encabezado del archivo que documento XSL que utilizaremos para mostrar los datos. De este modo, podemos tener diversos diseños XSL para mostrar datos y utilizarlo cuando nos convenga. Además, podemos utilizar hojas de estilo que nos permitirán aún más personalizar la forma de mostrar los datos.Aunque pueda parecer un poco complicado, a continuación mostraré un simple ejemplo utilizando estas tecnologías.Puedes ver un ejemplo aquí

Para ver el código del archivo XML mediante tu navegador haciendo click directamente a Ver >> Código fuente

Si deseas consultar el código del archivo XSL puedes hacerlo haciendo click aquí

Actualmente existen varias tecnologías web que permiten obtener resultados parecidos a la hora de realizar un proyecto web. Sin embargo, es interesante conocer con cierto nivel de detalle las características principales de cada una de ellas para elegir siempre la opción más conveniente para un proyecto.

Seguramente con todas ellas podemos llegar a obtener un resultado parecido pero, aun así, algunas de estas tecnologías pueden ofrecer facilidades, tanto al usuario final como al desarrollador, que faciliten su uso para determinados proyectos.

¿Cómo elegir una tecnología? Los aspectos más importantes a la hora de elegir una u otra tecnología son el nombre de usuarios y la cantidad de información que manejaremos. Además, otros aspectos que pueden condicionar nuestra elección son, por ejemplo, el presupuesto del proyecto (hay tecnologías que son más caras que otras simplemente por el tipo de servidor o las licencias a utilizar), o también si ya disponemos de un servidor, en cuyo caso debemos saber que tecnologías soporta.

En este artículo se incluyen las características básicas de JSP, PHP, ASP y ASP.net, así como los requisitos tanto para el desarrollo como para la publicación de los proyectos,  y algunos enlaces de utilidad.

JSP

Características generales

• Basado en Java -> Orientado a objetos
• Multiplataforma
• Software de Sun, con gran experiencia y actualizaciones habituales y con un proyecto de desarrollo libre a partir de la versión 1.2
• Existe una gran comunidad de Java pero más orientada a aplicaciones que a Web
• El propio lenguaje te obliga a ser ordenado, siendo así una opción interesante a la hora de desarrollar proyectos escalables, añadiendo “módulos” (clases), etc.
• Gran émfasis en los componentes y no tanto en los scripts, permitiendo obtener un buen rendimiento y escalabilidad
• Múltiples BD, sencillo de implementar con MySQL (parecido a PHP)

Requisitos

Instalación local
• El JavaServer Web Development Kit (JSWDK)1.0.1 combina la implementación de referencia para JavaServer Pages(TM) 1.0.1 y el API Java(TM) Servlet (2.1).
• El JSWDK ofrece una forma simplificada de crear páginas web dinámicas que son independientes del servidor web y de plataformas de sistemas operativos.
• También, por ejemplo, sobre tomcat o extensiones para Apache

Desarrollo
• Hay diversos programas muy potentes, como netBeans, Eclipse, etc.

Servidor Web
• Es necesario que disponga de, por ejemplo, TomCat para poder ejecutarlo.
• Hay una gran variedad de precios

Enlaces de interés

Introducción, Como empezar, Instalación
http://www.programacion.net/java/tutorial/servlets_jsp/12/

Consultar BD Mysql desde JSP
http://www.chuidiang.com/chuwiki/index.php?title=Consulta_de_Base_de_Datos_desde_JSP

PHP

Características generales

• Lenguaje sencillo de aprender
• Linux
• Software libre y gratuito
• Gran comunidad de programadores, multitud de Scripts e información, librerías, etc.. Al estar únicamente enfocado a programación web.
• Más desordenado que JSP, pero con un buen uso y estructuración se pueden conseguir los mismos resultados
• Muy útil para realizar pequeños Scripts, se pueden utilizar funciones para proyectos medianos, con algo más de embergadura
• La versión PHP5 está orientada a objetos, permitiendo una mayor complejidad en la programación y un rendimiento y una escalabilidad similares a JSP
• La BD más utilizada es MySQL
• Servidores, BD, programas, etc. Más económicos

Requisitos

Instalación local
• Servidor Web, por ejemplo una buena opción es Apache, incluido en paquetes como www.wampserver.com, que te instalan PHP, MySQL y el servidor, necesario para visualizar las páginas

Desarrollo
• Muchos programas de edición web como Dreamweaver, Ultraedit, etc.
• Para PHP5 se pueden utilizar entornos de desarrollo más orientados a PHP como Prado

Servidor Web
• Linux
• Los servidores son los más baratos

Enlaces

Gran información sobre PHP
http://php.net/

MySQL
http://www.mysql.com/why-mysql/white-papers/mysql_wp_embedded.php?gclid=CNmR0dOnjJECFQhFMAodoX9d_Q

PHP5
http://www.desarrolloweb.com/articulos/1540.php
 

ASP

Características generales

• Lenguaje parecido a Visual Basic
• Plataforma Windows (nula portabilidad a otras plataformas)
• Propiedad de Microsoft, que limita su expansión
• Lenguaje para crear Scripts, no orientado a objetos
• Óptimo para crear aplicaciones web relativamente sencillas
• Menor escalabilidad debido a la menor estructuración
• La BD utilizada habitualmente es Access
• Los menos económicos

Requisitos

Instalación local
• PWS para windows 95-98
• IIS para los posteriores windows

Desarrollo
• Al ser un lenguaje de Scripts se suele trabajar sobre Dreamweaver o Ultraedit (por ejemplo), directamente.
• Existen programas más especializados dentro del paquete de Visual Studio, como UltraDev

Servidor Web
• Windows

Enlaces

Instalación ASP sobre Apache (ChiliSof ASP)
http://www.asptutor.com/asp/vart.asp?id=112

Información general, scripts, etc.
http://www.programacion.net/asp/ 
 

ASP.NET

Características generales

• Posibilidad de utilizar una gran variedad de lenguajes como C#, Visual Basic y JScript (lenguajes .net)
• Plataforma Windows (nula portabilidad a otras plataformas)
• Propiedad de Microsoft,
• El menos utilizado pero con grandes posibilidades al utilizar lenguajes orientados a aplicaciones muy potentes
• Permite una mayor estructuración que ASP
• BD utilizada habitualmente es Access, aunque mediante OBDC puede utilizar otras BD.
• Poco económico

Mejoras de ASP.net respecto a ASP

• Rendimiento: la aplicación se compila en una sola vez al lenguaje nativo, y luego, en cada petición tiene una compilación Just In Time, es decir se compila desde el código nativo, lo que permite mucho mejor rendimiento. También permite el almacenamiento del caché en el servidor
• Rapidez en programación: mediante diversos controles, podemos con unas pocas líneas y en menos de 5 minutos mostrar toda una base de datos y hacer rutinas complejas.
• Servicios Web: trae herramientas para compartir datos e información entre distintos sitios.
• Seguridad: tiene diversas herramientas que garantizan la seguridad de nuestras aplicaciones.

Requisitos

Instalación local
• Instalación previa de .NET Framework

Desarrollo
• ASP.NET Web Matrix (Gratuito, distribuido por Microsoft en su página web)
• Visual Studio

Servidor Web
• Windows compatible con la tecnología

Enlaces

Qué es, características
http://www.webexperto.com/articulos/art/180/que-es-aspnet/

Qué es, características (muy completo)
http://es.gotdotnet.com/quickstart/aspplus/

Web oficial sobre ASP de Microsoft
http://www.asp.net/es/
 

OTROS ENLACES

Comparativa JSP y ASP
http://www.desarrolloweb.com/articulos/832.php

Comparativa PERL, ASP, JSP, PHP y PHYTON
http://www.clubdelphi.com/foros/showthread.php?t=35567

Diferencias ASP y ASP.net
http://www.webexperto.com/articulos/art/180/que-es-aspnet/

Comparativa JSP y PHP
http://petra.euitio.uniovi.es/~i6950404/wiki/pmwiki.php?n=Tema8.LenguajeJSP