kiwoo blog » coding http://www.kiwoo.org/blog Daniel Julià Sun, 03 Apr 2011 19:07:24 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 3d real en flash? http://www.kiwoo.org/blog/2008/11/12/3d-real-en-flash/ http://www.kiwoo.org/blog/2008/11/12/3d-real-en-flash/#comments Wed, 12 Nov 2008 11:40:29 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2008/11/12/3d-real-en-flash/ Se ha hablado mucho ultimamente sobre el último player de flash (el 10) que entre otras muchas cosas tiene proceso “nativo” 3D. Lo que en principio le permite aprovechar la aceleración de las tarjetas gráficas para este tipo de operaciones.

Sin embargo el resultado final es un poco decepcionante.. No hay ningún ejemplo impresionante de las nuevas características 3d del nuevo player, más allá de algún triste flip de imágenes o videos.

http://theflashblog.com/flash/3dflip.html
http://www.mikechambers.com/blog/2008/08/25/flash-player-10-rotation-xyz-properties-example/

y alguno un poco más complejo usando la nueva funcionalidad de análisis de sonido en tiempo real:
http://www.gskinner.com/blog/archives/2008/10/simple_flash_pl.html
El camino a seguir parece que va a ser seguir usando los motores 3d como papervision

http://www.papervision3d.org/

Algunos de estos motores ya están empezando a implementar las nuevas instrucciones de 3d nativo, como alternativa3d (ver ejemplos)
http://alternativaplatform.com/en/alternativa3d/

más motores 3d para flash:

]]> http://www.kiwoo.org/blog/2008/11/12/3d-real-en-flash/feed/ Posgrado de desarrollo de aplicaciones web en la UPF http://www.kiwoo.org/blog/2007/11/08/posgrado-de-desarrollo-de-aplicaciones-web-en-la-upf/ http://www.kiwoo.org/blog/2007/11/08/posgrado-de-desarrollo-de-aplicaciones-web-en-la-upf/#comments Thu, 08 Nov 2007 11:14:57 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2007/11/08/posgrado-de-desarrollo-de-aplicaciones-web-en-la-upf/ Para los que vivais en Barcelona o alrededores os informo que todavia quedan algunas plazas para los que quieran apuntarse al Diploma de Programación Orientada al Multimedia (diseño y desarrollo de proyectos web)
Este año el programa se ha reformado bastante dando cabida a muchos conceptos de la “web 2.0.”, como sistemas de gestión de contenidos, agregación de servicios, RSS, mashups sobre aplicaciones como youtube, facebook, opensocial, etc.

El horario es compatible con el trabajo ya que las clases se hacen el lunes y el jueves de 19.00 a 22.00. El curso empieza a mediados de Enero.

Para mas información : 93- 542 25 66 - gloria.bayot[a]idec.upf.edu

Diploma en Programación Orientada al Multimedia

(Diseño y desarrollo de proyectos web)

El Diploma de Programación Orientada al Multimedia tiene como objetivo cubrir el vacío existente en la oferta docente actual en nuestro país, ofreciendo a profesionales y a personas vinculadas a la creación digital audiovisual (diseñadores web, etc,) , como a los aspirantes a entrar en este sector tan dinámico, unos conocimientos de programación rigurosos juntamente con un dominio de la técnicas de desarrollo web multimedia más actuales. Estas técnicas y conocimientos, permiten afrontar y resolver con éxito los problemas más habituales en el sector (creación de páginas web dinámicas, comunidades, aplicaciones de la web 2. 0, vídeo y audio en la red, etc) y al mismo tiempo ofrecen las bases necesarias para consolidar y profundizar en la programación multimedia, sobretodo para aplicaciones web pero potencialmente también para aplicaciones off-line.

Los objetivos

El diploma pretende formar profesionales del ámbito en las prácticas, técnicas y herramientas con la creación de aplicaciones web. Se introducen conceptos de programación, siempre orientados a los lenguajes que se usan en la programación web actual. Se exploran toda una amplia gama tanto de lenguajes, aplicaciones y tecnologías orientadas a la creación de páginas dinámicas, plataformas comunitarias y participativas,(web 2.0), presentación y gestión de contenido “rich media” (incluyendo imágenes, audio y video en directo), y también los procesos de desarrollo y administración de proyectos. El diploma tiene una visión práctica, claramente orientada al mercado de desarrollo web/ multimedia, con énfasis en los procesos actuales que se usan en las empresas del sector.

