F-DC-04 Manual de Prácticas DAW - Ing - Version 2015

INGENIERA
EN
TECNOLOGAS DE LA INFORMACIN
DESARROLLO DE APLICACIONES WEB

Plan de Estudios de 2009
Clave: Clave: TIC-09-04-2009
F-DC-04/Rev.00/Abr.2015
Universidad Tecnolgica de Campeche Direccin de Ingeniera en Tecnologas de la informacin
I
Manual de Prcticas de Desarrollo de aplicaciones Web
DESARROLLO DE APLICACIONES WEB
Versin:
Rev.03/Noviembre - 2015
Autor(es):
Luis Alfredo Isidro Metelin
Revisor(es):
Luis Alfredo Isidro Metelin
Derechos Reservados Universidad Tecnolgica de Campeche 2015.

II
TABLA DE CONTENIDO
1. Introduccin .................................................................................................................................... 1
2. Competencia de la Asignatura ........................................................................................................ 1
3. Objetivo General ............................................................................................................................. 1
4. Cmo utilizar el manual de prcticas .............................................................................................. 1
5. Reporte de Prcticas del Alumno .................................................................................................... 2
6. Precauciones Generales y/o Normas de Seguridad ........................................................................ 2
7. Documentos de referencia .............................................................................................................. 3
Unidad 1. Ingeniera Web.................................................................................................................... 4
Prctica 1: Identificar multimedios y sus usos. .............................................................................. 4
Consejos y Recomendaciones ..................................................................................................... 4
Bibliografa de Apoyo .................................................................................................................. 5
Requisitos del Producto .............................................................................................................. 5
Requisitos Acadmicos ................................................................................................................ 5
Autoevaluacin ........................................................................................................................... 5
Unidad 2. Arquitectura de la Informacin. ......................................................................................... 6
Prctica 1: Fase de inicio de la AI: Planeacin de la aplicacin Web. ............................................. 6
Autoevaluacin ........................................................................................................................... 7
Unidad 2. Arquitectura de la Informacin. ......................................................................................... 8
Prctica 2: Estructura de la informacin del Sitio Web................................................................... 8
III
Autoevaluacin ........................................................................................................................... 9
Unidad 3. DESARROLLO WEB ............................................................................................................ 10
Prctica 2: Integracin de la aplicacin ......................................................................................... 10
Consejos y Recomendaciones ................................................................................................... 11
Bibliografa de Apoyo ................................................................................................................ 11
Requisitos del Producto ............................................................................................................ 11
Requisitos Acadmicos .............................................................................................................. 11
Autoevaluacin ......................................................................................................................... 11
Unidad 3. DESARROLLO WEB ............................................................................................................ 13
Prctica 2: Publicacin de la aplicacin......................................................................................... 13
Autoevaluacin ......................................................................................................................... 16
Unidad 4. Comercio electronico........................................................................................................ 17
Prctica 1: Comercio eletronico ................................................................................................... 17
Autoevaluacin ......................................................................................................................... 18
Unidad 5. Web mvil ......................................................................................................................... 19
Prctica 1: Aplicacin web mvil................................................................................................... 19
Autoevaluacin ......................................................................................................................... 20
1
1. INTRODUCCIN
Este documento tiene como objetivo primordial ayudar al alumno de la asignatura Desarrollo de
aplicaciones Web en la realizacin de las prcticas estipuladas en el Plan de Estudios de Ingeniera
en Tecnologas de la Informacin, basado en el modelo de Competencias Profesionales, del ao
2009.
Por tanto es considerado el documento oficial para la realizacin de las prcticas, el manejo del
entorno de trabajo y la utilizacin de los equipos del taller y/o laboratorio de acuerdo con las
normas de seguridad e higiene estipuladas en el mismo.
2. COMPETENCIA DE LA ASIGNATURA
Dirigir proyectos de tecnologas de informacin (T.I.) para contribuir a la productividad y logro de

los objetivos estratgicos de las organizaciones utilizando las metodologas apropiadas..
3. OBJETIVO GENERAL
El alumno desarrollar aplicaciones Web empleando herramientas tecnologas, para el desarrollo

