Unidad 1

Arquitectura de la Informacin.

Tema
ACTIVIDADES DEL SABER HACER

Ingeniera
En
Tecnologas de la informacin y la comunicacin.

Elaborado por:
Efrn Orlando Zenox Aguirre

Maestro:
M.C. Mara Azucena Vallejo Casas
SABER 1, 2 y 3
Cuestionario Elementos necesarios para integrar la aplicacin web
1. Definir los siguientes elementos para integrar una aplicacin web (Concepto, uso,
componentes)
a. Diagrama de Navegacin. (Concepto, uso, componentes)
Qu es el diagrama de navegacin o despliegue?
Los diagramas de despliegue son los complementos de los diagramas de componentes
que, unidos, proveen la vista de implementacin del sistema. Describen la topologa del
sistema la estructura de los elementos de hardware y el software que ejecuta cada uno de
ellos. Los diagramas de despliegue representan a los nodos y sus relaciones. Los nodos
son conectados por asociaciones de comunicacin tales como enlaces de red, conexiones
TCP/IP.
Cules son sus usos?
Sistemas empotrados: Un sistema empotrado es una coleccin de hardware con una gran
cantidad de software que interacta con el mundo fsico.
Sistemas cliente-servidor: Los sistemas Cliente-Servidor son un extremo del espectro de
los sistemas distribuidos y requieren tomar decisiones sobre la conectividad de red de los
clientes a los servidores y sobre la distribucin fsica de los componentes software del
sistema a travs de nodos.
Sistemas completamente distribuidos: En el otro extremo se encuentra aquellos sistemas
que son ampliamente o totalmente distribuidos y que normalmente incluyen varios niveles
de servidores.
Cules son sus componentes?
Nodo
Un nodo es un objeto fsico en tiempo de ejecucin que representa un recurso
computacional, generalmente con memoria y capacidad de procesamiento.Un Nodo es un
elemento de hardware o software.
Instancia de nodo
Una instancia se puede distinguir desde un nodo por el hecho de que su nombre esta
subrayado y tiene dos puntos antes del tipo de nodo base. Una instancia puede o no tener
un nombre antes de los dos puntos.
Estereotipo de nodo
Estereotipo, son cosas u objetos q se repiten sin variacin.El estereotipo de un nodo es la
manera de poder verificar que tipo de nodo es el que se esta observando.
Artefactos
Un artefacto es un producto del proceso de desarrollo de software, que puede incluir los
modelos del proceso (modelos de Caso de uso, modelos de Diseo, etc.), archivos fuente,
ejecutables, documentos de diseo, reportes de prueba, prototipos, manuales de usuario
etc. Donde un artefacto es un conjunto de componentes.
Asociacin
Una asociacin representa una ruta de comunicacin entre los nodos. Donde esta
asociacin va incluida con misma dependencia del diagrama de componentes.

b. Modelado de datos (BD).