El diploma, no solamente quiere dar a conocer y dominar unas herramientas y técnicas imprescindibles, sino también consolidar las bases que permitirán que el participante siga su auto formación y su ampliación de conocimientos de forma continuada, y siempre con una visión claramente práctica y orientada al desarrollo de aplicaciones concretas des del primer momento.

A quién se dirige

Este curso de dirige principalmente a profesionales y a personas vinculadas a la creación digital (diseñadores web, etc,) que se encuentran diariamente con la “barrera psicológica de la programación” y que se encaran con la necesidad de resolver de manera intuitiva y poco sistemática problemas de diseño y de construcción de lugares web. El curso se dirige tambén a aquellas personas que , con algunos conocimientos informáticos, necesitan dominar las tecnologías avanzadas, más utilizables, actualmente en la creación de lugares web profesionales y los nuevos paradigmas de desarrollo (CMS, web 2.0, video en la red, etc. )

El programa

El curso tiene un valor académico de 15 créditos, correspondientes a 150 horas (110 horas lectivas y 40 horas de proyecto final.)

Conjuntamente con las bases generales de la programación, se estudian técnicas avanzadas aplicadas en el lenguaje de programación ActionScript (Flash), XML, la programación de bases de datos con SQL y PHP, la gestión dinámica de contenidos con la creación de blogs, wikis y otros servicios, así como la integración y la conectividad entre todas estas herramientas y tecnologías (como el acceso a las bases de datos desde Actino Script, o la modificación de herramientas blog , wiki, etc mediante PHP). Finalmente, cada participante tendrá que realizar un proyecto final, consistente en una aplicación que utilice e interconecte estos diferentes elementos.

Se estudiarán las siguientes asignaturas:

Presentaciones de empresas (18 horas)

Una presentación mensual de proyectos de empresas punteras invitadas al curso.

Introducción a la programación y las herramientas (12 horas)

Conceptos básicos de programación aplicables a la web e introducción de herramientas.

Creación de páginas web con html y css (Dreamweaver) (15 horas)

Conceptos de diseño de páginas con el estándar HTML y CSS

Programación multimedia para la web (Flash y ActionScript) (30 horas)

Programación en ActionScript enfocado a información dinámica y multimedia (video, audio)

Gestión de contenidos dinámicos (36 horas)

Programación de páginas web y gestión de bases de datos (PHP y MySQL) (15 horas)

Herramientas de gestión de contenidos (CMS, Blogs, wikis, etc. ) (15 horas)

Web 2.0 agregación y sindicación de contenidos (6 horas)

Dirección académica

Daniel Julià

Ingeniero Superior en Telecomunicaciones para la UPC, DEA en Comunicación Audiovisual pero la UPF. Programador e investigador en el ámbito de la creación digital multimedia con una amplia experiencia en el campo de la Universidad como en la empresa privada.

Asignaturas del programa

Presentaciones de empresas (18 horas)

Cada mes se invitará a una empresa puntera del sector a presentar sus proyectos y su metodología de trabajo con un enfoque eminentemente práctico.

Serán presentaciones totalmente prácticas sobre ejemplos reales de aplicaciones web comerciales, las herramientas que se usan, los problemas que se han encontrado, la relación con los clientes, etc.

Estas presentaciones se harán cada mes (durante 6 meses) y tendrán una duración de 3 horas.

Introducción a la Programación y Herramientas: Conceptos generales (12 horas)

Profesor: Stelios Kourakis

En este módulo se estudian los principios básicos de la programación, todos aplicables a la mayoría de lenguajes de programación actuales. El objetivo es que el estudiante entre en la lógica de la programación, aprenda las posibilidades de la gestión de datos y que empiece a poder plantearse problemas y a solucionarlos, independientemente del lenguaje.