de aplicaciones Web a travs del uso de las diferentes tecnologas.
4. CMO UTILIZAR EL MANUAL DE PRCTICAS
Para lograr el objetivo de cada una de las prcticas descritas en el presente manual, cada uno de
los pasos indicados en ellas debe realizarse en el orden en que se describen, con la finalidad de
alcanzar la competencia enunciada para la asignatura. As mismo dichas prcticas debern ser
anexadas en el portafolio de evidencias de la asignatura, el cul ser entregado al docente para su
revisin al trmino de cada unidad.
2
5. REPORTE DE PRCTICAS DEL ALUMNO
El reporte de prcticas deber contener como mximo 5 cuartillas, con la siguiente estructura:
1. Portada
a. Logotipo y nombre de la Institucin
b. Carrera
c. Nombre de la asignatura
d. Ttulo de la unidad
e. Nombre del Alumno
f. Grado y grupo
g. Nombre del Docente
2. Desarrollo de la prctica acorde en el formato establecido.
3. Anlisis de Resultados o Conclusiones de la prctica.
La entrega del Reporte de Prcticas ser establecida por el docente con base al programa de
avances temticos F-DC-06, salvo algn imprevisto en donde pudiera modificarse la fecha
establecida.
6. PRECAUCIONES GENERALES Y/O NORMAS DE SEGURIDAD
Durante la estancia en el taller o laboratorio, se debe cumplir con las siguientes normas
encaminadas a mantener la integridad de los equipos y materiales:
Verifique que las acciones realizadas por Usted sean las indicadas expresamente en el
enunciado que est ejecutando, en caso de no estar seguro verifique con su docente si las
acciones son correctas.
Si no conoce el modo de operacin de algn equipo en particular, solicite asistencia al
docente o al responsable del taller o laboratorio.
Asegrese de cumplir expresamente lo establecido con las polticas internas del uso de los
laboratorios de cmputo.
3
7. DOCUMENTOS DE REFERENCIA
Autor Ao Ttulo del Documento Ciudad Pas Editorial
Ceballos, (2007) Java 2 Interfaces Mxico, D.F. Mxico AlfaOmega Ra-

Francisco grficas y aplicaciones Ma
Javier. para internet (2da.
Edicin)
Puentes Cairo, (2009) Principios de seguridad Mxico, D.F. Mxico AlfaOmega Ra-
Juan en el comercio Ma
Francisco. electrnico (1era
Edicin)
Vora, P. (2009) Web Applications Design New, Jersey. EE.UU. Morgan

Patters ( Interactive Kaufmann.
Technologies. 1st Ed.)
Mcneil, (2008 ) The web designers Idea Ontario Cnada FW Publications

Patrick Book: The Ultimate Inc.
Guide
4
UNIDAD 1. INGENIERA WEB
Prctica 1: Identificar multimedios y sus usos.
Estrategia Didctica: Duracin (Hrs): No. Mximo de Integrantes:

Mapa mental 4 1
Objetivo(s):
El alumno comprender las diferentes tecnologas web existentes para seleccionar la adecuada de
acuerdo a las necesidades de la empresa.
Conocimientos Previos:
Uso de medios digitales, formatos de diversos tipos multimedios, Mapas mentales y uso del SW
FreeMind
Materiales, Equipos y Herramientas:
Cantidad Descripcin Especificaciones Tcnicas
1 Equipo de cmputo Tener instalado el software para realizar
Las practicas
1 SW FreeMind Instalado Java
Diagramas:
Medidas de Seguridad:
Utilizar el reglamento de los laboratorios de computo
Criterios de evaluacin:
Rbrica para evaluar el mapa mental
Criterios Satisfactorio Destacado Autnomo
Profundizacin del Descripcin incorrecta del tema, Descripcin ambigua del tema, Descripcin clara y sustancial del
tema sin detalles significativos o escasos. algunos detalles que no clarifican el tema y buena cantidad de detalles.
tema
Aclaracin sobre Tema impreciso y poco claro, sin Tema bien focalizado pero no Tema bien organizado y
el tema coherencia entre las partes que lo suficientemente organizado. claramente presentado as como
componen. de fcil seguimiento.
Alta calidad del Mapa mental mal planteado que Mapa mental sencillo pero bien Mapa mental sobresaliente y
diseo no cumple con los criterios de organizado con al menos tres atractivo que cumple con los
diseo planteados y con ms de errores de ortografa. criterios de diseo planteados, sin
tres errores de ortografa. errores de ortografa.
Elementos propios La imagen central representa una La imagen central se asocia con el La imagen central se asocia
del mapa mental idea o concepto ambiguo, las ideas tema pero no se distinguen las correctamente con el tema, las
principales y secundarias estn mal ideas principales de las ideas principales y secundarias se
organizadas y no cuenta con secundarias, las palabras clave no distinguen unas de otras y las
palabras clave. Las imgenes han aportan una idea clara de cada palabras clave representan
sido mal seleccionadas porque no concepto tratado y las imgenes no conceptos importantes. Las
representan ideas relacionadas al se relacionan con los conceptos. imgenes utilizadas son adecuadas.
tema.
Presentacin del Se abus del uso de colores yLos colores y la tipografa usada no La seleccin de los colores y la
mapa mental tipografas permiten una correcta visualizacin tipografa usada fueron atractivas.
del mapa
Se invalidar el documento de ejercicios, en los casos siguientes:
No resulta un cuaderno original.
Las expresiones sintcticas no son coherentes.
Los integrantes del equipo no participan en la exposicin del trabajo
CONSEJOS Y RECOMENDACIONES
5
Los mapas mentales nos permiten introducirnos en las capacidades cerebrales para descubrir y
aprovechar su enorme potencial, superando el lmite mnimo con que las utilizamos. Con ello
pretendemos buscar las ideas esenciales para organizarlas y crear estructuras de conocimiento
interiorizadas o expresadas en una representacin grfica que, con la intensidad del dibujo,
formas, color, etc., potencian el recuerdo, debido a las percepciones multisensoriales puestas en
prctica.
Para evaluar su trabajo se utilizara la rbrica para evaluar mapas mentales.
BIBLIOGRAFA DE APOYO
1. http://www.trabajo.com.mx/como_elaborar_un_mapa_mental.htm
2. URL de sw http://freemind.sourceforge.net/wiki/index.php/Download
3. http://recursostic.educacion.es/observatorio/web/images/upload/
REQUISITOS DEL PRODUCTO
1. Desarrollar un mapa mental en el software libre FreeMind de la temtica desarrollo de

aplicaciones Web.
2. Exporte el documento a un formato PNG, con sus apellidos_mm
3. Adems incluya el fuente en formato Freemind con sus apellidos_fm.
REQUISITOS ACADMICOS
1. Cada persona podr confeccionar un mapa mental de acuerdo a sus necesidades y cmo
mejor le agrade o entienda.
2. Enfatice la idea principal
3. Tome en cuenta las ideas secundarias
AUTOEVALUACIN
1. Cules son los diferentes medios digitales?

2. Qu son los protocoles de seguridad?
3. Qu se entiende por vulnerabilidad?
6
UNIDAD 2. ARQUITECTURA DE LA INFORMACIN.
Prctica 1: Fase de inicio de la AI: Planeacin de la aplicacin Web.

Estudio de casos 4 4
Objetivo(s):
Determinar el alcance de la aplicacin web (objetivo, hacia quien va dirigido y usuarios).
Planeacin de proyectos de TI, Diagramas de Gantt, Administracin de recursos, uso del software
Planeer, Metodologa de desarrollo de aplicaciones Web, Base de datos, Programacin orientada a
objetos, diseo de Sitios Web, Desarrollo de aplicaciones en capas
1 Computadora Tener instalado el software para realizar
Las practicas
1 Software Planner-0.14.4
Diagramas:
Criterios Indicadores Ponderacin
Incluye los datos solicitados en la portada.
Forma Presenta el trabajo en el programa solicitado y el formato 10
adecuado.
Elaboracin Organiza y presenta adecuadamente la informacin en el
del formato indicado. (30 puntos)
cronograma Identifica las actividades crticas en el desarrollo de una 70
de aplicacin Web (40)
actividades
Introduccin Presenta conclusin con el aprendizaje adquirido. (20 puntos)
20
y conclusin
El objetivo de la Planificacin del proyecto de Software es proporcionar un marco de trabajo que

