Flash & PHP

¿Quien dijo que con flash, no se pueden hacer cosas dinámicas? El secreto está en la combinación. Flash, en su versión de Action Script 2.0 no permite la escritura de ficheros, es decir; nos condena a la fluidez gráfica sin poder almacenar datos de forma directa. El secreto se encuentra en la combinación. Existen lenguages como PHP o ASP que són infinitamente superiores en seguridad y llevan mucho tiempo combinandose con bases de datos y escrituras de ficheros, por ejemplo, los XML. Además, tienen funciones extra como el envio de e-mails que nos permiten desde crear un formulario de alta mandando un e-mail de bienvenida y guardar los datos en una base de datos hasta crear un contador complejo para nuestra web. La pregunta mágica es; ¿Como comunico flash con estos lenguages para hacer una aplicación web más completa?

La respuesta a todo esto es “LoadVars()“. Estas son unas variables que nos permiten guardar información para enviarsela a PHP y que este nos responda dandonos otra información. Veamos un ejemplo.

Abrimos un nuevo documento flash y en el primer fotograma creamos dos objetos simples. El primero, será un campo de introducción de texto al que llamaremos “introduccion_txt“, el segundo será un boton al que llamaremos “boton_bt“. Con esto ya tenemos lo necesario para hacer una comunicación entre lenguages.

Una vez creados los objetos, nos dispondremos a programar la comunicación, lo haremos en el primer fotograma y el código será el siguiente:

stop();
var comunicacion:LoadVars = new LoadVars(); // Esta será la variable LoadVars que guardará la info.

boton_bt.onRelease=function(){ // Función que detecta cuando alguien pulsa el botón y ejecuta las siguientes acciones.

comunicacion.eltexto = introduccion_txt.text; // Creamos una variable dentro de comunicación que guardara el texto.
comunicacion.Send(“miphp.php”); // Acción que envia los datos al archivo miphp.php

}
Bien, con esto, hemos enviado el contendio de un campo de texto a miphp.php, una vez hecho esto, con el php podríamos hacer cientos de operaciones, como guardar esa información en una base de datos, analizarla, modificarla…. Pero esta es la comunicación básica entre Flash y PHP. En el siguiente post enseñaré como enviar información y recibir una respuesta, como un “ok” o un “problemas con el servidor” que nos servirá por ejemplo, para crear un formulario simple de alta para nuestra web.

La biblia de AfterEffects

Últimamente, en la televisión, estamos encantados de ver que el arte digital ha avanzado a pasos de gigante. A ello, en parte, ha contribuido la revolución AfterEffects que está sufriendo el campo del vídeo digital. Para los que no lo conozcáis, AE es un programa que empezó con buenos fines, pero no con tan buenos resultados, no por falta de prestaciones, sino por competidores del nivel de Combustion, Flame y otros programas que lo destrozaban. Con el tiempo, AE ha conseguido hacerse un hueco importantísimo en el mercado. Con el, se han empezado a lanzar cientos de spots publicitarios de marcas muy prestigiosas, desde marcas americanas como la FOX, hasta canales nacionales como TVE o TV3. ¿Como? Por su sencillez. Los que conozcáis Photoshop, solo tendréis que echarle un vistazo a los siguientes links que yo considero la biblia AE. El único handicap que podéis encontrar es que los enlaces son en inglés, pero tened en cuenta que son videotutoriales, con lo que su seguimiento es más sencillo : )

Biblia AE:
www.videocopilot.net – La página de Andrew Kramer, todo un crack del arte del vídeo digital. En su página encontraremos desde tutoriales increíbles, a presets o materiales de apoyo para el aprendizaje (algunos de pago).
www.motionworks.com.au/ – Motion works es la página de otro genio que también ofrece videotutoriales.

Con tan solo estos dos links, una persona enterada en Photoshop se sorprenderá al ver que en un fin de semana, ha conseguido unos efectos increíbles sin tener anteriormente ningún conocimiento del tema animación o vídeo digital. Como último comentario, solo decir que no puedo postear todo esto sin acordarme de los reyes de plugins para AE, RED GIANT. Una compañía con unos plugins excelentes que se usan en el 70-80% de composiciones profesionales, además permiten descargas de evaluación para que pruebes el material.

¿Y tu, no te animas?

Nuevo Blog!