Para un programador experto empezar a programar en un nuevo lenguaje puede ser cuestión de horas (todo y que “ dominar” un lenguaje es algo que solo se consigue mediante muchas horas de trabajo práctico real). Aún así, para una persona que sin una base teórica y conceptual, se defiende con suficientes herramientas en un entorno concreto de programación, el proceso de aprender un segundo lenguaje suele ser traumático y con tantos déficits de base como al primera vez. Esto es lo trataremos de evitar, ofreciendo una base sólida que más allá del simple recetario de soluciones, permita afrontar los problemas de una forma más abstracta y fomente el posterior autoaprendizaje y la ampliación de conocimientos por parte del participante.

1.1 Nociones básicas sobre los lenguajes de programación

2.2 Conceptos y estructuras de programación

  1. a. Variables y tipos de datos

  2. b. Condicionales

  3. c. Bucles

  4. d. Lógica booleana

  5. e. Programación estructurada: funciones y procedimientos

  6. f. Arrays y estructuras de datos

  7. g. Programación Orientada a Objetos (enfocado a AS3)

Creación de páginas web con html (15 horas)

Profesores: Anna Fuster, Daniel Julià

Mediante esta asignatura, los participantes entraran en el campo de la creación de contenidos por la web desde el punto de vista de la presentación (front-side). Se dará énfasis, en la separación entre el contenido y la presentación, cosa que incluye profundizar en formas como el HTML, XML y el CSS.

  1. Repaso al FTP y el alojamiento de aplicaciones web

  2. Estructura del documento HTML

  3. XML y aplicaciones (XHTML, RSS, etc)

  4. Hojas de estilo CSS

  5. Introducción al Javascript y Ajas

  6. Standars y validación

  7. Accesibilidad

Programación multimedia para la web (30 horas)

Profesor: Stelios Kourakis

En los últimos tiempos, la plataforma Flash se ha convertido en líder en producción de aplicaciones web con un alto grado de interactividad, permitiendo la manipulación de todo tipo de medios, mediante un completo lenguaje de programación, y ofreciendo una mentalidad de trabajo orientada tanto al diseñador como al programador, Flash se considera una tecnología fundamental en el mundo profesional creativo.

En el curso se trabajará con la versión Flash CS3, la última versión de la suite de Adobe. Se introduce la programación en Actionscript, el lenguaje de programación de Flash, y se procede a profundizar en conceptos de programación interactiva mediante proyectos prácticos. Al mismo tiempo, la asignatura introduce conceptos más avanzados como al creación de proyectos creativos completamente dinámicos, y la comunicación de Flash con otras aplicaciones web o bases de datos, mediante el formato XML.

La asignatura se estructura como una serie de prácticas independientes, inspiradas en problemas comunes al desarrollo interactivo. Desde galerías de imágenes, juegos publicitarios, pantallas de carga, o trabajo con video interactivo, el estudiante puede adquirir experiencia adaptada a las necesidades del mundo profesional. Cada sesión de la asignatura es auto contenida, y ofrece código fuente para estudiar o adaptar a proyectos propios.

Temario:

  1. La mentalidad de Flash: Programando con Eventos

    • Botones, clips de película (práctica: televisión interactiva)

    • Eventos del ratón ( prácticas: puzzle, galería de imágenes sencilla, paisajes indefinidos)

    • El paso del tiempo en Flash (práctica: carrera de caballos)

  1. Sonido en Flash

    • Trabajando con el objeto Sound (prácticas : jukebox, el debate surreal)

    • Interacción con el micrófono

  1. Texto en Flash

    • Trabajando con texto dinámico (práctica: formularios)

    • Formato del texto dinámico (práctica: pizarra dinámica)

  1. Clips dinámicos

    • Creación de clips en tiempos reales (prácticas: sellos, nieve, fuegos artificiales)

  1. Trabajando con material externo

    • Precargas (prácticas: varias)

    • Carga de imágenes (práctica: galería de imágenes dinámica)

  1. Vídeo

    • Importación, codificación y estructura del FlashVideo (ejercicios prácticos de conversión)

    • Control de reproducción de Flash Video- Progressive Download (práctica: pared de emociones)

    • Carga de vídeo externo (práctica: el MicroTube)

    • Interacción con Webcams

  1. Páginas web dinámicas

    • Conexión con bases de datos (práctica: creador de ciudades)

    • El formato XML (prácticas de integración)

  1. Proyectos multimedia:

    • Gestión de un proyecto multimedia, dinámica de equipo, comunicación.

    • Optimización técnica de proyectos web e interactivos