permita al administrador del proyecto realizar estimaciones razonables sobre cada una de las
7
actividades que se realizaran, los recursos tanto humanos, como materiales y el tiempo empleado
en cada actividad que comnmente es limitado.
Les animo a que lo desarrollen a conciencia, apyense en las guas proporcionadas en clase.
1. http://administracionelectronica.gob.es/pae_Home/dms/pae_Home/documentos/Docum
entacion/Metodologias-y-
guias/Metricav3/METRICA_V3_Panificacion_de_Sistemas_de_Informacion.pdf
2. URL de sw http://www.npackd.org/p/org.gnome.live.Planner/0.14.4
3. Cabalceta-Vega, L. (2015). Arquitectura para la informacin.
4. Prez-Montoro, M. (2010). Arquitectura de la informacin en entornos web. El profesional
de la informacin, 19(4), 333-337.
5. Garret, J. J. (2002). Un vocabulario visual para describir arquitectura de informacin y
diseo de interaccin. Recuperado el, 1.
1. En este paso se solicita la Arquitectura de la Informacin del proyecto que van a realizar
como equipo, esta planeacin se realizara en el SW Libre planner-0.14.4.
2. El archivo que subirn lo deben de exportar en formato HTML. eqpo_99_plan. Donde el
99 indica el nmero de equipo, por ejemplo 01, 02, 03, 04, 05 ,06
3. La fecha de entrega es el da 28 de Mayo 2016.
1. El trabajo es colaborativo
2. Se basan en la propuesta de desarrollo del cuatrimestre.
3. Bsese en los documentos proporcionados en las sesiones
4. Tome en cuenta las ideas de sus compaeros
AUTOEVALUACIN
1. Qu pasos son necesarios para el desarrollo de la aplicacin?

2. Qu roles tienes los diferentes actores que intervienen en el desarrollo?
3. Cul es el objetivo de su proyecto y que problemtica resuelve?
8
UNIDAD 2. ARQUITECTURA DE LA INFORMACIN.
Prctica 2: Estructura de la informacin del Sitio Web

Objetivo(s):
Determinar el alcance de la aplicacin web (objetivo, hacia quien va dirigido y usuarios).
Planeacin de proyectos de TI, Diagramas de Gantt, Administracin de recursos, uso del software
Planeer, Metodologa de desarrollo de aplicaciones Web, Base de datos, Programacin orientada a
objetos, diseo de Sitios Web, Desarrollo de aplicaciones en capas
Las practicas
1 Software Planner-0.14.4
Diagramas:
adecuado.
actividades
20
y conclusin
Desarrollar la Arquitectura de Informacin para su aplicacin considerando las siguientes

actividades
Fase 2 Desarrollo de la Arquitectura de la Informacin

9
Estructura o taxonoma
Sistema de etiquetado
Sistema de navegacin
Diseo de la MasterPages
2. URL de sw http://www.npackd.org/p/org.gnome.live.Planner/0.14.4
5. Garret, J. J. (2002). Un vocabulario visual para describir arquitectura de informacin y
diseo de interaccin. Recuperado el, 1.
1. En este paso se solicita la Arquitectura de la Informacin del proyecto que van a realizar
como equipo, esta planeacin se realizara en el SW Libre planner-0.14.4.
2. El archivo que subirn lo deben de exportar en formato HTML. eqpo_99_plan. Donde el
99 indica el nmero de equipo, por ejemplo 01, 02, 03, 04, 05 ,06
3. La fecha de entrega es el da 28 de Mayo 2016.
AUTOEVALUACIN
1. Qu es la AI?
2. Comparte con sus compaeros que entiende por un sistema de navegacin
3. Analicen la taxonoma resultante de su aplicacin
10
UNIDAD 3. DESARROLLO WEB
Prctica 2: Integracin de la aplicacin
Estrategia Duracin (Hrs): No. Mximo de Integrantes:

