Uno de los proyectos que consideramos más representativos de este año, ha sido la web del fotógrafo José Gil Díe (Gorgeous Touch). Partiendo de un diseño de Hector Serrano y José Gil Díe, el principal reto estuvo en el desarrollo de la programación dinámica, en actionscript y php+MySql, haciendo actualizable todo el site desde un panel de control. Posiblemente la parte más complicada haya sido los llamados "Case Studies" (Casos de estudio), una mini aplicación que organiza las imágenes subidas por separado, para ser visualizadas en una película que muestra el desarrollo de trabajo de cada foto.

Artículo completo     news/trabajos

Artículo completo     news

Artículo completo     news/guru

Presentamos la nueva carpeta de nuestro blog Guru. Desde aquí, publicaremos noticias interesantes relacionadas con el desarrollo web, desde un punto de vista más o menos especializado. No será exactamente una revista, ni tampoco un copia y pega de otros sitios (de eso ya hay demasiado en internet). Intentaremos adelantarnos a las noticias (como buenos Gurus) y traer cuestiones sobre las que pensar en esos ratos libres tan escasos que tenemos. Precísamente por ello, no podremos ofrecer mucha regularidad, pero prometemos que el contenido valdrá la pena.

Artículo completo     news/guru

 

Artículo completo     news

Hace algunos meses terminamos el desarrollo de la nueva imagen de Asindown (Asociación Síndrome de Down de Valencia). El proyecto consistió en un restyling del logotipo y el desarrollo de un nuevo portal web.

Artículo completo     news/trabajos

Cvidaclub es una plataforma de red social impulsada por la Asociación Cvida (Empresas especializadas en el cuidado de la calidad de vida, Generalitat Valenciana e IBV). Desde Portfolio, hemos trabajado bajo la dirección del equipo de aplicaciones TIC del IBV en el diseño y programación de la misma. Aparte del interés que tiene técnicamente, por estar basada en Joomla y Jomsocial, en esta ocasión nos gustaría resaltar la utilidad real de la plataforma.

Está enfocada a todo tipo de perfiles a partir de 18 años y su cometido es encontrar un centro de debate y punto de información sobre el mismo objetivo de la asociación: cuidar la calidad de vida. Cualquier persona interesada en estos temas (quien no lo está!) puede unirse y preguntar o debatir sobre las dudas o cuestiones que considere; desde un deportista que quiera mejorar su descanso, hasta un anciano que desee completar su tiempo de ocio. Al fin y al cabo, a todos nos viene bien mejorar nuestra calidad de vida. ¿O no?.

Artículo completo     news/trabajos

Año nuevo, vida nueva!. Nos hemos mudado a una nueva oficina en la calle Pascual y Genís, 10, piso 8º. Durante los últimos meses, hemos estado muy liados con los preparativos, la obra, la mudanza ..., pero aunque todavía faltan muchas cosas, ya estamos trabajando más o menos de forma continua en el nuevo espacio. En breve enviaremos fotos, vídeos y más información (sobre las muchas fiestas de inauguración que vamos a hacer), pero por el momento, habrá que conformarse con la vista de Google Maps:

Ver Portfolio Multimedia, S.L. en un mapa más grande

Artículo completo     news

Desde hace algún tiempo estamos inmersos en el "nuevo" mundo de las redes sociales. En concreto, trabajamos ya en modo producción en entornos como Elgg o Jomsocial, incluso desarrollando nuevos plugins y widgets. Sin embargo, en los últimos dias, hemos pasado lo que podríamos considerar la frontera definitiva: el desarrollo de una aplicación para Facebook de principio a fin, utilizando tanto las apis de php y javascript, como las nuevas utilidades de Facebook Connect (toda una experiencia).

Dicho así puede parecer poca cosa, pero si tenemos en cuenta que la mayoría de artículos de desarrolladores comienzan diciendo lo obtusa que es la documentación y si añadimos que ésta sólo tiene versión en inglés, mientras que nosotros usamos la versión en español del interface, la cosa se complica. Los muchos problemas que nos hemos encontrado darían para extensos artículos, aunque al final la cosa ha salido bien y (gracias a la intensa viralidad social del sistema), ya tenemos cuarenta y tantos usuarios sin salir siquiera en el directorio.

Lo mejor es echar un vistazo: http://apps.facebook.com/obradelmomento/

 

Artículo completo     news

El widget de Arte10, que muestra las últimas noticias del portal, aparece en Netvibes como widget destacado. Según sus datos, lo han instalado ya más de 3000 usuarios. Además, Arte10 tiene en Netvibes y iGoogle otros widgets, como el de Obra del Momento, que además, aparece en Blogger como uno de los widgets más populares. De hecho, esa "pequeña" inclusión en el índice de Blogger en septiembre de 2008, conllevó un aumento muy considerable de las visitas de todo el portal.

Sin duda, la programación de widgets va a ser uno de los frentes más dinámicos en la programación web de los próximos meses. Muy pronto, todo el mundo querrá un widget, ya que un widget bien hecho tiene tanto poder de dinamización como la mejor de las páginas web y más ahora que todavía es un mundo poco explotado. Por nuestra parte, a pesar de que en casa de herrero, cuchillo de palo, intentamos aderezar cada nueva producción con alguno de estas pequeñas aplicaciones.

Un buen ejemplo de ello, es la red social amiguete.com. Nuestro proyecto personal sobre redes sociales, que sobretodo nos está sirviendo para experimentar en real, las características de los estándares opensocial. Estando todavía en fase alpha y sin haberlo empezado a dinamizar, ya tenemos un pequeño widget (casi en plan campaña teaser), que según vayamos terminando de desarrollar, podría convertirse en la herramienta dinamizadora que necesitamos. Algo tan sencillo como esto, puede hacer mucho por un proyecto, ¿o no?:

Artículo completo     news

Con este tutorial, empezamos una nueva sección en el blog de Portfolio. Además de las noticias relacionadas con nuestro trabajo, incluiremos artículos o tutoriales sobre cuestiones que consideremos interesantes en relación al diseño web y multimedia.

Tras varios días dando vueltas a un código para gestionar la navegación en páginas con Ajax, utilizando los botones de adelante y atrás del navegador, ya hemos empezado a obtener resultados satisfactorios y nada mejor que escribir un mini tutorial, para compartir lo aprendido y suplir la carencia de documentación en castellano sobre este tema (al menos nosotros no la hemos encontrado).

Problema: Cuando se utiliza Ajax, los botones de adelante y atrás del navegador no responden como un usuario inexperto desearía, sino que el historial de navegación queda bloqueado en la página contenedora. Hablando en términos de javascript, necesitamos que el historial de navegacíon al que accederíamos con history.go(-1), por ejemplo,  grabe los eventos que vayamos realizando.

Solución: Hoy en día, muchos programadores utilizan frameworks o librerías de javascript que facilitan estas tareas, pero depender de una librería concreta no era solución para nosotros, ya que queríamos integrar el código en CMS10 y crear un topping que trabajase de la forma más independiente posible, por ello, elegimos el script Reallysimplehistory de Brad Neuberg. En resumen, es pequeño, utiliza javascript clásico, no cuenta con florituras innecesarias y tiene pocos bugs. Probablemente el mayor problema que tiene es que la documentación es muy escasa y algo obtusa. (por eso este tutorial :)

Paso a paso: En primer lugar hay que descargar el código y subirlo a un servidor online o local. No se recomienda probarlo sin software de servidor, ya que es muy posible que no funcione correctamente.

• Una de las cosas buenas que tiene, es que funciona instalado en carpetas, únicamente habría que cambiar la ruta hacia el archivo blank.html (en la línea 232 de rsh.js)
• Del .zip de descarga sólo necesitaremos rsh.js,  json2005.js y blank.html. Incluiremos los tres juntos en cualquier carpeta del servidor.
• Tal y como se indica en la documentación oficial, incluye el siguiente código en tu página (cuidado con los saltos de línea):

• Vamos a utilizar este código porque es el que sirve para cualquier entorno. Para utilizarlo con otras librerías con JQuery, Prototype, etc, visita la web del script. Normalmente suponemos que tendríamos que insertarlo en el <head>, pero hemos probado poniéndolo en el <body> y parece que funciona. Esto puede parecer innecesario, pero en nuestro caso era parte del problema.
• En las primeras etiquetas de carga de ambos scripts, incluiremos la ruta de la carpeta hacia ellos (en caso de no estar en la misma carpeta).
• Este script sirve para inicializar el "listener" que vigilará los eventos desde la página contenedora. De tal forma, que cuando el usuario navegue utilizando los enlaces internos de la página ajax, deberíamos grabar el evento en un historial creado para tal efecto. Cada vez que se ejecute este script, se consultará el historial y se ejecutará el código que hayas incluido donde pone //do something (hacer algo en inglés).
• Por tanto, necesitamos grabar los eventos de navegación en el ajax y luego hacer que el script utilice esos datos grabados para devolver al usuario al lugar que indique el historial.
• ¿Cómo grabamos los eventos?: utilizaremos dhtmlHistory.add(newLocation, historyData). Es decir, en los enlaces que hayamos creado con javascript para navegar dentro del ajax, pondremos algo así: <a href="#" onclick="dhtmlHistory.add('direccion_del_enlace_hacia_dondevamos', null); el_script_anterior_quegenerase_el_enlace_ajax();"> . La variable historyData en principio no la utilizaremos para mantener la sencillez del código.
• ¿Cómo utilizaremos los datos del historial?: Substituiremos el //do something por nuestra propia función de navegación ajax. Es decir, pondremos un script que recoja la variable newLocation (que sería en este caso la dirección grabada en el historial) y la cargaremos en nuestro div contenedor del ajax.
• A veces lo mejor es verlo con un ejemplo. En nuestro caso, creando un topping para CMS10, quedó de la siguiente forma:

<script type="text/javascript" src="json2005.js"></script> <script type="text/javascript" src="rsh.js"></script> <script type="text/javascript"> window.dhtmlHistory.create({         toJSON: function(o) {                 return JSON.stringify(o);         }         , fromJSON: function(s) {                 return JSON.parse(s);         } }); var yourListener = function(newLocation, historyData) {         if (!newLocation){         cargarTopping('toppings/Imagenes/index.php?tpg=topping1236097950&grupo=c10tv', 'topping1236097950');                          }else{cargarTopping(newLocation,'topping1236097950'); } } window.onload = function() {         dhtmlHistory.initialize();         dhtmlHistory.addListener(yourListener); }; </script>

• Es decir, (sólo cambiamos lo que está en rojo) si no encuentra la variable newLocation carga el ajax en el div con la url inicial, y si lo encuentra, lo carga con la url que devuelva la variable. (La función cargarTopping es la que utiliza CMS10 para cargar los contenidos con ajax) 

Otras cuestiones relacionadas: 

- Actualmente hay un ejemplo online operativo en la sección zapping de Cuaderno10

-Para solucionar el mismo problema en flash y otros formatos, hay un script bastante conocido llamado SWFaddress. En principio, también funciona para Ajax, por lo que puede ser una alternativa interesante a ReallySimpleHistory.

 JTC

Artículo completo     news/tutoriales

L	M	M	J	V	S	D
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Contacto: