TEMA 6: Desarrollo de aplicaciones Web

Identifiquemos tcnicas de desarrollo de Aplicaciones Web.

Bienvenida
Bienvenidos estimados estudiantes!, con mucho entusiasmo damos inicio
a la sexta semana de la asignatura. En esta semana identificaremos las
tcnicas necesarias para emprendernos en el mundo del desarrollo de
aplicaciones web robustas y adaptables a los distintos entornos del
mundo virtual, as como tambin aprenderemos a dar uso a las
principales herramientas tecnologas que nos felicitaran el desarrollo
aplicaciones lo suficientemente necesarias para su usabilidad en las
distintas organizaciones.
Introduccin al tema

La Web se ha convertido por mritos propios en el medio de comunicacin por

excelencia. Esta destaca por la rapidez con la cual se intercambia la informacin
que unida a la eliminacin de las barreras geogrficas, han convertido a Internet
en un terreno frtil en el cual las empresas pueden extender sus negocios. Como
consecuencia ha proliferado el nmero de aplicaciones Web para la resolucin de
las necesidades de las organizaciones.

A diferencia de las aplicaciones tradicionales desarrolladas para una plataforma tecnolgica conc
llegar a cualquier tipo de dispositivo. Por lo tanto este nuevo paradigma de desarrollo se est utiliz
gubernamentales, de enseanza a distancia o de gestin empresarial entre otras.

As, el mundo de la Web viene creciendo de forma gigantesca y esta va dejando de lado a los sistem

En ello, el siguiente tema a tratar es de vital importancia dentro de nuestro aprendizaje como futuro
de plantear y dar solucin a problemas cotidianos haciendo uso de herramientas virtuales y en esp
gran importancia.

Aprendizajes esperados: Capacidad / Actitudes

Conozcamos ahora las capacidades y actitudes a desarrollar en esta segunda

semana:

Capacidades

Identifica las diferentes opciones para el desarrollo de aplicaciones WEB;

- Analiza los diferentes entornos de desarrollo web
- Analiza las diferentes tecnologas utilizadas en el desarrollo web
- Analiza las herramientas tecnolgicas mas utilizadas en el mundo de la web
- Analiza la importancia del uso y manejo de base de datos en aplicaciones web.

Actitudes

Valora la importancia del desarrollo web en el mundo empresarial.

Mapa conceptual referido al tema

Observa detenidamente el siguiente esquema, en el encontrars de un vistazo
de manera sintetizada los principales concepto de la temtica que abordaremos.
Qu conceptos o categoras llaman tu atencin?

6.1. Desarrollo web.

El desarrollo web supone todo lo relativo desde el estudio previo hasta la
implementacin de un sitio web de una organizacin, todo lo que tiene que ver con
la planificacin de la creacin de ese sitio teniendo en cuenta los objetivos y
expectativas que arrastra el mismo y por ltimo una vez que se coordina las
diferentes tcnicas que sern utilizadas por diferentes especialistas, promoverlo
de manera que el trfico se obtenga sea positivo. La estrategia de desarrollo web,
se integra de fases en las que debe incursionarse para obtener los objetivos que
se plantea por parte de la organizacin que ha decido su presencia en Internet.
Desarrollo web es un ttulo algo arbitrario para el conjunto de tecnologas de
software del lado del servidor y del cliente que involucran una combinacin de
procesos de base de datos con el uso de un navegador en Internet a fin de realizar
determinadas tareas o mostrar informacin.
La aplicaciones web, llamadas WebApps, son una categora de software centrado
en redes que agrupa una amplia gama de aplicaciones. En su forma ms sencilla,
las webapps son poco ms que un conjunto de archivos de hipertexto vinculados
que presentan informacin con uso de texto y grficas limitadas (Pressman, 2010).
Sin embargo, desde que surgi Web 2.0, las webapps estn evolucionando hacia
ambientes de cmputo sofisticados que no slo proveen caractersticas aisladas,
funciones de cmputo y contenido para el usuario final, sino que tambin estn
integradas con bases de datos corporativas y aplicaciones de negocios.
Pressman (2010) seala que es frecuente que los desarrolladores de web
manifiesten escepticismo cuando se plantea la idea del anlisis de los

requerimientos para webapps. Acostumbran decir: despus de todo, el proceso

de desarrollo en web debe ser gil y el anlisis toma tiempo. Nos har ser lentos
justo cuando necesitemos disear y construir la WebApp. Sin embargo, la
pregunta que debe responder todo desarrollador en web es sencilla: ests
seguro de que entiendes los requerimientos del problema? Si la respuesta es un
s inequvoco, entonces tal vez sea posible omitir el modelado de los
requerimientos, pero si la respuesta es no, entonces sta debe llevarse a cabo.
Las metodologas ms recomendadas para el desarrollo de proyectos Web son los
modelos de procesos giles, ya que las WebApps suelen tener actualizaciones
constantemente, por lo que el proceso debe tener ciclos de desarrollo cortos. Y
antes de definir un marco de trabajo para el proceso de las WebApps, se tienen
que considerar los siguientes tres puntos:
1. Las WebApps con frecuencia se entregan de manera incremental: las
actividades del marco de trabajo ocurrirn de manera repetida conforme
cada incremento se someta a ingeniera y se entregue.
2. Los cambios ocurrirn frecuentemente: los cambios pueden ocurrir como
resultado de la evaluacin de un incremento entregado o como
consecuencia de cambiar las condiciones de los negocios.
3. Los plazos cortos: al tener plazos cortos aminora la creacin y revisin de
voluminosa documentacin de ingeniera, pero no excluye la simple
realidad de que el anlisis crtico, el diseo y la prueba deban registrarse en
alguna forma.
De otro lado, las aplicaciones deben construirse (arquitectura de una WebApp)
con el empleo de capas en las que se tomen en cuenta distintas preocupaciones;
en particular, deben separarse los datos de la aplicacin de los contenidos de sta
(nodos de navegacin), y stos, a su vez, deben separarse con toda claridad del
aspecto
y
la
sensacin
de
la
interfaz
(pginas).
La arquitectura de controlador de la vista del modelo (CVM) es uno de varios
modelos sugeridos para la infraestructura de WebApps que desacoplan la interfaz
de usuario de sus funciones y contenido informativo (Pressman, 2010).