Qu es un modelado de datos?
Un modelo es un conjunto de herramientas conceptuales para describir datos, sus
relaciones, su significado y sus restricciones de consistencia.
Cules son sus caractersticas?
Es el proceso de analizar los aspectos de inters para una organizacin y la relacin que
tienen unos con otros.
Resulta en el descubrimiento y documentacin de los recursos de datos del negocio.
El modelado hace la pregunta " Qu? " en lugar de " Cmo? ", sta ltima orientada al
procesamiento de los datos.
Es una tarea difcil, bastante difcil, pero es una actividad necesaria cuya habilidad solo se
adquiere con la experiencia.
Cules son sus metas y beneficios?
Registrar los requerimientos de datos de un proceso de negocio.
Dicho proceso puede ser demasiado complejo y se tendr que crear un "enterprise data
model", el cual deber estar constituido de lneas individuales.
Qu permite observar?
Patrones de datos
Usos potenciales de los datos
Cules son los tipos de modelado de datos?
Basicamente son 3:
Conceptual: muy general y abstracto, visin general del negocio/institucin.
Lgico: versin completa que incluye todos los detalles acerca de los datos.
Fsico: esquema que se implementara en un manejador de bases de datos (DBMS).
c. Tecnologa web (emplear).
Qu es la tecnologa web?
Hemos Querido Rescatar de forma Sencilla en concepto de Tecnologas Web, Muchos de
Nuestros Usuarios se ha Preguntado por que la Web es una tecnologa, Pues Bien Si
partimos del concepto de Tecnologa (Podra Ser algo que se crea para facilitar su vida,
facilita, Existe una interaccin con el ser Humano, de forma que automatiza, y te ayuda
en tu Tarea) sera una forma fcil de observar la Tecnologa.
Qu uso se le da?
Las tecnologas Web sirven para acceder a los recursos de conocimiento disponibles en
Internet o en las intranets utilizando un navegador. Estn muy extendidas por muchas
razones: facilitan el desarrollo de sistemas de Gestin del Conocimiento (en lo adelante
GC), su flexibilidad en trminos de escalabilidad, es decir, a la hora de expandir el
sistema; su sencillez de uso y que imitan la forma de relacionarse de las personas, al
poner a disposicin de todos el conocimiento de los dems, por encima de jerarquas,
barreras formales u otras cuestiones. Estas tecnologas pueden llegar a proporcionar
recursos estratgicos, pero, evidentemente, no por la tecnologa en s misma, que est
disponible ampliamente, sino por lo fcil que es personalizarla y construir con ella
sistemas de GC propietarios de la empresa.
Cules son los componentes?
Un HTML con el elemento donde se va a rende rizar el mapa
Un CSS para definir algn estilo sobre el mapa, por ejemplo sus dimensiones
Lo ms importante, un Javascript para que puedas generar el mapa, indicando las
coordenadas que deseas visualizar (para centrar la vista inicial) y muchos otros detalles
de configuracin que tu mapa necesite.

d. Diseo de la GUI
Qu es el diseo de la GUI?
La Interfaz Grfica de Usuario (GUI, por sus siglas en ingls que significan Graphical User
Interface) consiste entonces en la aplicacin de una forma en la cual un usuario puede
interactuar con el Ordenador, realizando distintas funcionalidades en forma intuitiva y
dinmica.
Cules son sus componentes?
Ventana - Zona donde se muestran los contenidos de las aplicaciones. Los contenidos de
una ventana se pueden mostrar en forma de iconos o de listas, si la ventana representa la
estructura del archivo. Navegar es ms fcil para el usuario en el sistema de archivos en
una ventana de exploracin. La ventanas se pueden minimizar, minimizar su tamao, o
maximizar a la medida de la pantalla. Se pueden mover a cualquier lugar de la pantalla.
Una ventana puede contener otra ventana de la misma aplicacin, llamada ventana hija.
Pestaas - Si una aplicacin permite ejecutar ms de una instancia de ella misma,
aparecen en la pantalla en una ventana separada. Navegacin por pestaas Ha aparecido
para abrir ms de un documento en la misma ventana. Esta interfaz tambin contribuye
en la visin del panel de preferencia en la aplicacin. Todos los exploradores web
modernos usan esta caracterstica.

Men - El Men es un despliegue de comandos estndar, agrupados juntos y colocados

en un lugar visible (normalmente en la parte superior) dentro de la ventana de la
aplicacin. El men se puede programar para aparecer o mostrarse escondido usando los
botones del ratn.

Icono - Un icono es una pequea imagen que representa una aplicacin asociada.
Cuando se aprietan estos iconos o con uno o con doble click, la ventana de aplicacin se
abre. Los iconos muestran aplicaciones y programas instalados en un sistema en forma
de pequeas imgenes.