Didctica:
Estudio de 4 4
casos
Objetivo(s):
Integrar la aplicacin web del proyecto seleccionado considerando lo siguiente: Diagrama de
Navegacin, Modelado de datos (BD), Eleccin de la tecnologa web a emplear, Diseo de la GUI,
desarrollo interfaces, Conexin con la BD , Prueba y correccin de errores.
Metodologa de desarrollo de aplicaciones Web, Base de datos, Programacin orientada a objetos,
diseo de Sitios Web, Desarrollo de aplicaciones en capas, Redes, Arquitectura de la informacin,
Modelado de base de datos, Modelo E-R, IIS, IDE Visual Studio, Lenguaje de programacin Visual
Basic, CSS, Diseo de interfaz de usuario, Base de datos, Conexiones a base de datos.
1 Computadora Procesador 3i y Memoria 8 GB
1 IDE Visual Studio
1 IIS
1 Base de datos SQL Server Versin reciente
Diagramas:
Diagramas de clase, diagramas de secuencia, Diagramas de capas
Criterios Descripcin
Integracin de la aplicacin web aplicando la Muestra de manera clara las capas y su contenido
metodologa de desarrollo apropiada Utiliza los tipos de datos apropiados para los campos de la
tabla.
Realiza los sp en la bd
La interfaz de usuario presenta usabilidad en cuanto a la
organizacin de los datos, estn organizados de manera
apropiado. Utiliza css. Utiliza RIA. Presenta prueba y
correccin de errores y da muestra de que se haya
ejecutado de manera satisfactoria
El recurso presenta la informacin de forma hay orden en el contenido
objetiva, con una redaccin equilibrada de se enfatiza los puntos claves
ideas, y un nivel adecuado de detalle en la existen detalles del desarrollo
descripcin del tema que aborda.
El recurso es til para generar aprendizajes El contenido se puede utilizar como gua para desarrollar la
con respecto al tema que aborda, presenta la actividad,, es claro y sigue una secuencia lgica.
informacin de forma clara y precisa,
incluyendo demostraciones de uso del recurso
para su uso en la enseanza.
11
Pasos mnimos requeridos para el desarrollo de la aplicacin:
Diagrama de Navegacin.
Modelado de datos (BD).
Eleccin de la tecnologa web a emplear.
Diseo de la GUI
Desarrollo interfaces
Conexin con la BD
Prueba y correccin de errores.
guias/Metricav3/METRICA_V3_Diseno_del_Sistema_de_Informacion.pdf
1. Documentacin tcnica del producto terminado basado en la gua para el desarrollo de

proyectos integradores.
2. Entregar la aplicacin resultante generando la documentacin operativa del mismo.
3. Elaborar una presentacin ejecutiva del proyecto
2. Recuerden que se trabaja en conjunto pero todos suben el mismo trabajo, la evaluacin es
individual
AUTOEVALUACIN
12
1. Reflexione sobre las tecnologas utilizadas para el desarrollo del proyecto

2. Considere las diferentes etapas del proyecto e identifique los que ms se les complico y
como pudieron superarlo
3. Qu elementos son necesarios para el desarrollo de la aplicacin?
13
UNIDAD 3. DESARROLLO WEB
Prctica 2: Publicacin de la aplicacin
Estrategia Duracin (Hrs): No. Mximo de Integrantes:

Didctica:
Objetivo(s):
Integrar la aplicacin web del proyecto seleccionado considerando lo siguiente: Diagrama de
Navegacin, Modelado de datos (BD), Eleccin de la tecnologa web a emplear, Diseo de la GUI,
desarrollo interfaces, Conexin con la BD , Prueba y correccin de errores.
Servidores de pginas Web (IIS, Apache entre otros), protocolos SMTP, FTP, puertos, Router, IP,
Hosting, Proveedores de servicios
1 Computadora Procesador 3i y Memoria 8 GB
1 IDE Visual Studio
1 IIS
1 Base de datos SQL Server Versin reciente
Diagramas:
Criterios Descripcin
Funcional El sitio tiene un alto rendimiento en el accesos a las paginas que lo componen,
se muestra la coherencia entre la taxonoma y el contenido.
Se puede accesar al localhost
Se tiene acceso desde otras mquinas
Instalar el Servidor de pginas Web IIS que utilizara.

14
Asegrese de configurarlo de manera adecuada y probarlo para que funciones de manera

adecuada.
Configure el Firewall para permitir que los clientes puedan accesar a las pginas Web de su
servidor.
Asegrese de que el protocolo TCP/IP este activado para poder accesar de manera adecuada los
datos de las base de datos.
Cuando cree la aplicacin asegrese de crearla en la Ubicacin web http://localhost/ y el nombre

del sitio que desea crear.
15
En el IIS debe aparecer creado el Sitio y nos debe mostrar su contenido.
Conecte el router que tiene a la energa elctrica conctese a la red inalmbrica identificando el
nombre del dispositivo y la contrasea de acceso.
16
Verifique la direccin IP que le proporciona el DHCP del router y permita que otras mquinas
conectadas al router puedan accesar a su aplicacin.
Corrija errores que pudieran ocurrir y documente los pasos que realiza.
1. Willian R. Staneck (2010). Microsoft IIS 6.0

2. Tomas Fell (2012). Manual de instalacin de un servidor IIS/Tomcat
3. Esteban A. (2000) Servidores para Internet. Ed. EIDOS
1. Proporcionar acceso a las pginas del sitio

2. Mtodos de autenticacin
3. Obtener un video del proceso
4. Realizar las pruebas necesarios
a. Localhost
b. ip proporcionada por el router
c. Acceso de clientes con distintos browser
2. Recuerden que se trabaja en conjunto pero todos suben el mismo trabajo, la evaluacin es
individual
AUTOEVALUACIN
1. Cunta cuesta publicar un sitio web?

2. Cmo organiza el IIS los archivos?
3. Qu es un hosting?
17
UNIDAD 4. COMERCIO ELECTRNICO.
Prctica 1: Comercio electrnico

Objetivo(s):
El alumno, a partir de un caso, elaborar un reporte que incluya elementos del comercio
electrnico, caractersticas y ventajas.
Comprender los conceptos bsicos de comercio electrnico, diferenciar los paradigmas del
comercio electrnico, identificar los elementos del comercio electrnico.

Las practicas
1 Procesador de texto
Diagramas:
adecuado.
actividades
20
y conclusin
18
El alumno generar la documentacin de un caso de una organizacin donde sus operaciones se

hagan por medio del comercio electrnico.
La situacin presentada tiene que ser real, o bien posible, lgica y admisible.
Es conveniente centrarse en una sola cuestin o problema y presentar una sola situacin.
Se han de presentar los diversos componentes: Hechos claves y centrales para la comprensin del
caso y los personajes (estatus, expectativas, motivaciones..) y el contexto
La redaccin tiene que ser fluida clara, con estilo periodstico-narrativo; presentado en pasado;
contemplando el punto de vista de los lectores, es decir adaptado a los conocimientos, intereses y
habilidades cognitivas del alumnado; sin anotaciones tendenciosas del autor.
1. https://es.shopify.com/?term=comercio%20electronico&Network=Search&SiteTarget=&m
t=e&adid=56504602622&device=c&test=&BOID=spanish-ecommerce-
exact&adpos=1t1&gclid=COrMjv3q0c8CFZZZhgodfZcLVA
2. http://es.ccm.net/contents/201-introduccion-al-comercio-electronico-e-commerce
1. Documentar el caso de estudio elaborado en un procesaro de texto y psoteriormente

subirlo con formato pdf.
2. Considere el caso como una transaccin, venta, compra o alguna otra operacin.
3. Considere un trabajo libre de errores ortogrficos.
4. Escriba cada prrafo expresando una sola idea.
5. Evite copiar textualmente.
AUTOEVALUACIN
1. Qu es el comercio electrnico?
2. Qu implicaciones tiene el realizar comercio electrnico?
3. Por qu consideras que es ms econmico adquirr un producto en lnea?
19
UNIDAD 5. WEB MVIL
Prctica 1: Aplicacin web mvil

Demostracin 4 4
Objetivo(s):
El alumno disear una aplicacin web para implementarlo en dispositivos mviles. (Web Mvil).
Conceptos bsicos de web mvil, la estructura de las hojas de estilo en XML, la estructura del
lenguaje XHTML para dispositivos mviles.

Las practicas
1 Android
1 IDE Visual Studio, Bootstrap
Diagramas:
adecuado.
de aplicacin Web Mvil (40)
actividades
20
y conclusin
20
El alumno generar la documentacin de una aplicacin web donde utilice las herramientas
adecuadas para mostrarse en dispositivos mviles.
Se recomienda utilizar el framework bootstrap y realizar pruebas con diversas configuraciones.
1. https://www.google.com.mx/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&ua
ct=8&ved=0ahUKEwjzquXo8NHPAhXI5iYKHRVSCwEQFggoMAA&url=https%3A%2F%2Fdev
eloper.android.com%2Fstudio%2Findex.html%3Fhl%3Des-
419&usg=AFQjCNEHcUe59QxNSEhv0LrA3qKm3wgKDQ
2. Framework http://getbootstrap.com/
1. Documentar el caso de estudio elaborado en un procesaro de texto y psoteriormente

subirlo con formato pdf.
2. Considere el caso como una transaccin, venta, compra o alguna otra operacin.
3. Considere un trabajo libre de errores ortogrficos.
4. Escriba cada prrafo expresando una sola idea.
5. Evite copiar textualmente.
AUTOEVALUACIN
1. Qu es el una aplicacin web mvil?

2. Cul es la secuencia para desarrollar una aplicacin web mvil?
3. Para que sirve el framework bootstrap?Hay otros?
Haga clic aqu para escribir texto.

F-DC-04 Manual de Prácticas DAW - Ing - Version 2015

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