La arquitectura CVM
Fuente: Pressman (2010).
Veamos el siguiente vdeo, que nos brinda un enfoque ms claro de lo que es el
mundo del desarrollo web (Video extraido del curso virtual "Introduccin al
desarrollo web" de la Universidad de Alicante - Espaa).
Ttulo: Desarrollo Web
Actividad de anlisis y comprensin. Luego de haber visualizado el video,
responde las siguientes interrogaciones:

1. Que es el desarrollo web?

Una pgina web

Conjunto organizado de datos.
Conjunto de tecnologas de software del lado del servidor y del cliente

Muy bien!, Desarrollo web por lo general es un titulo algo albitrario pero se utiliza
con mayor fecuencia en la denominacion del conjunto de tecnologas de software
del lado del servidor y del cliente que involucran una combinacin de procesos de
base de datos con el uso de un navegador en Internet a fin de realizar
determinadas tareas o mostrar informacin

2. Una diferencias entre diseo y desarrollo web es:

En el diseo web puede estar compuesto por imagenes, el desarrollo web suele
ser codificado en algn lenguaje de programacin.
Los dos tienen el mismo significado
Acertaste!, el diseo web puede estar compuesto tambin por imgenes,
fotografas, flash, etc contenido que no necesariamente necesita ser codificado en
un lenguaje de programacion.

3. Que es el backend?

Es la parte de la aplicacin web que no ven los visitantes.

Es la parte de la aplicacin web que ven con los visitantes.
A si es, es la labor de ingeniera que compone el acceso a bases de datos y
generacin de plantillas del lado del servidor. En backend se encargan de
implementar cosas como MySQL, Postgres, SQL Server oMongoDB. Luego, un
lenguaje como PHP o JSP, o frameworks como RoR, Django, Node.JS o .NET se
conectan a la base de datos, esta no es visible para los visitante .

Preguntas de anlisis

Luego de analizar las definiciones dadas, de respuesta a las siguientes interrogantes:

1.

Qu diferencias existe en backend y frontend?.

2.

Por qu es de gran importancia el desarrollo web?.

3.

Qu soluciones de sistemas de informacin propondras con el desarrollo web en una entidad de

Gobierno Local (municipalidad)?. Justifique su respuesta y proporciones algunos ejemplos.

Revisa en datalle la seccin 6.1 y el vdeo "Desarrollo Web"

6.1.1. Fases del desarrollo web

Este es un tema que suele dar mucho que debatir y bastante recurrente en la
comunidad de desarrolladores web. Tambin es un tema muy extenso y sobre el
que se puede pormenorizar, pero me voy a limitar a dar mi opinin personal a
grandes rasgos, destacando la clasificacin y el orden de las fases que considero
cruciales para el desarrollo web.
Estas fases corresponden a la arquitectura basada en el modelo a tres capas:
usuarios, aplicacin (cliente-servidor), datos. Donde se mantenga la
independencia que otorga cada capa, pero con un alto grado de interactividad
entre ellas.

FUENTE: http://nt-usabilidad-ibero.wikispaces.com/3.+Dise%C3%B1o+web
No obstante lo indicado, el desarrollo web se sustenta en el modelo de desarrollo
de software denominado Modelo de Espiral que, conforme seala Pressman
(2010), como una estructura de proceso general para la ingeniera de software
consta de cinco actividades:
1.

Comunicacin.- Antes de que comience cualquier trabajo tcnico, tiene

importancia crtica comunicarse y colaborar con el cliente (y con otros
participantes). Se busca entender los objetivos de los participantes respecto

del proyecto, y reunir los requerimientos que ayuden a definir las

caractersticas y funciones del software.
2.

Planeacin.- Cualquier viaje complicado se simplifica si existe un mapa. Un

proyecto de software es un viaje difcil, y la actividad de planeacin crea un
mapa que gua al equipo mientras viaja. El mapa llamado plan del
proyecto de software define el trabajo de ingeniera de software al
describir las tareas tcnicas por realizar, los riesgos probables, los recursos
que se requieren, los productos del trabajo que se obtendrn y una
programacin de las actividades.

3.

Modelado.- Ya sea usted diseador de paisaje, constructor de puentes,

ingeniero aeronutico, carpintero o arquitecto, a diario trabaja con modelos.
Crea un bosquejo del objeto por hacer a fin de entender el panorama
general cmo se ver arquitectnicamente, cmo ajustan entre s las
partes constituyentes y muchas caractersticas ms. Si se requiere, refina
el bosquejo con ms y ms detalles en un esfuerzo por comprender mejor
el problema y cmo resolverlo. Un ingeniero de software hace lo mismo al
crear modelos a fin de entender mejor los requerimientos del software y el
diseo que los satisfar.

4.

Construccin.- Esta actividad combina la generacin de cdigo (ya sea

manual o automatizada) y las pruebas que se requieren para descubrir
errores en ste.

5.

Despliegue.- El software (como entidad completa o como un incremento

parcialmente terminado) se entrega al consumidor que lo evala y que le da
retroalimentacin, misma que se basa en dicha evaluacin.

Modelo de Espiral Comn

Fuente: Pressman (2010)

El proceso de Ingeniera Web

Fuente: Adaptacin de Pressman (2006)

Este marco de trabajo para la ingeniera Web se aplican empleando un flujo de

proceso incremental, del Modelo de Espiral que se detall inicialmente, y cuyas
cinco actividades se describen a continuacion:
1.

Comunicacin con el cliente.- se caracteriza por el anlisis del negocio y

la formulacin. En el anlisis del negocio se define el contexto empresarialorganizativo para la WebApp, se identifican los participantes, se define la
integracin entre la WebApp y otras aplicaciones de negocio, base de datos
y funciones. Mientras que en la formulacin es una actividad de recopilacin
de requisitos, describe el problema que la WebApp habr de resolver junto
con los requisitos bsicos para la WebApp.

2.

Planeacin.- se crea un plan de proyecto para el incremento de la

WebApp.

3.

Modelado.- las labores convencionales de anlisis y diseo de ingeniera

de software se adaptan al desarrollo de la WebApp, se mezclan y luego se
funden en la actividad de modelado IWeb.

4.

Construccin.- las herramientas y la tecnologa IWeb se aplican para

construir la WebApp que se ha modelado. Una vez que se construye, se
dirige a una serie de pruebas rpidas para asegurar que se descubran los
errores en el diseo (es decir, contenido, arquitectura, interfaz, navegacin).

5.

Entrega y retroalimentacin.- la WebApp se configura para su ambiente

operativo, se entrega a usuarios finales y luego comienza un periodo de
evaluacin. La retroalimentacin acerca de la evaluacin se presenta al
equipo de IWeb y el incremento se modifica conforme se requiera.

6.1.2. Formas de desarrollo web

Backend.- Se entiende por desarrollo web backend al desarrollo que se

realiza al lado del servidor (utilizando lenguajes como: PHP, Ruby on Rails,
Django, Node.js, .NET). Un programador tiende a ser backend. Es la labor
de ingeniera que compone el acceso a bases de datos y generacin de
plantillas del lado del servidor. En backend se encargan de implementar
cosas como MySQL, Postgres, SQL Server o MongoDB. Luego, un lenguaje
como PHP o JSP, o frameworks como RoR, Django, Node.JS o .NET se
conectan a la base de datos. A travs de estos lenguajes y frameworks se
recibe, procesa y enva informacin al navegador del usuario. En cdigo
HTML (que crea el frontend) o enviando datos puros en XML, RSS o JSON,
para ser procesados por Javascript. En Facebook, por ejemplo, PHP
manda la estructura bsica del sitio web, pero son mltiples programas y
servidores hechos en C++ o Erlang que procesan la informacin en tiempo
real (como chat, comentarios, notificaciones) y las envan y reciben a travs
de Javascript en el navegador.

Frontend.- se entiende por desarrollo web frontend al desarrllo que se

realiza al lado del cliente (utilizando HTML, CSS, HTML5, CSS3,
Javascript, jQuery). Los frontends tienden a ser programadores, pero hay
diseadores genios que tambin hacen frontend. Son los encargados de
maquetar la estructura semntica del contenido (HTML), codificar el diseo
en hojas de estilo (CSS) y agregar la interaccin con el usuario (Javascript).
En la poca actual los frontends tienen HTML5 y CSS3. Con HTML5, desde
el frontend, es posible hacer geolocalizacin,dibujo vectorial, guardar datos
en el disco del usuario, insertar audio y video, entre otras cosas. Con
CSS3, se pueden crear diseos altamente complejos sin la necesidad de
imgenes cortadas (slo usando cdigo), bordes redondeados, sombras,
degradados, fondos mltiples, entre otros. Por ltimo, Javascript y sus
frameworks aaden el componente de interactividad y conexin al servidor.
Es posible comunicarse con el backend y la base de datos sin recargar la

pgina usando AJAX o WebSockets, recibir esos datos y cambiar el diseo

entero del sitio. jQuery hace todo esto fcil pero no es el nico framework
de Javascript.

6.1.3. Tecnologas y herramientas para el desarrollo web

Pressman (2006) seala que "A lo largo de la decada pasad ha evolucionado un amplio conjunto de
herramientas y tecnologa conforme las WepApps se han vuelto mas complejas y extendidas. Dichas
tencologas abarcan un amplio conjunto de decripcin de contenido y lenguajaes de programacin (por
ejemplo, HTML, VRML, XML), lenguajes de programacin (por ejemplo Java, PHP), recursos de desarrollo
basados en componentes (por ejemplo, CORBA, COM, ActiveX, .Net), navegadores, herramientas
multimendia,.."
Algunas de las tecnologas web actuales se muestran en las siguientes figuras:

Tecnologas para el desarrollo de WebApps

Fuente: http://desarrolloweb.dlsi.ua.es/cursos/2012/nuevos-estandares-desarrollo-sitios-web/desarrollo-webactual

Tecnologas y herramientas para el desarrollo de WebApps

Fuente: http://www.zadiasoftware.com/servicios

6.1.4. Evolucin del desarrollo web

Primera Generacin o Generacin de Contenido Esttico: La 1 Generacin de la

Web o Generacin de Contenido Esttico, se corresponde con la Web que va
desde que se crea por Tim Berners-Lee hasta la aparicin de la 2 Generacin a
mediados de los aos 90.Esta generacin se caracteriza porque las pginas Web
son completamente estticas, es decir, el contenido que presentan es el que es y
no permiten al usuario realizar ningn tipo de interaccin con las mismas, salvo la
manipulacin propia del manejo del hipertexto y los hiperenlaces, esto es, saltar de
una pgina web a otra.

Segunda Generacin o Generacin de Contenido Dinmico: La 2 Generacin de

la Web o Generacin de Contenido Dinmico, se corresponde con la Web en la
que aparecen las primeras tcnicas para permitir la inclusin de contenido
dinmico, se puede decir que es la Web que hoy por hoy est ms extendida y es
la que se utiliza ms comnmente. Esta generacin se caracteriza porque las
pginas Web son generadas por alguna de las tecnologas vistas para la
generacin de contenido dinmico (CGIs, ASP, ASP.NET, JSP o PHP, entre otros),
permiten la interaccin con el usuario en un nivel en donde ste, puede hacer
preguntas y el sistema presenta las respuestas en funcin de los criterios
introducidos en formularios. La experiencia del usuario queda limitada a l y a la
aplicacin que utiliza.

Tercera Generacin o Generacin de Contenido Colaborativo: La 3 Generacin de

la Web, podemos decir que es el modelo que se est imponiendo poco a poco, y
que haciendo uso de las capacidades adquiridas en la generacin anterior, permite
que la experiencia del usuario con la Web mejore espectacularmente. En esta
generacin, las aplicaciones van ms all de la mera interaccin entre aplicacinusuario-aplicacin, ahora ellas son el mecanismo que permiten que se produzca
interaccin entre usuario-usuario llegando a crearse un entorno de contenido
colaborativo, en donde, el usuario es un participante ms en la creacin del
contenido que aparece en la web. Ideas como los wikis, los blogs, etc. han
cambiado la forma en la que el usuario interacta con la web haciendo de esta un
lugar mucho ms rico e interesante para trabajar.

Desarrollo y Vision del Web

http://html5facil.com/informacion/el-desarrollo-web-vision-y-evolucion

El enlace que se cita mas adelante te mostrar un enfoque mas claro de las
distintas tecnologas y herramientas utilizadas en el mundo de la web y las
opciones
que
nos
proporciona
para
desarrollar
en
ella: http://evolutionofweb.appspot.com/?hl=es

6.1.5. Diferencias entre diseo y desarrollo web

Diseo Web es el que determina la apariencia. Que cubre el diseo, la

navegacin y los colores de un sitio web (Tambin puede incluir el diseo
grfico y logo), est ms preocupado por la esttica y la experiencia del
usuario de las funciones. Un diseador de pginas web crea sitios fciles
de usar y adecuados para su propsito.

Desarrollo Web es el que ofrece las funciones y caractersticas. Se trata

de la programacin de servicios de fondo y no el rostro de un sitio web.
Funciones previstas en el desarrollo web incluyen el registro, los sistemas
de gestin de contenidos, comercio electrnico y las aplicaciones de base
de datos, adems de permitir a los visitantes interactuar en un sitio web.

6.2. Creacin de Pginas, Portales y Aplicaciones web

Que es una pgina?

Una Pgina Web es un documento electrnico que forma parte de la WWW

(World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text
Markup Language o Lenguaje de Marcado de Hipertexto) en XHTML
(eXtensible Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto
Extensible).
Este documento puede contener enlaces (caracterstica del hypertext) que nos
direcciona a otra Pgina Web cuando se efecta el click sobre l. Para visualizar
una Pgina Web es necesario el uso de un Browser o navegador.
Una Pgina Web puede estar alojada en un ordenador local o en un ordenador
remoto. Al servidor donde est alojada la Pgina Web se le denomina Servidor
Web. El Servidor Web atiende las peticiones de Pginas Web utilizando el
protocolo HTTP (HyperText Transfer Protocol); del lado del cliente es el Browser o
navegador el que recibe y muestra las Pginas Web utilizando el mismo
protocolo. Otra caracterstica importante es que una Pgina Web puede ser
esttica (su contenido siempre es el mismo) o dinmica (su contenido se
construye a partir de la informacin introducida por el usuario). Una Web es un
conjunto de Pginas Web interrelacionadas que conforman lo que se conoce como
un
Sitio
Web.
La WWW o la Web es todo el conjunto de informacin interrelacionada que se
haya disponible en Internet, sta se conforma por una serie de servidores a nivel
mundial organizados por dominios (nombres lgicos asociados a instituciones o
empresa s, otorgados por empresas registradoras oficiales).
Que
es
un
portal
web?
Un portal web es un sitio web cuyo objetivo es ofrecer al usuario, de forma fcil e
integrada, el acceso a una serie de recursos y de servicios, entre los que suelen
encontrarse buscadores, foros, documentos, aplicaciones, compra electrnica, etc.
Principalmente estn dirigidos a resolver necesidades especficas de un grupo de
personas o de acceso a la informacin y servicios de a una institucin pblica o
privada.
El trmino portal tiene como significado puerta grande, y precisamente su ombre
hace referencia a su funcin u objetivo: es, por lo general, el punto de partida de
un usuario que desea entrar y realizar bsquedas en la web. Se puede decir que

un portal ofrece servicios para la navegacin en el internet, logrando incrementar

la intensidad de trfico en el mismo. Un portal de Internet puede ser un Centro de
contenido intermediario entre compradores y vendedores de rubros especificos,
estos se pueden complementar con herramientas que le ayuden a identificar
empresas que satisfagan necesidades de un comprador,visualizar anuncios de
vendedores, ofrecer cotizaciones, brindar correos electrnicos, motores de
bsqueda,
etc.
Existen dos modalidades de portales:

Portales horizontales: tambin llamados portales masivos o de propsito

general, se dirigen a una audiencia amplia, tratando de llegar a toda la
gente con muchas cosas. Como ejemplo de portales de esta categora
estn AOL, AltaVista, UOL, Lycos,Yahoo,MSN.

Portales verticales: se dirigen a usuarios para ofrecer contenido dentro de

un tema especfico como puede ser un portal de msica, un portal de
finanzas personales, arte o de deportes.

Que
es
un
aplicacin
web?
Una aplicacin web es un conjunto de pginas que interactan unas con otras y
con diversos recursos en un servidor web, incluidas bases de datos. Esta
interaccin permite implementar caractersticas en su sitio como catlogos de
productos virtuales y administradores de noticias y contenidos. Adicionalmente
podr realizar consultas a bases de datos, registrar e ingresar informacin,
solicitudes, pedidos y mltiples tipos de informacin en lnea en tiempo real. En la
ingeniera de software se denomina aplicacin web a aquellas herramientas que
los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de
unaintranet
mediante
un
navegador.
En otras palabras, es una aplicacin software que se codifica en un lenguaje
soportado por los navegadores web en la que se confa la ejecucin al navegador.
Las aplicaciones web son populares debido a lo prctico del navegador web
comocliente ligero, a la independencia del sistema operativo, as como a la
facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar
software a miles de usuarios potenciales. Existen aplicaciones como los webmails,
wikis, weblogs, tiendas en lnea y la propia Wikipedia que son ejemplos bien
conocidos
de
aplicaciones
web.
Es importante mencionar que una pgina Web puede contener elementos que
permiten una comunicacin activa entre el usuario y la informacin. Esto permite
que el usuario acceda a los datos de modo interactivo, gracias a que la pgina
responder a cada una de sus acciones, como por ejemplo rellenar y enviar
formularios, participar en juegos diversos y acceder a gestores de base de datos
de todo tipo.

6.2.1. HTML

Que es HTML?
HTML es un lenguaje de programacin sencillo, basado en un lenguaje de
marcas o etiquetas generalizado. El HTML utiliza tags o etiquetas para
estructurar texto en: encabezado, prrafos, listas, enlaces de hipertexto, etc.
Cada smbolo usado en la etiqueta es lo que le indica al Browser como
presentar el documento contenido en la Pgina Web.
El inicio de una etiqueta se indica de la forma siguiente: <etiqueta > y para
indicar el fin de esa etiqueta se utiliza < /etiqueta >. La barra indica el fin de la
etiqueta.

Etiquetas bsicas HTML

Fuente: http://manzogarcia.blogspot.com/2012/02/actividad-4-estructura-basicade-html.html

Estructura bsica de una Pgina Web

Fuente: http://www.ecalli.com/tutoriales/html/02.php

Ayuda a memoria HTML

Fuente: http://www.phpforkids.com/references/cheat-sheets/HTML-Cheat-Sheetby-PHPForKids.com.pdf

Evolucin de HTML
HTML5 es la nueva versin del lenguaje de marcado HTML que se ha
utilizado para la presentacin y estructuracin de los contenidos online desde
los aos 90. Se trata de una tecnologa bsica de Internet que fue propuesto
originalmente por Opera Software.
HTML5 ha abierto una ventana de oportunidades para los diseadores web.
Las herramientas online de diseo web basado en HTML5 hace que sea ms
fcil de incorporar audio, video, arrastrar y soltar, fuentes, animaciones y
grficos en las pginas web.
HTML5 tambin ayuda a los diseadores web crear sitios web mviles temas
amigables para asegurar una excelente experiencia de usuario al navegar por
Internet en dispositivos mviles. Sin embargo, como estas herramientas son
bastante nuevas, algunas personas pueden no ser conscientes de sus
verdaderos potenciales. Adems, algunos diseadores web an utilizan Flash
y otros framework populares como su conjunto de herramientas principales.

Cronologa de las tecnologas web

Fuente: http://www.otrogeek.net/2012/10/15-herramientas-html5-online-para.html
Html5 y su nueva estructura.
HTML5 provee bsicamente tres caractersticas: estructura, estilo y
funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas
APIs (Interface de Programacin de Aplicaciones) y la especificacin de CSS3
por completo no son parte del mismo, HTML5 es considerado el producto de
la combinacin de HTML, CSS y Javascript. Estas tecnologas son altamente

dependientes y actan como una sola unidad organizada bajo la

especificacin de HTML5. HTML est a cargo de la estructura, CSS presenta
esa estructura y su contenido en la pantalla y Javascript hace el resto
(Gauchat, 2012).
HTML5 especifica dos variantes de sintaxis para HTML: un clsico HTML
(text/html), la variante conocida como HTML5 y una variante XHTML conocida
como sintaxis XHTML5 que deber ser servida como XML. Esta es la primera
vez que HTML y XHTML se han desarrollado en paralelo.

Estructura HTLM5
Fuente: http://www.teknologeek.com/2009/07/07/que-novedades-trae-el-nuevoestandar-html5/estructura-html5/

Para conocer mas sobre HTML5, puede visitar el Libro de HTML en lnea titulado
"DIVE INTO HTML5", by Mark Pilgrim with contributions from the community,
disponible en: http://diveintohtml5.info/

6.2.2. Jquery.
JQuery es una librera JavaScript diseado para la vida de los diseadores y
desarrolladores
web
sea
ms
fcil.
Que es Javascript?
Javascript es un lenguaje interpretado usado para mltiples propsitos pero solo
considerado como un complemento hasta ahora. Una de las innovaciones que
ayud a cambiar el modo en que vemos Javascript fue el desarrollo de nuevos
motores de interpretacin, creados para acelerar el procesamiento de cdigo. La
clave de los motores ms exitosos fue transformar el cdigo Javascript en cdigo
mquina para lograr velocidades de ejecucin similares a aquellas encontradas en
aplicaciones
de
escritorio
(Gauchat,
2012).
Javascript es un dialecto del estndar ECMAScript. Se define como orientado a
objetos, basado en prototipos, imperativo, dbilmente tipado y dinmico. Se utiliza
principalmente en su forma del lado del cliente (client-side), implementado como
parte de un navegador web permitiendo mejoras en la interfaz de usuario ypginas
web dinmicas aunque existe una forma de JavaScript del lado del
servidor(Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la
web, por ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es tambin significativo. JavaScript se dise con una
sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de
programacin Java. Sin embargo Java y JavaScript no estn relacionados y tienen
semnticas y propsitos diferentes. Todos los navegadores modernos interpretan
el cdigo JavaScript integrado en las pginas web. Para interactuar con una
pgina web se provee al lenguaje JavaScript de una implementacin del
Document Object Model (DOM). Tradicionalmente se vena utilizando en pginas
web HTML para realizar operaciones y nicamente en el marco de la aplicacin
cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente
de usuario, al mismo tiempo que las sentencias van descargndose junto con el
cdigo HTML.

Sintaxis para escribir en el explorador Hola Mundo con JavaScript

Fuente: http://www.tumaestroweb.com/programacion-manual/javascriptprogramacion/que-es-un-lenguaje-de-programacion/

Todas las API que necesita, en Javascript, a su alcance.

Fuente: https://petelepage.com/blog/2010/07/tips-tricks-cheat-sheets-for-webpeople/

Entonces, Que es jquery?

jQuery es una biblioteca de JavaScript que permite simplificar la manera de interactuar con los documentos
HTML, manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar interaccin con la tcnica
AJAX a pginas web (OjedaI & Martnez, 2012). jQuery es la biblioteca de JavaScript ms utilizada, fue
creada inicialmente por John Resig y presentada el 14 de enero de 2006 en el BarCampNYC.
jQuery es software libre y de cdigo abierto, posee un doble licenciamiento bajo laLicencia MIT y la Licencia
Pblica General de GNU v2, permitiendo su uso en proyectoslibres y privativos. jQuery, al igual que otras
bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requeriran de
mucho ms cdigo, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en
menos tiempo y espacio.

Desarrollo de un plugin bsico con Jquery

http://html5facil.com/tutoriales/como-crear-plugins-para-jquery

Ejemplo de documento html que llama al plugin anterior

Fuente: http://html5facil.com/tutoriales/como-crear-plugins-para-jquery

Resultados del Ejemplo, desde un navegador

Fuente: http://html5facil.com/tutoriales/como-crear-plugins-para-jquery

Ayuda a memoria jquery

Fuente: http://ubuntulife.wordpress.com/2008/08/

6.2.3. CSS
Que es css?
Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS)
hacen referencia a un lenguaje de hojas de estilos usado para describir la
presentacin semntica (el aspecto y formato) de un documento escrito en
lenguaje de marcas. Su aplicacin ms comn es dar estilo a pginas webs
escritas en lenguaje HTML y XHTML, pero tambin puede ser aplicado a cualquier
tipo de documentos XML, incluyendo SVG y XUL.
La informacin de estilo puede ser adjuntada como un documento separado o en
el mismo documento HTML. En este ltimo caso podran definirse estilos
generales en la cabecera del documento o en cada etiqueta particular mediante el
atributo "<style>".

Oficialmente CSS nada tiene que ver con HTML5. CSS no es parte de la
especificacin y nunca lo fue. Este lenguaje es, de hecho, un complemento
desarrollado para superar las limitaciones y reducir la complejidad de HTML. Al
comienzo, atributos dentro de las etiquetas HTML provean estilos esenciales para
cada elemento, pero a medida que el lenguaje evolucion, la escritura de cdigos
se volvi ms compleja y HTML por s mismo no pudo ms satisfacer las
demandas de diseadores. En consecuencia, CSS pronto fue adoptado como la
forma de separar la estructura de la presentacin (Gauchat, 2012).
Evolucin de css
CSS1: Publicado en el ao 1996, este lenguaje inclua un soporte para
propiedades de tipo letra, colores de texto, imgenes de fondo, bordes y relleno.

CSS2: Publicado en el ao 1998, este lenguaje aadi adems nuevas

propiedades como el posicionamiento absoluto y relativo de los elementos
fijos, los tipos de medios y el z-index.

CSS2.1: Publicado en el ao 2005, este lenguaje fue introducido para

corregir errores y para eliminar caractersticas que el navegador no
soportaba, corregir errores y agregar a la especificacin extensiones de
navegador ya implementadas.

CSS3: Este lenguaje de programacin, que est en desarrollo desde el ao

1999, ha experimentado un constante crecimiento hasta llegar a convertirse
en una enorme especificacin separada en 43 mdulos, y que lo hace
diferente a las versiones anteriores.

Cuando adaptamos el mdulo CSS3 en los ltimos navegadores web, podemos

ver que el soporte de las funciones se encuentra muy fragmentado. Cuando
implementes el mejor soporte CSS3 en tu sitio web, te dars cuenta que necesitas
utilizar las declaraciones de varios estilos para hacer que las cosas funcionen.

Sintaxis bsica css

Fuente: http://desarrolloweb.dlsi.ua.es/cursos/2011/html5-css3-es/conceptosbasicos-css

Ayuda a Memoria CSS

Fuente: http://www.milkaddict.com/wp-content/uploads/2009/11/css-cheat-sheetv2.png

Gua de Referencia Rpida CSS3

Fuente: http://pro.ctlok.com/downloads/code/web-app-development-cheatsheet/css/css3-cheat-sheet5.png

6.2.4. PHP
Que es php?

PHP es un lenguaje de programacin de uso general de cdigo del lado del

servidor originalmente diseado para el desarrollo web de contenido dinmico.
Fue uno de los primeros lenguajes de programacin del lado del servidor que se
podan incorporar directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El cdigo es interpretado por un servidor
web con un mdulo de procesador de PHP que genera la pgina Web resultante.
Podemos observar una representacin de este proceso en la figura de la derecha.
PHP, cuyas siglas responden a un acrnimo recursivo (PHP: hypertext
preprocessor), es un lenguaje sencillo, de sintaxis cmoda y similar a la de otros
lenguajes como Perl, C y C++. Es rpido, interpretado, orientado a objetos y
multiplataforma. Para l se encuentra disponible una multitud de libreras. PHP es
un lenguaje ideal tanto para aprender a desarrollar aplicaciones web como para
desarrollar aplicaciones web complejas (Mateu, 2004).
PHP ha evolucionado por lo que ahora incluye tambin una interfaz de lnea de
comandos que puede ser usada en aplicaciones grficas independientes. Puede
ser usado en la mayora de los servidores web al igual que en casi todos los
sistemas operativos y plataformas sin ningn costo.

Fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje

sigue siendo desarrollado con nuevas funciones por el grupo PHP. Este lenguaje
forma parte del software libre publicado bajo la licencia PHP, que es incompatible
con la Licencia Pblica General de GNU debido a las restricciones del uso del
trmino PHP.
Sintaxis bsica php
Mateu (2004) seala que, el primer punto que debemos destacar es que los
bloques de cdigo de PHP estn delimitados en HTML con <?php y ?>. Podemos,
por tanto, escribir una pgina HTML e incluir en ella diversos bloques de
instrucciones PHP:
Ejemplo de sintaxis 1:
<?php
echo"Hola Mundo";
?>
El siguiente punto que conviene destacar es que los nombres de variables se
distinguen en que siempre deben empezar con $, y que igual que en C/C++, son
case sensitive, es decir, diferencian maysculas y minsculas.
Ejemplo de sintaxis 2:
<?php
if ($a > $b) {
echo "a es mayor que b";
} elseif ($a == $b) {
echo "a es igual que b";
} else {
echo "a es menor que b";
}
?>
Tambin podemos observar que hay un comentario dentro del cdigo. Este
comentario no afectar en modo alguno al programa ni ser enviado al navegador
del cliente (de hecho, el navegador cliente nunca recibir cdigo PHP).

Para introducir comentarios en nuestro cdigo, disponemos de dos opciones:

// Comentario de una sola lnea
/* Esto es un comentario de varias lneas.
Para ello usamos este otro marcador
de inicio y final de comentario */
PHP no precisa que declaremos a priori la variable que vamos a usar ni el tipo de
sta. PHP declarar la variable y le asignar el tipo de datos correcto en el
momento en que la usemos por primera vez:
<?php $cadena = Hola Mundo;
$numero = 100;
$decimal = 8.5;
?>
En PHP las variables pueden tener, bsicamente, dos mbitos: uno global, en el
que sern accesibles desde todo el cdigo y otro local,en el que slo sern
accesibles desde la funcin en la que las creamos.
Para asignar a una variable un mbito global bastar con declararla (en este caso,
s que hace falta una declaracin de variable) y usar la palabra reservada global
en la declaracin:
<?php
global $test;
?>
Las variables que no califiquemos como globales, pero que sean definidas fuera
de cualquier funcin, tendrn como mbito el global.
Bastar con definir una variable dentro de una funcin. En ese caso, su mbito
quedar restringido a la funcin donde la declaremos.
<?php
global $variable; // Variable global

$a=1; // Variable global implcita

function suma()
{
$b=1; // b es una variable local
$res=$a+$b; // res es una variable local
}
?>
En el codigo de ejemplo adado, podemos ver que tanto a como variable son
variables globales, mientras que b y res son variables locales.
Adems, disponemos en PHP de variables de vectores o arrays. stasson
variables que pueden contener listas de elementos, a los que accederemos por
medio de un ndice.
<?php
$mares = array(); //con array() declaramos un vector
$mares[0]= Mediterrneo;
$mares[1] = Aral;
$mares[2] = Muerto;
?>
Como podemos ver, hemos declarado la variable mares con una llamada a array().
Esto indica a PHP que dicha variable es un vector de elementos.
Para acceder a los elementos individuales del vector, debemos utilizar el nombre
del vector e indicar la posicin del elemento al que queremos acceder entre
corchetes. En PHP los vectores empiezan a numerarse en 0.
Adems de vectores con ndices numricos, PHP soporta vectores cuyos ndices
sean cadenas de texto:
<?php
$montaas = array(); //con array() declaramos un vector

$montaas[Everest]= Himalaya;
$montaas[Fitz Roy] = Andes;
echo $montaas[Everest]; // Imprimir Himalaya
?>

Ayuda a Memoria del Lenguaje PHP

Fuente: http://www.addedbytes.com/download/php-cheat-sheet-v1/png/
PHP6 y su nueva estructura
El 11 de Noviembre del 2005 el ncleo central de desarrolladores de PHP se
encontraron en Pars para decidir el camino que iva a tomar PHP6. Los principales
cambios que se plantearon implementar son:

Unicode: Es el cambio ms relevante en esta nueva versin. En PHP5 se

puede activar Unicode bajo peticin, pero en este caso, se dispara el
consumo de recursos debido a que PHP tiene que almacenar todas las
variantes de funciones, mtodos y clases tanto en Unicode como en noUnicode en la tabla de smbolos.

Register Globals eliminadas: Cualquier variable global registrada que

aparezca en el cdigo nos devolver un error E_CORE_ERROR y un
enlace a la documentacin en la que se detalla porqu es contraproducente
utilizarlo. Para la versin actual 5.3 ya han sido marcadas como
deprecated.

Magic Quotes eliminadas: El bajo rendimiento de magic_quotes,

magic_quotes_sybase y magic_quotes_gpc ha provocado la decisin de
colocarlas como deprecated en la versin actual 5.3 y de eliminarlas
definitivamente para la versin 6.

Modo seguro eliminado: La razn es que aparentemente daba una idea

errnea de que haca a PHP seguro, cuando en realidad no mejoraba en
nada la seguridad, si bien, open_basedir se conservar.

var y public tendrn el mismo significado: Con PHP6 una variable

var va a considerarse public adquiriendo idntico significado.
Desaparecer el warning mostrado al usarlo aunque tengamos configurado
el nivel de error como E_STRICT.

Return by Reference devolver un error: Tanto $foo =& new StdClass()

como function &foo producirn ahora un error E_STRICT.

Compatibilidad zend.ze1 eliminada: ze1 intent conservar el viejo

comportamiento de PHP4, pero aparentemente ni siquiera funciona al
100%, as que ser eliminado por completo y dar un error
E_CORE_ERROR si se detecta.

Se abandona el soporte de Freetype1 y GD1: Bibliotecas totalmente

obsoletas y que no tiene sentido seguir manteniendo.

FastCGI siemper activado: El cdigo de FastCGI ser renovado y estar

siempre disponible para la CGI SAPI, no podr ser desactivado.

Register Long Arrays eliminado: En PHP6 slo $_POST y $_GET sern

aceptados, HTTP_*_VARS va a devolver un error.

Las extensiones XMLReader y XMLWriter movidas: Se movern al

ncleo de distribucin y permanecern activas por defecto.

Extensin ereg eliminada: La introduccin de las libreras ICU (necesarias

para el tema de Unicode) han motivado el movimiento de la extensin ereg
a PECL y por lo tanto ser eliminada de PHP. A partir de ese momento se
debern usar la nueva extensin de expresiones basadas en ICU.

Fileinfo por defecto: La extensin Fileinfo se ver desplazada al ncleo de

la distribucin y estar activada por defecto.

Si bien, a pesar de que parece que la lnea seguda por los desarrolladores es
esta que se comenta en el artculo, no se podra asegurar al 100% que la versin
6 definitiva incorpore todos los cambios mencionados o no aparezca algun otro
importante no descrito.

Preguntas de anlisis

Luego de analizar las definiciones dadas, de respuesta a las siguientes

interrogantes:
1.

Qu es html?Cuales son sus ventajas?

2.

Diferencias entre javascript y jquery?

3.

Por qu es importante el uso de CSS?

4.

Cul es la importancia de utilizar html5 y css3?

Revise la seccin 6.2 y cada uno de los lenguajes que all se detallan.

6.3. Conexin a bases de datos

PHP proporciona mtodos para acceder a un gran nmero de sistemas de bases
de datos, tales como mySQL, PostgreSQL, Oracle, ODBC, etc. (Mateu, 2004).

Esta funcionalidad es imprescindible para el desarrollo de aplicaciones web

complejas.

PHP es capaz de buscar en una base de datos mientras se est ejecutando en el servidor y mostrar los
datos obtenidos en cdigo HTML para que el navegador del cliente los pueda visualizar.
Fuente: http://www.aulaclic.es/dreamweaver-cs6/t_20_1.htm

Acontinuacion les dejo un video explicativo de lo que es el acceso a datos en el

desarrollo web (el video es del curso virtual IDESWEB de la Universidad de
Alicante - Espaa).

6.3.1. Que es una base de datos

Una base de datos es una coleccin de datos que contiene informacin relevante para una empresa
(SIlverschatz, Korth y Sudarshan, 2002).
Las bases de datos son ampliamente usadas. Las siguientes son solo algunas de sus aplicaciones mas
representativas: Banca, Lineas Areas,Universidades, Transaciones de de Tarjetas de credito,
Telecomunicaciones, Finanzas,m Ventas, Recursos Humanos, etc.
As, cuando se solicita un pedido, el pedido se almacena en una base de datos. Cuando se accede a un
banco en un sitio Web y se consulta el estado de cuenta y los movimientos la informacin recupera de una
base de datos.
Una base de datos es una coleccin de informacin organizada de forma que un programa de ordenador
pueda seleccionar rpidamente los fragmentos de datos que necesite. Una base de datos es un sistema de
archivos electrnico. Las bases de datos tradicionales se organizan por campos, registros y archivos. Un
campo es una pieza nica de informacin; un registro es un sistema completo de campos; y un archivo es una
coleccin de registros. Por ejemplo, una gua de telfono es anloga a un archivo. Contiene una lista de
registros, cada uno de los cuales consiste en tres campos: nombre, direccin, y nmero de telfono.
Un sistema de bases de datos es una coleccin de archivos interreacionados y un conjunto de programas que
permiten a los usuarios acceder y modificar esto archivos. Uno de los propsitos de un sistema de bases de
datos es proporcionar a los usarios una visin abstracta de los datos; es decir, el sistema esconde cietos

detalles de como se almacenan y mantienen los datos. Estos programas cuya denominacin abreviada es
DBMS, permiten almacenar y posteriormente acceder a los datos de forma rpida y estructurada.

6.3.2. Que es el lenguje sql

El SQL (Structured query language), lenguaje de consulta estructurado, es un
lenguaje surgido de un proyecto de investigacin de IBM para el acceso a bases
de datos relacionales. Actualmente se ha convertido en un estndar de lenguaje
de bases de datos, y la mayora de los sistemas de bases de datos lo soportan,
desde sistemas para ordenadores personales, hasta grandes ordenadores.
Como su nombre indica, el SQL nos permite realizar consultas a la base de datos.
Pero el nombre se queda corto ya que SQL adems realiza funciones
de definicin, control y gestin de la base de datos. Las sentencias SQL se
clasifican segn su finalidad dando origen a 4 lenguajes o mejor dicho sublenguajes:

DDL (Data Description Language: lenguaje de definicin de datos, incluye

rdenes para definir, modificar o borrar las tablas en las que se almacenan
los datos y de las relaciones entre estas. (Es el que ms varia de un
sistema a otro)

DCL (Data Control Language): lenguaje de control de datos, contiene

elementos tiles para trabajar en un entorno multiusuario, en el que es
importante la proteccin de los datos, la seguridad de las tablas y el
establecimiento de restricciones en el acceso, as como elementos para
coordinar la comparticin de datos por parte de usuarios concurrentes,
asegurando que no interfieren unos con otros.

DML (Data Manipulation Language): lenguaje de manipulacin de datos,

nos permite recuperar los datos almacenados en la base de datos y
tambin incluye rdenes para permitir al usuario actualizar la base de datos
aadiendo nuevos datos, suprimiendo datos antiguos o modificando datos
previamente almacenados.

PL/SQL (Procedural
Language/Structured
Query
Language) es
un lenguaje de programacin incrustado en Oracle. PL/SQL soportara todas
las consultas, ya que la manipulacin de datos que se usa es la misma que
en SQL, incluyendo nuevas caractersticas: El manejo de variables,
Estructuras modulares, Estructuras de control de flujo y toma de decisiones,
Control de excepciones. En un entorno de base de datos los
programadores pueden construir bloques PL/SQL para utilizarlos como
procedimientos o funciones, o bien pueden escribir estos bloques como
parte de scripts SQL*Plus. Los programas o paquetes de PL/SQL se
pueden almacenar en la base de datos como otro objeto, y todos los
usuarios que estn autorizados tienen acceso a estos paquetes. Los
programas se ejecutan en el servidor para ahorrar recursos a los clientes.

Ayuda a memoria SQL (Sentencias SQL)

FUENTE: http://www.zentut.com/wp-content/uploads/2012/10/sqlcheatsheet.jpg

6.3.3. Postgresql

PostgreSQL es un
servidor de base de datos avanzado con un largo historial de desarrollo. Est
disponible para una amplia variedad de plataformas y es usado desde el ms
pequeo de los sistemas integrados hasta enormes sistemas de terabytes.
PostgreSQL se ha ganado una excelente reputacin debido a sus caractersticas
innovadoras, integridad, seguridad y fiabilidad.Uno de los ms claros beneficios de
PostgreSQL es que es de cdigo abierto, lo que quiere decir que usted tiene
licencia para instalar, usar y distribuir PostgreSQL sin pagar regalas. En muchos
casos, los datos almacenados pueden ser tremendamente importantes y la
Disponibilidad de servicios que dependen de ellos puede ser crtica. En esos
casos ofrecemos servicios de soporte para alta calidadpara proveerle el nivel de
confianza que un negocio busca.

Ayuda a memoria Postgresql (Sentencias bsicas)

Fuente: http://databaser.net/moniwiki/wiki.php/PostgreSQL
Conexin a datos php y postgrestsql
Un ejemplo de conexin de postgres con cdigo PHP se muestra a continuacin:
<html>
<head><title>Prueba</title></head>
<body>
<?php
$host="127.0.0.1";
$port="5432";
$user="miuser";
$pass="mipass";
$dbname="test";
$connect = pg_connect("host=$host, port=$port, user=$user,
pass=$pass, dbname=$dbname");
if(!$connect)
echo "<p><i>No me conecte</i></p>";
else
echo "<p><i>Me conecte</i></p>";
pg_close($connect);
?>
</body>
</html>
--

6.3.4. MySQL
Que es Mysql?

MySQL es un sistema de administracin de bases de datos

(Database Management System, DBMS) para bases de datos relacionales. As,
MySQL no es ms que una aplicacin que permite gestionar archivos llamados de
bases de datos. Existen muchos tipos de bases de datos, desde un simple archivo
hasta sistemas relacionales orientados a objetos. MySQL, como base de datos
relacional, utiliza multiples tablas para almacenar y organizar la informacin.

MySQL fue escrito en C y C++ y destaca por su gran adaptacin a diferentes

entornos de desarrollo, permitiendo su interactuacin con los lenguajes de
programacin ms utilizados como PHP, Perl y Java y su integracin en distintos
sistemas operativos. Tambin es muy destacable, la condicin de open source de
MySQL, que hace que su utilizacin sea gratuita e incluso se pueda modificar con
total libertad, pudiendo descargar su cdigo fuente. Esto ha favorecido muy
positivamente en su desarrollo y continuas actualizaciones, para hacer de MySQL
una de las herramientas ms utilizadas por los programadores orientados a
Internet.

Ayuda a memoria Mysql (Sentencias bsicas)

Fuente: http://www.addedbytes.com/download/mysql-cheat-sheet-v1/png/
Conexin a datos php y Mysql

Un ejemplo de conexin de MySQL con cdigo PHP se muestra a continuacin:

<html>
<head><title>Prueba</title></head>
<body>
<?php
$db_host="localhost";
$db_usuario="root";
$db_password="";
$db_nombre="serrano";
$conexion = @mysql_connect($db_host, $db_usuario, $db_password) or
die(mysql_error());
$db = @mysql_select_db($db_nombre, $conexion) or die(mysql_error());
if(!$connect)
echo
"<p><i>No
me
conecte</i></p>";
else
echo
"<p><i>Me
conecte</i></p>";
pg_close($connect);
?>
</body>

--

Referencias (bibliogrficas)

Gauchat, J. (2012). El gran libro de HTML5, CSS3 y Javascript. Espaa:

Marcombo.

Mateu, C. (2004). Desarrollo de aplicaciones web. Barcelona: UOC

Ojeda, I & Martnez, M. (2012) Manual jQuery & jQuery UI. Mexico: Instituto
Tecnologico de Chihuahua

Pressman, R. (2010). Ingenieria del Sofware, un enfoque practico (7

Edicin). Mexico: McGraw-Hill Companies.

Pressman, R. (2006). Ingenieria del Sofware, un enfoque practico (6

Edicin). Espaa: McGraw-Hill.

Silverschatz, A; Korth, H & Sudarshan, S. (2002). Fundamentos de Bases

de Datos (4 Edicin). Espaa: McGraw-Hill

Lecturas recomendadas (para ampliar conocimientos de la sexta

semana)
Ponemos a tu disposicin y te invitamos a revisar dos interesantes documentos que te ayudaran a reforzar y
ampliar los temas que hemos estudiado:
Documento 1: Etapas de la creacin de un sitio web
URL: http://eprints.rclis.org/5474/1/T14-01.pdf
Breve descripcin
Investigacion de sobre modelo de etapas para la creacin de un sitio web, nos bosqueja los pasos adecuado
a seguir para conseguir un proyecto web de xito.
Documento 2: Fronteras difuminadas
URL: http://www.trendmicro.es/media/misc/trend-micro-predictions-for-2014-and-beyond-es.pdf
Breve descripcin
Estudio sobre las predicciones en seguridad sobre el mundo de la web para el 2014 y aos posteriores
Documento 3: Un sitio web bien diseado
URL: http://awebsitedesigned.co/A-Website-Designed-Infographic-Spanish.pdf
Breve descripcin
Hitos, involucramiento, importancia y cronologa de un desarrollo web
Documento 4: Acceso a datos con php
URL: http://arantxa.ii.uam.es/~epulido/bdatos/php.pdf

Breve descripcin
Gruia de estudios bsica de php y acceso a datos con postgresql.

Conclusiones de la sexta semana

En esta sexta semana hemos tratado diversos temas de suma importancia para
tener conocimientos mas solidos con lo que respecta al desarrollo web. En ello
podemos destacar que desde hace un tiempo que la integracin de la sociedad
con las nuevas tecnologas es completa y decir Internet no es ninguna palabra
nueva e innovadora. Es por esto, que todos los das miles de personas buscan
soluciones a mltiples problemas de su vida por medio de la red, encontrando
solucin por medio de distintas aplicaciones Web.

Una aplicacin Web es una herramienta totalmente funcional, que se

codifica en un lenguaje que soportado por los navegadores ejecutndose
en el mismo. Para el desarrollo de aplicaciones Web, es necesario una
cantidad de conocimiento especfico (distintos lenguajes de programacin,
tcnicas innovadoras para no tener que recargar la pagina como jquery, el
uso de tecnologa Web dinmica en general) y mltiples plataformas de
desarrollo para programar de manera correcta, ofrecer una compatibilidad
en todos los navegadores disponibles, sistemas operativos y dems
factores que son importantes a la hora de desarrollar una aplicacin Web.

Con respecto al punto critico de aplicaciones Web, se puede hablar de

mltiples ventajas como el ahorro de tiempo, la compatibilidad no es
problema mientras se posea un navegador actualizado, un consumo bajo
de recursos, la portabilidad que se ofrece al acceder desde una pagina Web
desde todo tipo de dispositivo, el beneficio absoluto e tener nuestros datos
guardados en el servidor central y por ultimo, no olvidar que cada da los
navegadores ofrecen mas herramientas y funcionalidades para interpretar
aplicaciones inteligentes de cualquier tipo.

Metacognicin (de la sexta semana)

Las siguientes preguntas te ayudarn a reflexionar sobre tus propios aprendizajes, es un ejerci recomendado
para razonar e identificar nuestro esfuerzo intelectual, la finalidad es regular nuestras acciones y procesos
mentales.

Qu soluciones web te gustara implementar en tu organzcion o trabajo?.

De los contenidos abordados. Qu importancia tiene el desarrollo web en el mundo empresarial?.

El mundo del desarrollo web esta en constante cambio que medidas crees que debemos tomar
para no quedr obsoletos en este campo?.