Cursor - Usando dispositivos como el ratn, touch pad (panel tctil), el lpiz digital son
representados en GUI como cursores. En la pantalla el cursor sigue las instrucciones del
hardware casi en tiempo real. Los cursores son tambin llamados puntero en sistemas de
GUI. Se usan para seleccionar mens, ventanas, y otras caractersticas de la aplicacin.

e. Desarrollo interfaces.
Qu es un desarrollo de interfaces?
Es un trmino que procede del vocablo ingls interface. En informtica, esta nocin sirve
para sealar a la conexin que se da de manera fsica y a nivel de utilidad entre
dispositivos o sistemas.
La interfaz, por lo tanto, es una conexin entre dos mquinas de cualquier tipo, a las
cuales les brinda un soporte para la comunicacin a diferentes estratos. Es posible
entender la interfaz como un espacio (el lugar donde se desarrolla la interaccin y el
intercambio), instrumento (a modo de extensin del cuerpo humano, como el mouse que
permite interactuar con una computadora) o superficie (el objeto que aporta informacin a
travs de su textura, forma o color).
Cules son sus componentes?
Validaciones
Informacin a presentar y recolectar
Relacin entre datos
Flujo de Pginas

f. Conexin con la BD
Qu es una conexin con la BD?
Una base de datos es una coleccin de datos organizados y estructurados segn un
determinado modelo de informacin que refleja no slo los datos en s mismos, sino
tambin las relaciones que existen entre ellos. Una base de datos se disea con un
propsito especfico y debe ser organizada con una lgica coherente. Los datos podrn
ser compartidos por distintos usuarios y aplicaciones, pero deben conservar su integridad
y seguridad al margen de las interacciones de ambos. La definicin y descripcin de los
datos han de ser nicas para minimizar la redundancia y maximizar la independencia en
su utilizacin.
Qu usos se le dan?
La definicin de las estructuras para almacenar los datos.
La manipulacin de los datos.
Componentes
Consola web de Database Studio
Base de datos (DB2)
Base de datos existente (DB2)
Base de datos existente (Informix)
Base de datos existente (Oracle)
Base de datos IMS existente

g. Prueba y correccin de errores.

Que son las pruebas y correcciones de errores?
Probar es el proceso de ejecucin de software con la intencin de encontrar y corregir
errores. Ya que los sistemas web residen en red y son accesibles desde muchos sistemas
operativos, navegadores de varios dispositivos, plataformas de hardware la bsqueda de
errores representa un reto significativo. Las pruebas se enfocan en contenido, funcin,
estructura, usabilidad, navegabilidad, rendimiento, compatibilidad, interaccin, capacidad
y seguridad. Estas pruebas ocurren mientras se disea y desarrolla la aplicacin y
pruebas
que se llevan a cabo una vez que se implementa.
Cules son los tipos de Pruebas?
A diferencia del software, las aplicaciones basadas en web necesita de pruebas
intensivas. Algunas de las pruebas que deben hacerse son:
pruebas de integracin
pruebas de tensin
pruebas de Escalabilidad
pruebas de carga
pruebas de resolucin
pruebas de compatibilidad

2. Definir los parmetros para la instalacin de una aplicacin web en el servidor.

Instalar el rol de acceso remoto
Para implementar Proxy de aplicacin web, debe instalar el rol de acceso remoto con el
servicio de rol de Proxy de aplicacin web en el servidor que vaya a ser el servidor de
Proxy de aplicacin web.
Repita este procedimiento con todos los servidores que desee implementar como
servidores de Proxy de aplicacin web.
Do this step using Windows PowerShell
Para instalar el servicio de rol de Proxy de aplicacin web

1. En el servidor de Proxy de aplicacin web, en la consola del Administrador de

