Resumen del Tercer corte

Php my admin

Insert = incluir
Update= modificar
Select = consultas
Delete = eliminar

 Function conectar ($db)
{
If (!($link = mysql_connect(“local host”,”root”,” “)))
{
Echo “error:no se puede conectar”;
Exit ( );
}
If (¡mysql-select-db($db,$link));
{
Echo”no encuentro la base de datos $db”;
Exit ( );
}
Return $link;
}


 Function desconectar($ link)
{
Mysql-close($link);
}


Como crear consultas
$cons= mysql-query8”select…”);
$sql=”insert into alumno…)
$a =mysql-query/$sql);

“El resto del tercer corte, consiste en la elaboración del proyecto final”

Resumen segundo corte

Php

Para insertar php en html se escribe
…..
…..
Variable?>
$ nombre=” “
$apellido=” “
$ completo= $nombre.” “.$apellido;

“php acepta numeros enteros”

*Operadores aritméticos
+ sumar $c=$a+$b;
++ $a= $a+1
--$b=$b-1
* Operadores lógicos
And && v and v = v
Or && v or f=v
F or v =v
X or && v or v =v
V or f =v
F or v =v
! not


Operadores de comparacion

= = igual
> mayor
< menor
>= mayor igual
<=menor igual
!=diferente














Condiciones

If
Como usarlo?

If
{
…
…
}
Else
{
…
…
}

Ciclos repetitivos

 While (condicion)
{
…
…
}
Ejemplo
$i= 1;
While ($i <21)
{
Print $i.”
”;
$i = $i + 2;
}
?>
Otro modo de trabajar con while

Do
…
…
…
While(condicion)

 For ($i =0; $i>11; $i++);
Para arreglos
For each ( $arreglo as valor)
{
..
..
..
}

 Switch ($variable)
{
Case 1
…
…
Case 2
..
..
Case 3
..
..
Default (en caso de que no sea ninguno)
…
…
}

Arreglos

$ vocales=array(‘a’,’e’.’i’,’o’,’u’);
For($i=0,$i< count ($vocales);$i++)
Print $vocales[$i];

Funciones y procedimientos

Function nombre (parametro1,parametro2)
{
…
…
Return valor;
}
?>

Ejemplo

Function areat ($base,$altura)
{
$area =$base * $altura / 2;
Return $area;
}
$at =areat(5.3),
Print $at
?>

Primer Corte - Clase nº 5

Creacion de formularios
< Form > --- < /form>
< Input>
< Select>
< input type=”checkbox”>
< input type=”submit”> procesa
< input type=”reset”>limpia
< Form action > que se va hacer con los datos
< /form>
Method: post=stdio
Get=URL
Action= “mailto:direccion°host.com”
“procesa.php”

< Select>
-----
-----
< /select>
Como utilizarlo
< select name=”color” multiple>
< option value=”1”>rojo
< option value=”2”>azul
< /select>
< Br>
< select name=”otro” size=1>
< option value=”r”>rojo
< option value=”a”>azul
< /select>
< input type= “submit”>


Multimedia
• Ms-explore
< BG sound src=”musica.mid” loop=2>
Loop=veces que se repite infinito
• Nest.cape
< embed src=”música.mid” autostart=false loope=true>

Primer Corte - Clase nº 4

Creación de las tablas
< Table>----- < /table>
< Tr> table row = filas
< Th>table head=encabezados
< Td>tabla date=datos en común
Como crearlas:
< Table>
< tr>
< Th>nombre
< Th>cé dula
< Hr>
< TR>
< Td>yesica
< Td>17867869
< /Tr>
Creación de marcos (frames)
Atributos
Rows = filas
Cols=columnas
Frameset
< frameset rows =15%, 50%,25%>
< frame src=”logo.html”name=”tope”>
< frame src=”presentacion.html”name=”centro”>
< frame src=”menu.html”name=”menu”>
< /frame>




< Body>
----------
---------
< a href=”menu.html>menu< /a>
< /body>
< /no frame>

Atributos frame
Scrolling = yes/no/auto
Border color=blue
Margin width=10
Margin height=20
Frame border=0
Frame spacing=0