F-DC-04 Manual de Prácticas DAW - Ing - Version 2015

Transféré par

Droits d'auteur :

Formats disponibles

INGENIERA

DESARROLLO DE APLICACIONES WEB

Clave: Clave: TIC-09-04-2009

DESARROLLO DE APLICACIONES WEB

Luis Alfredo Isidro Metelin

Luis Alfredo Isidro Metelin

Derechos Reservados Universidad Tecnolgica de Campeche 2015.

Dirigir proyectos de tecnologas de informacin (T.I.) para contribuir a la productividad y logro de

El alumno desarrollar aplicaciones Web empleando herramientas tecnologas, para el desarrollo

4. CMO UTILIZAR EL MANUAL DE PRCTICAS

5. REPORTE DE PRCTICAS DEL ALUMNO

2. Desarrollo de la prctica acorde en el formato establecido.

3. Anlisis de Resultados o Conclusiones de la prctica.

6. PRECAUCIONES GENERALES Y/O NORMAS DE SEGURIDAD

Autor Ao Ttulo del Documento Ciudad Pas Editorial

Ceballos, (2007) Java 2 Interfaces Mxico, D.F. Mxico AlfaOmega Ra-

Vora, P. (2009) Web Applications Design New, Jersey. EE.UU. Morgan

Mcneil, (2008 ) The web designers Idea Ontario Cnada FW Publications

UNIDAD 1. INGENIERA WEB

Prctica 1: Identificar multimedios y sus usos.

Estrategia Didctica: Duracin (Hrs): No. Mximo de Integrantes:

Para evaluar su trabajo se utilizara la rbrica para evaluar mapas mentales.

REQUISITOS DEL PRODUCTO

1. Desarrollar un mapa mental en el software libre FreeMind de la temtica desarrollo de

1. Cules son los diferentes medios digitales?

UNIDAD 2. ARQUITECTURA DE LA INFORMACIN.

Prctica 1: Fase de inicio de la AI: Planeacin de la aplicacin Web.

Estrategia Didctica: Duracin (Hrs): No. Mximo de Integrantes:

El objetivo de la Planificacin del proyecto de Software es proporcionar un marco de trabajo que

REQUISITOS DEL PRODUCTO

1. Qu pasos son necesarios para el desarrollo de la aplicacin?

UNIDAD 2. ARQUITECTURA DE LA INFORMACIN.

Prctica 2: Estructura de la informacin del Sitio Web

Estrategia Didctica: Duracin (Hrs): No. Mximo de Integrantes:

Desarrollar la Arquitectura de Informacin para su aplicacin considerando las siguientes

Fase 2 Desarrollo de la Arquitectura de la Informacin

REQUISITOS DEL PRODUCTO

UNIDAD 3. DESARROLLO WEB

Prctica 2: Integracin de la aplicacin

Estrategia Duracin (Hrs): No. Mximo de Integrantes:

Pasos mnimos requeridos para el desarrollo de la aplicacin:

REQUISITOS DEL PRODUCTO

1. Documentacin tcnica del producto terminado basado en la gua para el desarrollo de

1. Reflexione sobre las tecnologas utilizadas para el desarrollo del proyecto

UNIDAD 3. DESARROLLO WEB

Prctica 2: Publicacin de la aplicacin

Estrategia Duracin (Hrs): No. Mximo de Integrantes:

Instalar el Servidor de pginas Web IIS que utilizara.

Asegrese de configurarlo de manera adecuada y probarlo para que funciones de manera

Cuando cree la aplicacin asegrese de crearla en la Ubicacin web http://localhost/ y el nombre

En el IIS debe aparecer creado el Sitio y nos debe mostrar su contenido.

1. Willian R. Staneck (2010). Microsoft IIS 6.0

REQUISITOS DEL PRODUCTO

1. Proporcionar acceso a las pginas del sitio

1. Cunta cuesta publicar un sitio web?

UNIDAD 4. COMERCIO ELECTRNICO.

Prctica 1: Comercio electrnico

Estrategia Didctica: Duracin (Hrs): No. Mximo de Integrantes:

Materiales, Equipos y Herramientas:

El alumno generar la documentacin de un caso de una organizacin donde sus operaciones se

REQUISITOS DEL PRODUCTO

1. Documentar el caso de estudio elaborado en un procesaro de texto y psoteriormente

UNIDAD 5. WEB MVIL