* "Tutorial de Access " [en línea].
http://www.catedras.fsoc.uba.ar/chernobilsky/access.htm
[consulta: setiembre 2010]
*
"Flash Mcromedia" [en línea].
http://my.opera.com/Moi22/blog/que-es-flash-para-que-sirve-y-como-lo-consigo
[consulta: setiembre 2010]
*
"Tutorial de Access " [en línea].
http://img.redusers.com/imagenes/libros/ldrme023/capitulogratis.pdf
*
"Flash 8" [en línea].
http://www.cristalab.com/flash/
[consulta: setiembre 2010]
martes, 26 de octubre de 2010
Paguina de videos
*
"video de mdm zinc" [en línea].
http://www.youtube.com/watch?v=XCVRVCyWgtQ
[consulta: setiembre 2010]
*
base de datos [en línea].
http://www.youtube.com/watch?v=Rdz2TajBqF0
[consulta: octubre 2010]
*
creacion de menu en flash [en línea].
http://www.youtube.com/watch?v=Psjrkqoeoyo&feature=related
[consulta: octubre 2010]
"video de mdm zinc" [en línea].
http://www.youtube.com/watch?v=XCVRVCyWgtQ
[consulta: setiembre 2010]
*
base de datos [en línea].
http://www.youtube.com/watch?v=Rdz2TajBqF0
[consulta: octubre 2010]
*
creacion de menu en flash [en línea].
http://www.youtube.com/watch?v=Psjrkqoeoyo&feature=related
[consulta: octubre 2010]
Definiciones
Para comenzar es importante saber:
* Que podemos hacer con Flash
* Para qué sirve Microsoft Access
* Y por ultimo como es que estos se pueden conectar
¿Qué es Flash?
Para los que no saben que es Flash; es un programa creado por Macromedia (actualmente pertenece a Adobe) con el que podemos hacer: Animaciones, Juegos, Aplicaciones, Sitios Web entre otras cosas, de hecho los videos que vemos en Youtube u otras páginas los podemos visualizar gracias a Flash. Es una herramienta bastante completa y profesional, si sabemos utilizarla bien podemos hacer maravillas, todo depende de nuestra imaginación y el empeño que le pongamos.
¿Para qué sirve Microsoft Access?
Access es un programa para el manejo de Bases de Datos, es decir, en tablas almacenas todo tipo de información, organizada de la manera que más te convenga y más fácil sea de manejar.
Ahora bien no se queda sólo en eso, te ayuda a realizar Consultas de los datos que tienes almacenados, esto mediante SQL. Y también, te ofrece diseñar Formularios, formas, como le quieras llamar para hacer una interfaz a la hora de almacenar y buscar la información, para finalmente generarte un Reporte o Informe (Que también diseñas tú). Es bastante útil y divertido para usar.
Aquí te dejo páginas que te ofrecen ayuda para trabajar con Access y ejemplos, es decir, pequeños programitas hechos en Acces que te enseñan cómo se hacen ciertas cosas.
http://www.llodax.com/Paginas/MenuAccess…
http://www.mvp-access.com/-marta-/
http://www.mvp-access.com/emilio/Access.…
http://www.mvp-access.com/marciano/
¿Que es MDM Zinc?
Zinc es una aplicación que añade bastantes funciones adicionales a Flash, permitiéndole crear aplicaciones de escritorio realmente robustas sin usar herramientas adicionales o raras; solamente tu .EXE. No sólo eso, sino que funciona para Windows, Linux (Player 8 y 9 inclusive) y Mac, haciéndola una gran forma de distribuir un programa.
* Que podemos hacer con Flash
* Para qué sirve Microsoft Access
* Y por ultimo como es que estos se pueden conectar
¿Qué es Flash?
 |
| Macromedia Flash 8 |
Para los que no saben que es Flash; es un programa creado por Macromedia (actualmente pertenece a Adobe) con el que podemos hacer: Animaciones, Juegos, Aplicaciones, Sitios Web entre otras cosas, de hecho los videos que vemos en Youtube u otras páginas los podemos visualizar gracias a Flash. Es una herramienta bastante completa y profesional, si sabemos utilizarla bien podemos hacer maravillas, todo depende de nuestra imaginación y el empeño que le pongamos.
¿Para qué sirve Microsoft Access?
 |