Primer Corte - Clase nº 3

Enlaces de una página web

< a>
< a href =”otra.html”> otra < /a>
< a href=”www.google.com”> google
< a name=”#parte1”
________
________
< a href=”parte1”>parte1< /a>
Tipos de enlaces
• Enlace a una página creada por nosotros
< a href=”Venezuela.html> Venezuela < a/>
• Enlace a otro sitio existente
< a href =”www.venezuelatuya.com “>visita Venezuela< /a>
• Referencia a la misma pagina
< a name=”primera”> titulo < /a>
< a href =”#primera”>ir a primera< /a>
Algunas listas que se utilizan para ordenar textos por numero o viñetas
< ul> viñetas
< ol>numero

Formas de utilizarlas

• Números

< ol>
< li>casa< /li>
< li>carro< /li>
Resultado
1 casa
2 carro

• Viñetas

< ul>
< li>casa< /li>
< li>carro< /li>
< /ul>

Resultado
• Casa
• Carro

Primer Corte - Clase nº 2

HTML: lenguaje de marcado de hipertexto

Creación en block de notas:

< > tag
< html> inicio de la pagina
< Head> cabecera
< /html> cierre de la pagina
< title> mi pagina < /title> titulo
< Body> inicio del cuerpo de la página
< /Body> fin del cuerpo

Algunos tag utilizados para crear:

Comentarios: -----
Dar énfasis: < em>----- Yesica
Colocar letra pequeña: ----
Subrayar: ---
Entre otros…

Colores en HTML
Se trabajan los colores en ingles, ejemplo:(yellow, blue, red, pink, etc…)
O en modo hexadecimal:

#FF 00 00: ROJO
#00 FF 00: VERDE
Se trabaja de esta forma
< body background=”pink” text color=”White”>: color de fondo y de patalla
Como agregar imagenes
< img src=”../nombre.jpg”>
Aparte se le puede agregar los siguientes atributos:
SRC: ruta y nombre de imagen
ALT: alternativo (nombre sobre la imagen)
HEIGHT: altura
WIDTH: ancho
BORDER: borde
Como se utiliza
< img src= “../nombre.jpg” alt=”Niño” height=100 widht=100 alignt= center>

Primer corte - Clase nº 1

Internet: Es una red amplia, la cual comunica a todas las redes del planeta

Servicios
· www(web)
· correo electrónico
· FTP
· Mensajería instantánea

Intranet: conjunto de redes internas para empresas o instituciones

Extranet: red que proporciona acceso a una intranet

Direcciones web
HTTP://www.bueno.com/publico/saludos.HTML

HTTP:protocolo

BUENO: host

PUBLICO: subdirectorio

SALUDOS: pagina

Navegador: programe que permite tener acceso a internet, el cual conoce todos los lenguajes utilizados en el mismo.

Web 2.0: los nuevos desafíos de la interfaz de usuarios

En los últimos meses, en los medios impresos y en internet se habla cada vez más de weblogs (los ya conocidos diarios personales online, con comentarios y citas cruzadas a otros weblogs), se comparten juegos, vídeos o fotografías con familiares o amigos en sitios como Flickr o MySpace, se difunden noticias mediante podcasting (archivos de sonido que se descargan y se pueden escuchar y reproducir en cualquier momento), se coeditan de forma participativa enciclopedias online, como Wikipedia, se consultan o cuelgan anuncios clasificados en Craigslist o Loquo, se añaden textos o tags (la llamada folksonomia) a las fotografías, música, etc., que se cuelgan en la red, para que otros las puedan buscar en sitios web como del.icio.us, se suscriben los usuarios a agregadores de contenido, permitido por RSS, mediante el que los sitios comunican automáticamente sus actualizaciones a sus suscriptores, se utilizan procesadores de texto que recurren a internet como plataforma (Writely), etc.

