Desarrollo WEB.


Las practicas de programación orientadas a la web son muy cambiantes en el tiempo. Es necesario conocer e implementar tecnologías, conocer lenguajes,integrar comunidades,usar Ides, etc, recientes, para responder al mercado que se acerca.

Mostrando entradas con la etiqueta gui. Mostrar todas las entradas
Mostrando entradas con la etiqueta gui. Mostrar todas las entradas

viernes, 15 de enero de 2010

Efectos Sobre Etiquetas DIV usando Mootols y su funcion FxTween

Mootools es una libreria ajax que nos permite realizar una gran variedad de efectos especiales sobre componentes html como div, span, a, etc.
En esta ocasion vamos a ver la utilidad de la funcion Fx.Tween y para ello vamos a ver dos pequeños ejemplos. El primero consite en aplicar transparencia en capas a una div, el segundo consiste en cambiar el color de fondo de una div al dar click sobre un enlace.
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Cambiar Fondo DIV</title>
<script src="libreria/mootools-1.js" type="text/javascript"></script>
<script>
function CambiarColorDiv(){
efecto = new Fx.Tween("micapa1");
efecto.start("background-color", "#ffffff");
efecto.start("color", "#ffffff");

efectoColorTexto = new Fx.Tween("micapa2", {
property: 'background-color',
duration: 'long',
fps: 200
});
efectoColorTexto.start("#ff8800"); 
};
</script>
</head><body>
<div id="micapa1" style="padding: 5px; background-color: rgb(120, 166, 0); width: 160px; font-size:11px; color:#FFFFFF;">
cambiando el color de una div usando librerias javascript MOOTOLS y la Super funcion Fx.Tween
</div>
<div id="micapa2" style="padding: 5px; background-color: rgb(120, 166, 0); width: 160px; font-size:11px; color:#FFFFFF;">
cambiando el color de una div usando librerias javascript MOOTOLS y la Super funcion Fx.Tween
</div>

<a onClick="CambiarColorDiv();">Click Aca para Cambiar el Fondo de la Div</a>
</body></html>



Publicado por a las: No hay comentarios:
Etiquetas: , , , , ,

domingo, 12 de abril de 2009

Matlab. IDE de apoyo al estudio de la Cibernetica.


Despues de pasear un dias por la sintaxis del lenguaje Matlab y tras de consultar un poco en la red sobre el uso del IDE este es mi primer codigo realizado en la asignatura de cibernetica I como trabajo de simulacion sobre funciones: Transferencia, fracciones parciales, laplace e ilaplace, polos, ceros y ganancias o constantes de una funcion de transferencia, funcion rampa, impulse, escalon, seno y coseno de una funcion y sus respectivas graficas.

En el proceso de uso de los comandos para la solucion de funciones en matlab y de la lectura que se debe hacer sobre los resultados arrojados por el IDE, se apoyó el proceso ofrecido en clase sobre las funciones y los demas elementos que las componen y las transforman.

Este pequeño programa muestra el uso de componentes de matlab como campos de texto, slider, lista de seleccion, contenedores graficos, textos estaticos.

Voy a explicar un poco el funcionamiento del codigo y de la interfaz y al final ubicare las fuentes, el maya.m y el maya.fig para ser descargadas.

Caracteristicas Principales.

1. Interfaz grafica de usuario.

2. Evento del Boton Calcular Funcion.

Ingresamos la funcion de transferencia de la siguiente manera, es simple la libreria matematica interna del matlab identifica que el vector expande su exponente de forma creciente es por eso que la funcion aca ingresada es la siguiente.
+

% --- Evento en el boton calcular funcion

function Boton_Callback(hObject, eventdata, handles)
axes(handles.Grafica); %prepara el componente grafica llamado Grafica
num=str2num(get(handles.Numerador,'String')); %captura el vector del numerador %de la funcion de transferencia
den=str2num(get(handles.Denominador,'String')); %captura el vector del %denominador de la funcion de transferencia
[z,p,k]=tf2zp(num,den); %Realiza la funcion de transferencia y extrae sus polos, ceros, y ganancias
[num,den]=zp2tf(z,p,k); %Invertimos la operacion anterior, coge los polos, los ceros y las ganancias %y encuentra la funcion de transferencia
zplane(num,den), ylabel('PARTE IMAGINARIA'), xlabel('PARTE REAL'),title('Grafica de polos y ceros');
% Dibujamos en el componente grafica llamado Grafica, % como ya preparamos un componente para graficas se toma % por defecto ese componente y alli se grafican la informacion % en este caso los polos y ceros de una funcion % de transferencia.
set(handles.Polos,'String',num2str(p)); % mostramos los polos en un text edit llamado Polos.
set(handles.Ceros,'String',num2str(z)); % mostramos los ceros en un text edit llamado Ceros.
set(handles.Ganancias,'String',num2str(k)); % mostramos las Ganacias en un text edit llamado Ganancia.

3. Extracción de los polos, Ceros y Ganancias de la TF.

[z,p,k]=tf2zp(num,den); %Realiza la funcion de transferencia y extrae sus polos, ceros, y ganancias
4. Gráfica de los polos y Ceros de la Función de Transferencia.

zplane(num,den), ylabel('PARTE IMAGINARIA'), xlabel('PARTE REAL'),title('Grafica de polos y ceros');
% Dibujamos en el componente grafica llamado Grafica, % como ya preparamos un componente para graficas se toma % por defecto ese componente y alli se grafican la informacion % en este caso los polos y ceros de una funcion % de transferencia.

5. Funciones, Rampa, Impulso, Escalon, Seno y Coseno.
6. Fracciones Parciales, transformada de laplace e Inversa.
Este fue el mejor sitio de donde pude extraer algunos recursos.
http://www.mathworks.com/access/helpdesk/help/helpdesk.html
y en esta web hay una coleccion de libros que para que mas. solo es cuestion de tiempo para leer y muchas ganas para cacharrear.
http://duniaengineering.wordpress.com/2009/03/21/collection-of-matlab-books/


Publicado por a las: 1 comentario:
Etiquetas: , , , ,
Suscribirse a: Entradas (Atom)