Gestión de contenidos dinámicos

Este bloque se subdivide en 3 partes.

La primera parte pretende dar las nociones básicas de programación sobre PHP y MYSQL, la , una introducción a todo un conjunto de herramientas que se pueden instalar y configurar muy fácilmente y rápidamente para crear aplicaciones web de todo tipo, y por último, entraremos en la conocida web 2.0, analizando servicios como youtube, facebook, etc y haciendo prácticas utilizando sus APIS para crear nuevas aplicaciones (mashups)

Programación de páginas web dinámicas y gestión de bases de datos ( 15 horas)

Profesor: Daniel Julià

En este bloque se estudia el lenguaje de programación PHP y también alguno de los mecanismos básicos necesarios en la programación de servidores en Internet, como es, por ejemplo, el acceso a las bases de datos.

Mediante ejemplos prácticos y reales, se ira introduciendo gradualmente el participante en el mundo de la programación en el entorno web. Además, se explicarán las nociones básicas para poder diseñar un lugar web basado en información dinámica , que provenga de una base de datos. Concretamente, se usará el sistema gestor de bases de datos MySQL y la aplicación cliente phpMyAdmin. También se explicará básicamente el lenguaje estándar, llamado SQL, pera trabajar con una base de datos.

Finalmente, para cerrar el ciclo, se explicará el entorno de programación que ofrece Macromedia Dreamweaver en el momento de programar páginas web dinámicas usando todas las tecnologías explicadas previamente, es decir, PHP y MySQL.

Temario:

  1. Introducción al lenguaje de scripting. PHP

  2. Entornos de programación. Dreamweaver MX

  3. Introducción a las bases de datos y al lenguaje SQL

  4. Interfícies de acceso a bases de datos: phpMyAdmin

  5. Conexión a una base de datos MySQL mediante PHP

Gestión de contenidos (CMS, Web 2.0, Blogs, Wikis, etc) (15 horas)

Profesor:

A nivel práctico se concreta en la profundización de herramientas de gestión de contenidos como blogs, wikis, forums o páginas web genéricas, su instalación y configuración.

Temario:

  1. Visión general sobre el funcionamiento de un servidor: paneles de control

  2. Gestores de contenidos, Drupal

  3. Forums

  4. Wikis

  5. Blogs

Web 2.0, agregación y sindicación de contenidos ( 6 horas)

Profesor: Daniel Julià

Esta asignatura pretende dar una visión general de la llamada web 2.0, aplicaciones donde los contenidos son aportados por la comunidad. Casos ejemplares de estas aplicaciones son youtube, flickr, google, maps o amazon.

La agregación y sindicación de contenidos se ha consolidado actualmente como la nueva manera de publicar contenidos en la red.

En esta asignatura se podrán en práctica técnicas de agregación de contenidos para construir nuevas aplicaciones (lo que también se conoce como “mashups”)

La popularidad creciente de estas herramientas y APIS se debe a que muchas son libres y de código abierto, listas para ser utilizadas e, incluso, modificadas mediante lenguajes como PHP.

Aplicaciones de la web 2.0 youtubre, facebook, flickr, myspace, etc.

  1. API’s en general

  2. Flickr

  3. Youtube

  4. Facebook

  5. Google maps

  6. Yahoo ppies, Netvibes, etc

Proyecto Final ( 40 horas)

Cada participante, deberá realizar un proyecto final, consistente en una aplicación web, que ponga en práctica los conocimientos adquiridos durante el curso con un propósito práctico. Este trabajo comporta un mínimo de dedicación del participante de unas 40 horas, entre la cuales contará con unas horas de tutoria particular.

Información académica

Requisitos de admisión

Titulados universitarios. Excepcionalmente, podrán acceder profesionales sin la graduación solicitada, dependiendo de su experiencia en el sector y de su lugar de trabajo. Para cursar este programa de posgrado es recomendable que el participante tenga un nivel suficiente de inglés leído, así como conocimiento básico de algunas herramientas de creación web, como el Dreamweaver y Flash.