Después de conocer el sistema WordPress con este, mi primer blog, me he decidido a abrir otro de temática distinta. Si aquí intento abordar la parte más técnica de los proyectos audiovisuales, en SAEDI abordo la parte más creativa de los proyectos que vivo día a día. En mi nuevo blog encontrareis ideas no materializadas que se me ocurren y pasatiempos visuales. Todo esto en parte es culpa de la inspiración que Úbica ha ejercido sobre mi. Para los que aún no la conozcan Úbica es una agencia de publicidad con la que tengo el placer de compartir brainstormings, proyectos interesantísimos aparte de una buena relación diaria que nos permite a ambos crecer día a día.

Envio de mail SMTP desde PHP con Gmail y phpmailer

Pues bien, con el uso de phpmailer se pueden mandar e-mails vía SMTP con, por ejemplo, Gmail . Debido a que Gmail usa el protocolo de SSL/TLS para la comunicación/autentificación, deberemos modificar la clase class.phpmailer.php de la siguiente forma:

(parte del tutorial grácias a Buyacorp )

Original: (linea 537)

if(strstr($hosts[$index], “:”))
list($host, $port) = explode(“:”, $hosts[$index]);
else
{
$host = $hosts[$index];
$port = $this->Port;
}

Modificación:

if (preg_match(‘#(([a-z]+://)?[^:]+):(\d+)#i’, $hosts[$index], $match))
{
$host = $match[1];
$port = $match[3];
}
else
{
$host = $hosts[$index];
$port = $this->Port;

Bien. una vez aclarada la pequeña modificación de la clase phpmailer (esto no hace falta si quieres mandar un mail con phpmailer con, por ejemplo, el servidor de terra). Ahora crearemos nuestro archivo para mandar e-mails de la forma siguiente:

<?php

require(“class.phpmailer.php”).

$mail= newPHPMailer();                         // creamos un nuevo phpmailer con una variable

$mail->Host= ”ssl://smtp.gmail.com”;

$mail->Port = 465;

$mail->SMTPAuth = true;

$mail->From=”remite@email.com”;

$mail->FromName = ”Nombre del Remitente”;

$mail->Subject=”Subject del correo”;

$mail->AddAddress(“destinatario@dominio.com”,”Nombre del destinatario”);

$mail->AddCC(“destinatario_en_copia@dominio.com”);

$mail->AddBCC(“usuariocopiaoculta@dominio.com”);

$cuerpo=”El código HTML que pinta el cuerpo de nuestro e-mail”;

$mail->Body= $cuerpo;

$mail->AltBody= ”Texto que substituye en caso de no tener correo HTML”;

$mail->AddAttachment(“ruta_en_un_servidor/imagen.jpg”, ”imagen.jpg”);

$mail->Send();

echo “Mensaje enviado correctamente!!!”

?>

Mandar e-mail desde PHP

Frecuentemente nos encontramos con formularios en páginas web. Estos formularios són enviados através de HTML a una dirección (normalmente .php o .asp) en las que tratamos los datos para introducirlos en bases de datos o por ejemplo y como es el caso aquí, mandar e-mails. En este post mostraré como mandar un e-mail con la función básica de php ‘ mail(); ‘ . Esta función es válida para la mayoría de servidores, pero algunos, utilizan el sistema SMTP normalmente para evitar spam. El siguiente post que colgaré detallará como mandar e-mails via SMTP con gmail.

Código necesario para mandar e-mails básicos desde php:

<?php

$destino=”destino@destino.com”;
$asunto=”E-mail enviado con PHP”;

$cuerpo=” código HTML a enviar en el e-mail”;    // La variable “cuerpo” contendrá todo el mensaje en formato HTML.
$cuerpo.=”Email: “.$_POST['email'];        // Aquí recojo un campo del formulario HTML llamado ‘email’
$cuerpo.=”Telf: “.$_POST['t'];                     // Ídem para un campo llamado ‘t’

$cuerpo.=”Message: “.$_POST['m'];
$cabeceras = ‘MIME-Version: 1.0′ . “\n”;    // La variable “cabeceras” contendrá información para que nuestro mensaje no sea descartado como correo no deseado.
$cabeceras .= ‘Content-type: text/html; charset=utf-8′ . “\n”;
$cabeceras .= ‘From: ‘.”nombre@direccioncom”.”\n”;

mail($destino,$asunto, $cuerpo, $cabeceras); // Este es el orden a seguir para la función mail

echo “formulario enviado correctamente!!”;

?>

Oculat scrolls con javascript

De forma fácil y sencilla, solo pega esto en tu codigo HTML y se acabó
buscar más códigos largos que dan problemas

<script type=”text/javascript”>
document.documentElement.style.overflow = ‘hidden’; // firefox, chrome
document.body.scroll = “no”; // Internet Explorer
document.documentElement.style.overflowX = ‘hidden’; // scroll horizonatal
document.documentElement.style.overflowY = ‘hidden’;
</script>

Bienvenido CS4 !

Bien, ya está disponible la versión CS4 de los famosos programas de Adobe. La tengo, y de momento puedo contaros que se acercan mejoras importantes en estos programas. Photoshop, el sustento de Adobe, por ejemplo, ha incorporado funciones 3D para crear o importar objetos dejando incluso texturizarlos, tocar iluminaciones etc. El sistema no me parece del todo perfeccionado, aún así, trabajando la técnica se pueden conseguir efectos hasta ahora solo en la mano de modeladores 3D. También incluye funciones sorprendentes como el “escalado según contenido” que permite al usuario reescalar una imágen pasandose por el forro sus dimensiones y que sus objetos más importantes (eso lo decide el propio programa pero los resultados son sorprendentes) no se vea alterado en proporciones. El sistema detecta las partes de textura más plana como “background” y comprime solo esas capas dejando el contenido de primer plano en una asombrosa buena proporción.
En cuanto a Flash, si alguien tenía dudas de si se impondría el sistema ActionScript 3.0, se equivocaba. Ahora, creando un documento para este, es posible dar tridimensionalidad a los movieclips y moverlos o rotarlos en esta tan deseada tercera dimensión. El sistema de fotogramas ha cambiado, así como la interpolación. Habrá a quien no le guste, pero los resultados son fráncamente más profesionales. Ahora la versión de PaperVision (motor 3D para flash) seguro será muchisimo más potente en su siguiente versión. También es destacable en flash el uso de esqueletos o huesos similares a los de 3DStudio Max o Maya para la animación de objetos (ya tocaba…). Esto es todo lo que he tenido tiempo a ver en dos dias, y como conclusión os digo que se avecinan cambios, cambios bastante fuertes en el campo del multimedia, y además, es muy fácil ver que Adobe está al frente de esta revolución que sinceramente, disfruto de lo lindo ^^

Más adelante prometo postear tutoriales con las nuevas funciones de estos programas, y además, anuncio que la “Guia Flash” que estaba preparando hasta ahora queda congelada, por no decir muerta, debido a que me he decidido a meterme de lleno en ActionScript 3.0 y lo que estaba preparando era ActionScript 2.0. Así, los que empeceis, dejareis atrás el sistema antiguo que aunque sigue funcionando y siendo soportado (tanto en reproducción como en edición) está claro quedará obsoleto no puediendo nutrirse de las nuevas y potentes funciones de Flash.

Guía Flash, de nivel 0 a creación de una web (parte I )

   Bien, me he decidido a escribir una guía sobre este programa tan fácil y agradecido de aprender. En realidad mucha gente está en contra de esta tecnología, pero yo sin duda creo que ha revolucionado el mercado de la publicidad online y ha ofrecido un soporte visual simple a diseñadores que no quieren entramarse con códigos complicados como sería el caso de JavaScript o Java. En la guía, se irá de 0 a nivel “puedo crear una web simple” además por la vía rápida. Se que no es el mejor método y que aveces hace falta leer mucho, pero esto es un empujoncito para aquellos a los que siempre les ha sido más fácil aprender con la práctica que con la teórica.

    En este nivel aprenderemos las propiedades de los tres objetos básicos de flash: Gráficos, Botones y Películas. Además, aprenderemos a crearlos los tres. La guía viene con ejemplos prácticos. De momento, en ellos no hay código, pero en la siguiente entrada empezaremos a indagar más en las posibilidades de ActionScript (lenguaje de programación de Flash) y todo el código irá comentado línea a línea.

    Guía Flash – Parte I en .ZIP

Máscara con degradado alpha en Flash

Bien, para aquellos que aún no han descubierto que Flash SI permite hacer máscaras que respeten los alphas de nuestros movieclips. Se trata tan solo de un truco que por la vía gráfica no es posible solucionar. Además tampoco requiere mucho código. Nos basta con

     ” destino.setMask( mascara); “.

Además hace falta activar una casilla en la ventana propiedades para que se utilicen ambos movieclips con caché bitmap para tiempo de ejecución. Suena más difícil de lo que es… Descarga el ejemplo .fla comentado y verás que simple y funcional te resulta.

Ver ejemplo
.FLA comentado

TUTORIAL: Economiza el peso de tu web

Aquí os dejo el primer tutorial sobre Photoshop aunque sirve para HTML / FLASH ya que de el proceso de compresión de nuestros gráficos depende también el resultado final. Si no estás acostumbrado a comprimir tus gráficos sin sacrificar demasiada calidad, revisate este tutorial y verás la de tiempo que ahorras a tus visitantes ; )

.ZIP con el .PDF