| Access 2007 |
Access es un programa para el manejo de Bases de Datos, es decir, en tablas almacenas todo tipo de información, organizada de la manera que más te convenga y más fácil sea de manejar.
Ahora bien no se queda sólo en eso, te ayuda a realizar Consultas de los datos que tienes almacenados, esto mediante SQL. Y también, te ofrece diseñar Formularios, formas, como le quieras llamar para hacer una interfaz a la hora de almacenar y buscar la información, para finalmente generarte un Reporte o Informe (Que también diseñas tú). Es bastante útil y divertido para usar.
Aquí te dejo páginas que te ofrecen ayuda para trabajar con Access y ejemplos, es decir, pequeños programitas hechos en Acces que te enseñan cómo se hacen ciertas cosas.
http://www.llodax.com/Paginas/MenuAccess…
http://www.mvp-access.com/-marta-/
http://www.mvp-access.com/emilio/Access.…
http://www.mvp-access.com/marciano/
¿Que es MDM Zinc?
 |
| Mdm Zinc v.2 |
Zinc es una aplicación que añade bastantes funciones adicionales a Flash, permitiéndole crear aplicaciones de escritorio realmente robustas sin usar herramientas adicionales o raras; solamente tu .EXE. No sólo eso, sino que funciona para Windows, Linux (Player 8 y 9 inclusive) y Mac, haciéndola una gran forma de distribuir un programa.
Indice General
01.- Bienvenidos
02.- Definiciones
03.- Iniciando Flash Macromedia 8
04.- Como hago para conseguir Flash Mcromedia 8
05.- Caracteristicas principales de Flash Mcromedia 8
06.- Descripcion dela partes y herramientas de Flash Macromedia 8
07.- Iniciando Microsoft Access 2010
08.- Como hago para conseguir Microsoft Access 2010
09.- Caracteristicas principales de Microsoft Access 2010
10.- Descripcion dela partes y herramientas de Microsoft Access 2010
11.- Iniciando MDM Zinc
12.- Como hago para conseguir MDM Zinc
13.- Caracteristicas principales de MDM Zinc
14.- Descripcion dela partes y herramientas de MDM Zinc
15.- Conexion
16.- Descargar tutoriales
17.- Bibliografia
02.- Definiciones
03.- Iniciando Flash Macromedia 8
04.- Como hago para conseguir Flash Mcromedia 8
05.- Caracteristicas principales de Flash Mcromedia 8
06.- Descripcion dela partes y herramientas de Flash Macromedia 8
07.- Iniciando Microsoft Access 2010
08.- Como hago para conseguir Microsoft Access 2010
09.- Caracteristicas principales de Microsoft Access 2010
10.- Descripcion dela partes y herramientas de Microsoft Access 2010
11.- Iniciando MDM Zinc
12.- Como hago para conseguir MDM Zinc
13.- Caracteristicas principales de MDM Zinc
14.- Descripcion dela partes y herramientas de MDM Zinc
15.- Conexion
16.- Descargar tutoriales
17.- Bibliografia
martes, 5 de octubre de 2010
CONEXION CON MDM ZINC
A la tabla la llamaremos "ejemplo_agenda" y a la base de datos la llamaremos con el mismo nombre "ejemplo_agenda.mdb". Luego insertamos unos datos de ejemplo para que la tabla no esté vacía.
Bien, comencemos con Flash.
El DataGrid lo hemos llamado "theDataGrid", los botones "bot_editar","bot_borrar" y "bot_insertar". Y los campos dinámicos "nombre_txt","apellidos_txt" y "tlf_txt".
En otra capa pondremos todo el codigo actionscript. Voy a ir explicando poco a poco cada trozo de código, pero va todo seguido.
var databaseFile:String = "ejemplo_agenda.mdb";
var databasePassword:String = "";
var path:String = mdm.Application.path+databaseFile; mdm.Database.MSAccess.connect(databaseFile,databasePassword);
var success = mdm.Database.MSAccess.success();
if (success == false)
{ var msg:String = "No se puede conectar a la bbdd";
mdm.Dialogs.prompt(msg);
return;
}
Comenzamos declarando cual es la base de datos que queremos acceder y su contraseña, si tiene.
A partir de aquí ya hay código de MDM así que lo explicaré linea a linea.
var path:String = mdm.Application.path+databaseFile;
Con esta línea indicamos que la ruta donde está la base de datos es la misma que donde está la aplicación.
mdm.Database.MSAccess.connect(databaseFile,databasePassword);
Conectamos con la base de datos access y le pasamos la contraseña.
var success = mdm.Database.MSAccess.success();
if (success == false) {
var msg:String = "No se puede conectar a la bbdd";
mdm.Dialogs.prompt(msg);
return;
}
Comprobamos si ha tenido exito la conexión, si no lo ha habido nos aparecerá un mensaje por pantalla indicandonos que no nos hemos podido conectar a la bbdd.
Sigamos con el siguiente bloque de instrucciones:
//FUNCION PARA HACER LA CONSULTA A LA BBDD
function consulta(){
theDataGrid.removeAll();
var sqlString:String = "SELECT id,nombre,apellidos,telefono FROM ejemplo_agenda order by id asc";
// Ejecutamos la consulta sql
mdm.Database.MSAccess.select(sqlString);
// Comprobamos los errores
var error:Boolean = (mdm.Database.MSAccess.error() == "true");
if (error) {
var msg:String = "Ha ocurrido un error en la consulta!";
mdm.Dialogs.prompt(msg);
return;
}
//Obtenemos los datos de la consulta
var dataSet:Array = mdm.Database.MSAccess.getData();
var datos:Object; var newItemsArray:Array = new Array();
for (var i = 0; i<dataSet.length; i++) {
datos = {};
datos.ID = parseInt(dataSet[i][0]);
datos.Nombre = dataSet[i][1];
datos.Apellidos = dataSet[i][2];
datos.Telefono = dataSet[i][3];
newItemsArray.push(datos);
}
theDataGrid.dataProvider = newItemsArray;
}
Explicaré trozo a trozo este bloque de instrucciones.
theDataGrid.removeAll();
var sqlString:String = "SELECT id,nombre,apellidos,telefono FROM ejemplo_agenda order by id asc";
// Ejecutamos la consulta sql
mdm.Database.MSAccess.select(sqlString);
Limpiamos el DataGrid y hacemos la consulta a la bbdd de los campos que queremos obtener.
// Comprobamos los errores
var error:Boolean = (mdm.Database.MSAccess.error() == "true");
if (error) {
var msg:String = "Ha ocurrido un error en la consulta!";
mdm.Dialogs.prompt(msg);
return;
}
Comprobamos si ha habido algún error en la consulta, si lo hubiera nos lo mostraría por pantalla.
//FUNCION PARA MONTAR EL DATAGRID
function layoutGUI():Void {
// Montamos el encabezado del datagrid
theDataGrid.setStyle("fontSize",10);
theDataGrid.columnNames = ["ID", "Nombre", "Apellidos", "Telefono"];
theDataGrid.vScrollPolicy = "auto";
var gridWidth:Number = theDataGrid.width;
theDataGrid.getColumnAt(0).width = 0.05*gridWidth;
theDataGrid.getColumnAt(0).headerText = "ID:";
theDataGrid.getColumnAt(1).width = 0.35*gridWidth;
theDataGrid.getColumnAt(1).headerText = "Nombre:";
theDataGrid.getColumnAt(2).width = 0.45*gridWidth;
theDataGrid.getColumnAt(2).headerText = "Apellidos:";
theDataGrid.getColumnAt(3).width = 0.15*gridWidth;
theDataGrid.getColumnAt(3).headerText = "Telefono:";
theDataGrid.setStyle("alternatingRowColors", [0xFFFFFF, 0xF9FCFD]);
}
Con este trozo de código no vamos a entretenernos ya que en la sección de tutoriales hay uno específico sobre este componente
Ahora ya nos queda asignarle las funciones a los botones:
Botón de insertar
//Funcion para insertar un dato bot_insertar.onRelease=function(){
if(nombre_txt.text==""){
nombre_txt.text="Este campo no puede estar vacio";
}else{
mdm.Database.MSAccess.runQuery("INSERT INTO ejemplo_agenda (nombre,apellidos,telefono)VALUES('"+nombre_txt.text+"','"+apellidos_txt.text+"',"+telf_txt.text+")");
consulta();
nombre_txt.text="";
apellidos_txt.text="";
telf_txt.text="";
}
}
Comprobamos que al menos el campo nombre no esté vacío, para poder insertar algún dato. Si es así, ejecutamos la consulta del Insert, llamamos a la función "consulta" para mostrar los cambios y dejamos vacios los campos.
Botón de borrar:
//Borrado de datos bot_borrar.onRelease=function(){
LineaGrid = theDataGrid.selectedIndex;
if(LineaGrid!=undefined){
var sqlString:String = "DELETE FROM ejemplo_agenda where id="+theDataGrid.getItemAt(LineaGrid).ID;
mdm.Database.MSAccess.runQuery(sqlString);
consulta();
}
}
Para borrar algún dato debemos antes haber seleccionado el elemento en el DataGrid. Si es así, ejecutamos la consulta Delete y volvemos a llamar a la función "consulta" para mostrar los cambios.
Botón de editar:
//Edicion de datos
theDataGrid.addEventListener("change", editar); function editar(Obj) {
bot_editar.enabled=true;
//Obtiene los datos de la linea seleccionada
DatosGrid = Obj.target.selectedItem;
//Asigna valores de los campos de texto
nombre_txt.text = DatosGrid.Nombre;
apellidos_txt.text = DatosGrid.Apellidos;
telf_txt.text = DatosGrid.Telefono;
}
bot_editar.onRelease=function(){
LineaGrid = theDataGrid.selectedIndex;
var sqlString:String = "UPDATE ejemplo_agenda set nombre='"+nombre_txt.text+"', apellidos='"+apellidos_txt.text+"', telefono="+telf_txt.text+" where id="+theDataGrid.getItemAt(LineaGrid).ID;
mdm.Database.MSAccess.runQuery(sqlString);
consulta();
bot_editar.enabled=false;
nombre_txt.text = "";
apellidos_txt.text = "";
telf_txt.text = "";
}
Para editar datos, crearemos un listener del datagrid, para que al seleccionar un elemento nos lo muestre en los campos correspondientes así como activar el botón de editar. El botón editar es prácticamente igual que el de borrar, solamente que cambiamos la sql ( en este caso es un UPDATE ). Una vez hecho el UPDATE desactivamos el botón de editar y dejamos en blanco los campos.
Ahora ya sólo nos falta que al comenzar se monte el datagrid y hacer la consulta.
bot_editar.enabled = false;
layoutGUI();
consulta(); //Obtenemos los datos de la bbdd
Ahora que hemos visto tódo el código desglosado vemos como sería el resultado final:
Bien, comencemos con Flash.
Nota: En este tutorial haremos uso de Flash 8. Pero debería funcionar sin muchos cambios de fondo en otras versiones.
En el primer fotograma meteremos un DataGrid, 3 botones y 3 TextInput. Nos quedará una cosa como esta:En otra capa pondremos todo el codigo actionscript. Voy a ir explicando poco a poco cada trozo de código, pero va todo seguido.
var databaseFile:String = "ejemplo_agenda.mdb";
var databasePassword:String = "";
var path:String = mdm.Application.path+databaseFile; mdm.Database.MSAccess.connect(databaseFile,databasePassword);
var success = mdm.Database.MSAccess.success();
if (success == false)
{ var msg:String = "No se puede conectar a la bbdd";
mdm.Dialogs.prompt(msg);
return;
}
Comenzamos declarando cual es la base de datos que queremos acceder y su contraseña, si tiene.
A partir de aquí ya hay código de MDM así que lo explicaré linea a linea.
var path:String = mdm.Application.path+databaseFile;
Con esta línea indicamos que la ruta donde está la base de datos es la misma que donde está la aplicación.
mdm.Database.MSAccess.connect(databaseFile,databasePassword);
Conectamos con la base de datos access y le pasamos la contraseña.
var success = mdm.Database.MSAccess.success();
if (success == false) {
var msg:String = "No se puede conectar a la bbdd";
mdm.Dialogs.prompt(msg);
return;
}
Comprobamos si ha tenido exito la conexión, si no lo ha habido nos aparecerá un mensaje por pantalla indicandonos que no nos hemos podido conectar a la bbdd.
Sigamos con el siguiente bloque de instrucciones:
//FUNCION PARA HACER LA CONSULTA A LA BBDD
function consulta(){
theDataGrid.removeAll();
var sqlString:String = "SELECT id,nombre,apellidos,telefono FROM ejemplo_agenda order by id asc";
// Ejecutamos la consulta sql
mdm.Database.MSAccess.select(sqlString);
// Comprobamos los errores
var error:Boolean = (mdm.Database.MSAccess.error() == "true");
if (error) {
var msg:String = "Ha ocurrido un error en la consulta!";
mdm.Dialogs.prompt(msg);
return;
}
//Obtenemos los datos de la consulta
var dataSet:Array = mdm.Database.MSAccess.getData();
var datos:Object; var newItemsArray:Array = new Array();
for (var i = 0; i<dataSet.length; i++) {
datos = {};
datos.ID = parseInt(dataSet[i][0]);
datos.Nombre = dataSet[i][1];
datos.Apellidos = dataSet[i][2];
datos.Telefono = dataSet[i][3];
newItemsArray.push(datos);
}
theDataGrid.dataProvider = newItemsArray;
}
Explicaré trozo a trozo este bloque de instrucciones.
theDataGrid.removeAll();
var sqlString:String = "SELECT id,nombre,apellidos,telefono FROM ejemplo_agenda order by id asc";
// Ejecutamos la consulta sql
mdm.Database.MSAccess.select(sqlString);
Limpiamos el DataGrid y hacemos la consulta a la bbdd de los campos que queremos obtener.
// Comprobamos los errores
var error:Boolean = (mdm.Database.MSAccess.error() == "true");
if (error) {
var msg:String = "Ha ocurrido un error en la consulta!";
mdm.Dialogs.prompt(msg);
return;
}
Comprobamos si ha habido algún error en la consulta, si lo hubiera nos lo mostraría por pantalla.
//FUNCION PARA MONTAR EL DATAGRID
function layoutGUI():Void {
// Montamos el encabezado del datagrid
theDataGrid.setStyle("fontSize",10);
theDataGrid.columnNames = ["ID", "Nombre", "Apellidos", "Telefono"];
theDataGrid.vScrollPolicy = "auto";
var gridWidth:Number = theDataGrid.width;
theDataGrid.getColumnAt(0).width = 0.05*gridWidth;
theDataGrid.getColumnAt(0).headerText = "ID:";
theDataGrid.getColumnAt(1).width = 0.35*gridWidth;
theDataGrid.getColumnAt(1).headerText = "Nombre:";
theDataGrid.getColumnAt(2).width = 0.45*gridWidth;
theDataGrid.getColumnAt(2).headerText = "Apellidos:";
theDataGrid.getColumnAt(3).width = 0.15*gridWidth;
theDataGrid.getColumnAt(3).headerText = "Telefono:";
theDataGrid.setStyle("alternatingRowColors", [0xFFFFFF, 0xF9FCFD]);
}
Con este trozo de código no vamos a entretenernos ya que en la sección de tutoriales hay uno específico sobre este componente
Ahora ya nos queda asignarle las funciones a los botones:
Botón de insertar
//Funcion para insertar un dato bot_insertar.onRelease=function(){
if(nombre_txt.text==""){
nombre_txt.text="Este campo no puede estar vacio";
}else{
mdm.Database.MSAccess.runQuery("INSERT INTO ejemplo_agenda (nombre,apellidos,telefono)VALUES('"+nombre_txt.text+"','"+apellidos_txt.text+"',"+telf_txt.text+")");
consulta();
nombre_txt.text="";
apellidos_txt.text="";
telf_txt.text="";
}
}
Comprobamos que al menos el campo nombre no esté vacío, para poder insertar algún dato. Si es así, ejecutamos la consulta del Insert, llamamos a la función "consulta" para mostrar los cambios y dejamos vacios los campos.
Botón de borrar:
//Borrado de datos bot_borrar.onRelease=function(){
LineaGrid = theDataGrid.selectedIndex;
if(LineaGrid!=undefined){
var sqlString:String = "DELETE FROM ejemplo_agenda where id="+theDataGrid.getItemAt(LineaGrid).ID;
mdm.Database.MSAccess.runQuery(sqlString);
consulta();
}
}
Para borrar algún dato debemos antes haber seleccionado el elemento en el DataGrid. Si es así, ejecutamos la consulta Delete y volvemos a llamar a la función "consulta" para mostrar los cambios.
Botón de editar:
//Edicion de datos
theDataGrid.addEventListener("change", editar); function editar(Obj) {
bot_editar.enabled=true;
//Obtiene los datos de la linea seleccionada
DatosGrid = Obj.target.selectedItem;
//Asigna valores de los campos de texto
nombre_txt.text = DatosGrid.Nombre;
apellidos_txt.text = DatosGrid.Apellidos;
telf_txt.text = DatosGrid.Telefono;
}
bot_editar.onRelease=function(){
LineaGrid = theDataGrid.selectedIndex;
var sqlString:String = "UPDATE ejemplo_agenda set nombre='"+nombre_txt.text+"', apellidos='"+apellidos_txt.text+"', telefono="+telf_txt.text+" where id="+theDataGrid.getItemAt(LineaGrid).ID;
mdm.Database.MSAccess.runQuery(sqlString);
consulta();
bot_editar.enabled=false;
nombre_txt.text = "";
apellidos_txt.text = "";
telf_txt.text = "";
}
Para editar datos, crearemos un listener del datagrid, para que al seleccionar un elemento nos lo muestre en los campos correspondientes así como activar el botón de editar. El botón editar es prácticamente igual que el de borrar, solamente que cambiamos la sql ( en este caso es un UPDATE ). Una vez hecho el UPDATE desactivamos el botón de editar y dejamos en blanco los campos.
Ahora ya sólo nos falta que al comenzar se monte el datagrid y hacer la consulta.
bot_editar.enabled = false;
layoutGUI();
consulta(); //Obtenemos los datos de la bbdd
Ahora que hemos visto tódo el código desglosado vemos como sería el resultado final:
Como hago para conseguír Flash 8
¿Todo esto pinta muy bien, pero como hago para conseguírmelo?
Bueno hay diversas maneras de cómo conseguir este valioso programa, una de ellas y la más fácil es comprándolo ya sea original o descargarlo por Internet.
La pantalla se divide en tres columnas y dos filas:
- Open a Recent Item (Abrir un Documente Reciente).
Si hemos estado trabajando y guardado antes un documento, éste aparecerá en esta culumna. - Create New (Crear un nuevo documento).
- Flash document - Documento de Flash con extensión .fla.
- Flash Slide Presentation - Documento de diapositivas.
- Flash Form Application - Aplicación de un formulario.
- ActionScript File - Documento que contiene código ActionScript con extensión .as.
- Create from Template (Crear un documento en base a una plantilla)
martes, 28 de septiembre de 2010
Iniciando Flash Macromedia 8
Flash se utiliza para crear presentaciones, anuncios, menús de navegacion, gráficos e incluso páginas web completas... cada cual puede utilizarlo según le convenga.
Las animaciones creadas en Flash pueden incluir efectos muy buenos y también puedes añadir interactividad con el usuario para que pueda realizar ciertas acciones. Macromedia Flash no es sólo un programa para crear gráficos sino que es un lenguaje de programación.
Suscribirse a:
Comentarios (Atom)