servidores, en el panel, haga clic en Agregar roles y caractersticas.
2. En el Asistente para agregar roles y caractersticas, haga clic tres veces
en Siguiente para ir a la pantalla de seleccin de roles de servidor.
3. En el cuadro de dilogo Seleccionar roles de servidor, seleccione Acceso
remoto y, a continuacin, haga clic en Siguiente.
4. Haga clic en Siguiente dos veces.
5. En el cuadro de dilogo Seleccionar servicios de rol, seleccione Proxy de
aplicacin web, haga clic en Agregar caractersticas y, a continuacin, haga clic
en Siguiente.
6. En el cuadro de dilogo Confirmar selecciones de instalacin, haga clic
en Instalar.
7. En el cuadro de dilogo Progreso de la instalacin, compruebe que la instalacin
se ha realizado correctamente y, a continuacin, haga clic en Cerrar.
Configurar el Proxy de aplicacin web

Proxy de aplicacin web se debe configurar para conectarse a un servidor de AD FS.

Repita este procedimiento con todos los servidores que desee implementar como
servidores de Proxy de aplicacin web. Do this step using Windows PowerShell.

Para configurar Proxy de aplicacin web

1. En el servidor de Proxy de aplicacin web, abra la Consola de administracin de

acceso remoto: En la pantalla Inicio, haga clic en la flecha de Aplicaciones. En la
pantalla Aplicaciones, escriba RAMgmtUI.exe y, a continuacin, pulse
ENTRAR.Si aparece el cuadro de dilogo Control de cuentas de usuario,
confirme que la accin que se muestra es la esperada y, a continuacin, haga clic
en S.
2. En el panel de navegacin, haga clic en Proxy de aplicacin web.
3. En el panel central de la Consola de administracin de acceso remoto, haga clic
en Ejecutar el Asistente para configuracin de Proxy de aplicacin web.
4. En el cuadro de dilogo Pgina principal del Asistente para configuracin de
Proxy de aplicacin web, haga clic en Siguiente.
5. En el cuadro de dilogo Servidor de federacin, realice lo siguiente y, a
continuacin, haga clic en Siguiente:

En el cuadro Nombre del servicio de federacin, escriba el nombre de

dominio completo (FQDN) del servidor de AD FS, por ejemplo,
fs.contoso.com.
En los cuadros Nombre de usuario y Contrasea, escriba las credenciales
de una cuenta de administrador local en los servidores de AD FS.

6. En el cuadro de dilogo Certificado de proxy de AD FS, en la lista de certificados

instalados actualmente en el servidor de Proxy de aplicacin web, seleccione el certificado
que usar Proxy de aplicacin web para las funciones de proxy de AD FS y, a continuacin,
haga clic en Siguiente.
El certificado que elijas debe ser uno cuyo sujeto sea el nombre del servicio de federacin,
por ejemplo, fs.contoso.com. Si tiene pensado usar la unin al rea de trabajo, debe haber
un certificado SAN con los SAN descritos en Configurar las entidades de certificacin y los
certificados.
7. En el cuadro de dilogo Confirmacin, revise la configuracin. Si es necesario, puede
copiar el cmdlet de PowerShell para automatizar instalaciones adicionales. Haga clic
en Configurar.
8. En el cuadro de dilogo Resultados, compruebe que la configuracin se ha realizado
correctamente y, a continuacin, haga clic en Cerrar.
CONCLUSION
1. Proceso de desarrollo de la aplicacin web.
Bueno, podemos concluir que para desarrollar aplicaciones web, podemos dividir el
proceso en diferentes etapas las cuales son el ciclo de vida. Esto lo nos puede ayudar
a administrar el equipo de trabajo con eficacia, de manera que podamos adaptar
procedimientos para lograr la mxima calidad.
Principalmente tenemos la etapa del anlisis, la cual define que Una vez que un
cliente provee sus requisitos, el equipo se involucra hacia el anlisis de requisitos
preliminares. El anlisis debe abarcar todos los aspectos, especialmente en la forma
en que la aplicacin va a unirse al sistema existente.
Ahora pasamos a la segunda etapa la cual es el diseo y el desarrollo, en donde el
equipo debe desarrollar planes de pruebas y procedimientos de garanta de calidad.
Es necesario obtener la aprobacin del cliente en los planes de diseo y proyecto.
Como consecuente viene la etapa de contenido de la escritura, en donde Hay
desarrolladores de contenido profesional que pueden escribir el contenido especfico
de la industria y relevante para la aplicacin. La comprobacin gramatical y la
ortografa deben ser mayores en esta fase.
Luego de esto viene la etapa de codificacin, en donde los desarrolladores recurren a
agregar su cdigo sin alterar el diseo. A diferencia del diseo tradicional, el promotor
debe conocer la interfaz y el cdigo no debera afectar a la apariencia del sitio o
aplicacin.
En la penltima etapa encontramos las pruebas, en donde A diferencia del software,
las aplicaciones basadas en web necesita de pruebas intensivas. Algunas de las
pruebas que deben hacerse son:

pruebas de integracin
pruebas de tensin
pruebas de Escalabilidad
pruebas de carga
pruebas de resolucin
pruebas de compatibilidad
Y por ultimo tenemos la eta de mantenimiento y actualizaciones, sabiendo que Las
aplicaciones web necesitan actualizaciones frecuentes para mantenerse activas. En
ese caso hay que hacer un anlisis nuevo, y todos los otros pasos del ciclo de vida se
repetirn. La correccin de errores se puede hacer durante el tiempo de
mantenimiento.
 2. Proceso de Instalacin de la aplicacin web
Instalacin de Aplicaciones Web en Windows.
Cuando terminemos de ajustar correctamente el servidor, con el servicio DNS, el
Servidor Web, el servidor de bases de datos y los lenguajes de programacin,
procedemos a instalar, las aplicaciones web.
Para la instalacin, debemos alojar la carpeta con los componentes de la aplicacin en
el directorio que le asignamos cuando creamos cada sitio, es decir, los directorios
proyectos, store y colaborativo.
A cada carpeta se le deben asignar permisos de escritura, lectura, y ejecucin, para
que los archivos y componentes de instalacin puedan funcionar. Esto se hace
haciendo clic sobre las propiedades de cada carpeta, luego se da clic sobre editar y
aplicamos los permisos respectivos, tanto al tipo de usuario, como al tipo de
aplicacin:

Para la adecuada instalacin de cada aplicacin, atendemos las recomendaciones que

vienen en la gua de instalacin que viene con ellas. A continuacin las imgenes de la de
instalacin de la aplicacin para la gestin de proyectos.
PHPCOLLAB. Accedemos a la instalacin digitando en el navegador la direccin
proyectos.audiorms.installation.php, la primera pgina nos muestra el contrato de licencia
de la aplicacin, aceptamos los trminos y damos clic en paso dos para continuar:

Procedemos con la instalacin, para seguir a la siguiente pgina de configuracin de

aplicacin:
En la imagen observamos que la instalacin no contina correctamente, debemos localizar el
archivo y asignarle los permisos necesarios para poder continuar.

Buscamos el archivo settings.php y le otorgamos los permisos de ejecucin, para que la instalacin
de la aplicacin web pueda continuar.

En la siguiente imagen vemos que la instalacin contina correctamente:

En la siguiente ventana configuramos los atributos que tendr la aplicacin web, como por
ejemplo, el tipo de base de datos con la cual va a interactuar, el nombre del servidor de las bases
de datos, el usuario y el password por medio del cual la aplicacin acceder a dicha base de datos;
tambin ingresamos el password que tendr el administrador de la aplicacin, entre otros datos.
Una vez realizado el proceso de la configuracin de la aplicacin, podemos ingresar al panel de
administracin de proyectos, pero antes debemos autenticarnos para ello:

Ingresamos el usuario que por defecto es admin y el paswword ser el que digitamos en el paso
anterior. De esta forma accedemos a la interfaz de administracin de la aplicacin donde podemos
generar proyectos, crear clientes, crear una agenda, generar informes, publicar proyectos en la
web