La dirección del programa evaluará la idoneidad de cada candidato mediante su currículum y según las circunstancias, con una entrevista personal.

]]> http://www.kiwoo.org/blog/2007/11/08/posgrado-de-desarrollo-de-aplicaciones-web-en-la-upf/feed/ Flash 9 reproduce MP4 y H.264 http://www.kiwoo.org/blog/2007/09/27/flash-9-reproduce-mp4-y-h264/ http://www.kiwoo.org/blog/2007/09/27/flash-9-reproduce-mp4-y-h264/#comments Thu, 27 Sep 2007 10:19:38 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2007/09/27/flash-9-reproduce-mp4-y-h264/ Si, en efecto el ultimo player de Flash es capaz de reproducir el formato H.264, incluyendo MP4 y el formato MOV.

Esto añadido a la posibilidad de ver video en plena pantalla afianza todavia mas Flash como la plataforma de video en internet sin rival.

Cuando pueda haré una prueba, a efectos prácticos entre otras cosas quiere decir que puedo grabar un video en mi móvil Nokia N95 y subirlo a la web directamente sin ninguna transformación y que cualquier persona lo puede ver, sin pérdida de calidad ni recompresión, incluso a plena pantalla y aprovechando la aceleración gráfica del pc, mac o linux.

Una pasada como diria Jaime

]]> http://www.kiwoo.org/blog/2007/09/27/flash-9-reproduce-mp4-y-h264/feed/ DrupalCon Barcelona 2007 http://www.kiwoo.org/blog/2007/09/22/drupalcon-barcelona-2007/ http://www.kiwoo.org/blog/2007/09/22/drupalcon-barcelona-2007/#comments Sat, 22 Sep 2007 10:36:49 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2007/09/22/drupalcon-barcelona-2007/ La conferencia Drupal de este año en Barcelona me ha impresionado.
Hace 2 años los asistentes a la conferencia fueron 20 personas, el año pasado la cifra pasó a 50, y este año supera con creces las 300 personas inscritas, yo creo que en realidad habia 500.
El evento está realmente bien organizado.
Además el ambiente es increible, hay gente de todo el mundo y la gente participa mucho en los debates a diferentes niveles, desde el desarrollo de drupal, hasta los módulos, o mostrando aplicaciones que se han hecho con esta herramienta.
Algunas de estas aplicaciones son bastante “grandes”, me refiero a periódicos online de los estados unidos, sitios globals con grandes contenidos en varios idiomas como el web de Amnesty International, etc, etc

Durante las conferencias he intentado apuntar en el portatil las palabras clave interesantes, como referencia para seguir investigando en internet. Estos apuntes están muy resumidos, son solo pequeñas notas de cosas que he pensado se podrian investigar, pero igual pueden interesar a alguien.Están en inglés ya que las conferencias eran todas en este idioma.

* from flash to drupal

http://barcelona2007.drupalcon.org/node/534

samples

http://thedjword.com/beta63/
http://www.mooch.info/about_mooch.html

A guy which translat.d a flash web site to a drupal versionof it.
Not very interesting for me.

*547   adobe flex

A guy from Adobe explaining how nice is Flex to develop RIA (Rich Internet Apps)
and that Flex can be connected to CMS as druapl very easily.
A commercial talk anyway.

ways to implement a RIA:
ajax
flex
MS solution (don’t know the name)

Webs using flex:

http://maps.yahoo.com
http://activalive.com
http://finetune.com
http://riapedia.com/tags/php

The flex sdk is free
Flex 3 sdk will be opensource

flex builder i based on eclipse

AMF - Action Message format
Is the way to connect Flex to data sources using RPC
There is an implementation for PHP

http://www.themidnightcoders.com/php

amfphp module

service installed in drupal

you call it ?q=service=
Version for cake called cakeamf

remoteobject in mxml file
with an endpoint, destination,source,

events linked to this

http://flex.org

special php section

flex showcase, people put apps in there

http://flex.org/showcase

tag in delicious with “flex.org”

http://flex.org/php

AIR. Is a tool to make applications off-line, for the desktop, free. You can embed flash, html and pdf in it.

You can workk offline or online, it automatically handels if you are online or offline

Works on mac, windows and linux

* drupal for news