Esta enorme actividad, esta marea de nuevos anglicismos, está cambiando el mundo de las telecomunicaciones, de los medios de comunicación, del marketing, del software, del entretenimiento,etc. Todo este nuevo conjunto de medios forma lo que algunos llaman la Web 2.0, la nueva etapa de la cambiante internet, la nueva versión en la evolución de internet.
Sin embargo, algunas de las nuevas tecnologías o desarrollos que posibilitan la web 2.0, las Rich Internet Application (RIA) como AJAX, plantean desafíos de usabilidad en sus interfaces y formas de interacción. A. Bosworth ha recogido de forma breve una lista con algunos de los problemas o errores que provoca AJAX (cancelación del botón volver atrás del navegador, dificultad para guardar en favoritos las páginas o de pasarlas a amigos, parpadeos inesperados en algunas partes de las páginas, etc.).
Hay dos aspectos que son fundamentales en el diseño de las interfaces, que deberían tenerse en cuenta especialmente:

diseñar sistemas intuitivos de interacción
informar a los usuarios la respuesta que tienen sus acciones en la pantalla.

Hacer interfaces intuitivos y sistemas claros de interacción.

Hasta ahora, al llegar a una página la mayoría de los usuarios saben cómo interactuar: si ven un enlace saben que es para ir a otra página, conocen que deben pulsar un botón para realizar una acción o, en un formulario, saben cómo seleccionar elementos mediante botones de opción, casillas de verificación, etc. En las nuevas aplicaciones, la interacción es mucho mayor, pero los usuarios no tienen un modelo mental claro de su funcionamiento. Se introducen novedades que les pueden generar problemas. No son intuitivas y no siguen las convenciones actuales, por lo que no está claro qué deben hacer los usuarios para interactuar, lo que les exige un proceso de aprendizaje, que puede ser difícil para algunos.
Delante de uno de los mapas interactivos de Google el usuario puede no saber cómo interactuar, no darse cuenta que pulsando el ratón y manteniéndolo pulsado sobre un punto del mapa y arrastrándolo puede desplazarse por el mapa.

En los mapas de Yahoo el cursor tiene un aspecto un poco más descriptivo, con el dedo índice de la mano apuntando, lo que ayuda un poco, y la mano cerrada, como cogiendo algo, cuando se desplaza.

Esta falta de affordance, es decir, de elementos o características del diseño que indiquen las acciones posibles o cómo algo puede utilizarse, es clara en muchas de las aplicaciones realizadas con Ajax. Los usuarios que las conozcan pueden no tener problemas, pero para los usuarios no expertos supondrá un tiempo de aprendizaje, con los consiguientes perjuicios. Por ejemplo, en la imagen siguiente no es intuitivo que los módulos rectangulares se pueden arrastrar y cambiar de lugar, según lo desee el usuario. No hay ningún elemento que lo indique.

Una vez que el cursor se sitúa en la zona azul superior del módulo, cambia de aspecto, pasando a un formato en cruz, y, además, aparecen varios iconos en la parte de la derecha y de la izquierda y la etiqueta “Editar” subrayada.Pero puede ser demasiado tarde para muchos usuarios, que pueden abandonar la página sin conocer esta posibilidad.

En otras aplicaciones, como el de la imagen inferior, no existen elementos de interacción o controles claros, por lo que se ha optado por ofrecer textos explicativos sobre cómo interactuar en la parte de la derecha.

Sin embargo, este recurso no es el más apropiado, puede ser una solución provisional. Los diseños deben ser autoexplicativos, sin necesidad de descripciones de cómo interactuar. En una interfaz las pistas visuales deben explicar su funcionamiento sin descripciones.
En las imágenes siguientes, extraídas de Flickr, no se utilizan controles intuitivos que comuniquen al usuario que los pies de página de las fotografías son editables. Debe pulsar en el texto para que aparezcan los campos de texto para su edición.

Ejemplo de Interfaz

Ejemplo de una Interfaz Web Sobre un sitio que logré encontrar en mis investigaciones. Archivo extrido de la siguiente direccion: http://studio.jon-garza.com/wp-content/uploads/2007/09/f_bamboo.jpg

Dia de estudio

Dia de mucho estudio para afianzar mis conocimientos sobre la asignatura Interfaz Web con el Usuario. Fue positivo.