Traditional newspapers are dead
Internet is much faster, to communicate news to the readers (for example blogs and such, and online newspapers)
Now with video streaming on the internet the new media will be also faster than tv

* simple xml

is an extension included in php 5
which is very easy to use (compared to traditional parsers SAX and DOM for PHP)
sample:

$result=simplexml_load_string($data);

simplexml

drupal_http_request is a function to take the date from a remote url

With simplexml you can use API services very easily

* 438 social networking techniques and potentia

http://barcelona2007.drupalcon.org/node/438

freemin visualization
http://www.nm-x.com
facebok
open id -> very important

icon buffé nice social network

* 368

A framework to build sites automatically

don’t special interest for me

* http://www.civicactions.com

civic actions

amnesty international
2500 hours of work

media mover
http://drupal.org/project/media_mover

matadortravel.com

need FFmpeg installed on server

warnerbrosrecords.com

amazon s3
http://www.amazon.com/gp/browse.html?node=16427261

* mysite module
add rss feeds

aggregator module in drupal is not extensible..
you can do anything more!:.

feed api module

CCK fields

]]> http://www.kiwoo.org/blog/2007/09/22/drupalcon-barcelona-2007/feed/ 8 bits en los i-dissabte de la mediateca http://www.kiwoo.org/blog/2007/02/06/8-bits-en-los-i-dissabte-de-la-mediateca/ http://www.kiwoo.org/blog/2007/02/06/8-bits-en-los-i-dissabte-de-la-mediateca/#comments Tue, 06 Feb 2007 00:14:12 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2007/02/06/8-bits-en-los-i-dissabte-de-la-mediateca/ El pasado sabado fuimos al evento “i-dissabte” que organiza la mediateca de La caixa en el caixaforum.

Fué una noche especial. En el programa varios artistas ponian en marcha un concierto de música e imagen durante 3 horas, con un objetivo en común, sacar partido del sonido y la imagen de 8 bits que existia en los primeros ordenadores personales, zx spectrum, commodore, etc. Como por ejemplo:

Mención especial para los jodi, volviendo a la escena, que en su actuación hicieron exhibición de su particular punto de vista “rompedora”, al principio sencillamente mostrando un programa del sinclair spectrum, mostrando como se cargaba desde la cinta con sus sonidos peculiares, y como iban modificando el código para mostrar lineas en la pantalla.

posteriormente enseñaron sus “modificaciones” de juegos que alteran totalmente la imagen

en resumen una noche realmente interesante!

aqui teneis todos los videos que grabé con el móbil

Technorati Tags: , , , , ,

]]> http://www.kiwoo.org/blog/2007/02/06/8-bits-en-los-i-dissabte-de-la-mediateca/feed/ Workshop OpenFrameworks en Hangar http://www.kiwoo.org/blog/2007/01/20/workshop-openframeworks/ http://www.kiwoo.org/blog/2007/01/20/workshop-openframeworks/#comments Sat, 20 Jan 2007 10:43:08 +0000 site admin http://www.kiwoo.org/blog/index.php/archives/2007/01/20/workshop-openframeworks/ zach lieberman

Este lunes y martes pasado tuve la oportunidad de asistir al workshop organizado por Zach Lieberman ( www.thesystemis.com ), sobre su entorno de desarrollo OpenFrameworks en el Hangar de barcelona.
OpenFrameworks es una colección de librerias en C++, multiplataforma, orientadas a trabajar con elementos multimedia como sonido, imagen, video, webcam, etc.

La filosofia es muy parecida a processing, el objetivo es minimizar el código necesario para poder realizar un programa. El framework es una colección de clases, que actuan como capa de abstracción sobre las librerias OpenGL, DirectX, etc. De hecho Zach es compañero de los creadores de processing, Ben Fry y Casey Reas, con los cuales también participó en otro taller del año pasado en Hangar, tal como os conté aquí, en el blog de pimpampum.
La verdad es que es muy interesante y puede ser una alternativa muy a tener en cuenta cuando hay que trabajar con requerimientos de alta velocidad en proceso de imagen o sonido.

Aqui teneis algunas fotos que he subido en flickr sobre el taller.

Technorati Tags: , , , ,

]]> http://www.kiwoo.org/blog/2007/01/20/workshop-openframeworks/feed/