Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

ESTRUCTURA FÍSICA Y LÓGICA DE LAS APLICACIONES WEB

No description
by

victor serrano

on 9 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of ESTRUCTURA FÍSICA Y LÓGICA DE LAS APLICACIONES WEB

Conceptos Básicos
La forma que tendrá el Sitio Web que se está desarrollando. En este sentido es importante hacer una diferencia entre estructura y diseño.

Estructura:

Se refiere a la forma que tendrá el Sitio Web en términos generales con sus secciones, funcionalidades y sistemas de navegación. No considera ni incluye elementos gráficos (logotipos, viñetas, etc.).

Diseño:

Se refiere a la solución gráfica que se creará para el sitio, en la cual aparecen colores, logotipos, viñetas, y otros elementos de diseño que permiten identificar visualmente al sitio.

ESTRUCTURA FÍSICA
ESTRUCTURA LÓGICA
La estructura lógica o de navegación define como un visitante se va a mover (navegar) de una zona a otra de un sitio web.

Esta se debe plantear siguiendo las siguientes preguntas:

• ¿Cuál es el propósito de este sitio web?
• ¿Qué contendrá?
• ¿Cuál es la audiencia a la que está destinado?
• ¿Qué esperamos obtener?
• ¿Qué esperamos que los visitantes obtengan?


ESTRUCTURA FÍSICA Y LÓGICA DE LAS APLICACIONES WEB
Es la forma en que se almacenan los distintos recursos (ficheros) que forman un sitio web en el sistema de archivos del servidor web.

Una estructura física eficiente consiste en planificar el desarrollo de los ficheros de un sitio web, para de esta forma evitar la reestructuración del cuerpo de sistemas de archivos.

Tipos de estructuras físicas
• Tipo de fichero
• Nivel de acceso
• Contenido

• Fecha
• Propietario
• Navegación

Nombres de los directorios y de los ficheros

Es un aspecto importante ya que se tienen que elegir nombres intuitivos, que expresen el contenido y la función de un fichero.

Si la URL no es intuitiva, estaremos creando una barrera entre los visitantes y el contenido que desean obtener.

Por otro lado, hay que tener mucho cuidado con los caracteres que se emplean en los nombres de los directorios y de los ficheros, ya que cada sistema operativo permite un conjunto de caracteres distintos.

Nunca se deben usar espacios en blanco o caracteres especiales como &, %, #, etc. Además, sólo se debe usar el punto para la extensión de los ficheros.


Los enlaces son un elemento clave en la web, ya que son los que permiten crear el hipertexto.

ABSOLUTO
Tipo 1:

Similiar al enlace a otro sitio web en él se indica el nombre del sitio actual y la ruta completa al recurso. Todos los enlaces de este tipo comienzan por http://.




Tipo 2:

Se indica la ruta completa al recurso. Como no se indica el nombre del sitio web, se emplea el actual. Todos los enlaces de este tipo comienzan por /.

Por ejemplo:
/dir/recurso.xxx
• Relativo:

No se indica la ruta completa, sino la posición relativa del recurso respecto al fichero que contiene el enlace.
Enlaces

Principalmente los enlaces se clasifican según la dirección de los recursos del sitio Web ya sea intradocumental o extradocumental.

Clasificación de los enlaces
Secuencial
En ella, el usuario comienza en la página principal y sólo puede navegar en una dirección (hacia adelante o hacia atrás).

Este tipo de estructura suele utilizarse en los siguiente casos:
• Un curso o tutorial
• Una visita (tour) guiada
• Un asistente (wizard)
• Un proceso determinado compuesto de una serie de pasos secuenciales


Rejilla

Se emplea cuando existen estructuras secuenciales paralelas.

Algunos casos típicos en los cuales se puede utilizar esta estructura son los siguientes:

• Formato de pantalla (Normal)
• Formato de Impresión
• Formato de Discapacitos
• Formato de Idiomas



Árbol
Permite estructurar el contenido de una forma jerárquica con distintos niveles, lo que facilita la búsqueda de información y la navegación.

Tipos de Estructura Lógica

En este tipo de estructura no existe un orden establecido, de forma que cada página puede estar enlazada con todas las páginas que componen el sitio web.

Además, en este tipo de estructuras, el sitio web suele tener varias páginas de inicio.

ESTRUCTURA MIXTA

Es común que la estructura de un sitio web sea mixta debido a que las 4 estructuras (secuencial, en rejilla, en árbol y en red) son ideales y es por ello que suelen aparecer mezcladas entre si.

COMPARATIVA
Las 4 estructuras básicas se pueden comparar en función de distintas características.

La expresividad va desde:

Un nivel bajo (la información contenida en un sito web es percibida de igual forma por todos los visitantes).
Un nivel alto (cada visitante puede percibir la misma información de distintas formas).

La capacidad de navegación va desde;

Un nivel bajo (con poca libertad donde los movimientos del visitante son predecibles).
Un nivel alto (con mucha libertad donde la navegación ya es impredecible).

Red
Un visitante de un sitio web se puede perder fácilmente, por ello es recomendable emplear algún tipo de mecanismo que indique al usuario donde estar y a donde puede ir.

Existen distintos esquemas, los mas conocidos son:

“Rastro de las migajas de pan” (breadcrum trail).
Se muestra una lista de todos los pasos necesarios para completar el proceso, mostrando en todo momento el paso en el que se encuentra y los pasos que faltan por concluir.
COMO NO PERDERSE EN LA ESTRUCTURA
Numeración de los pasos:
TECNOLÓGICO DE ESTUDIOS SUPERIORES DE COACALCO
PROGRAMACIÓN WEB
ING. ANGELICA GUTIÉRREZ LOZANO
INTEGRANTES:

ALMARAZ REMIGIO MANUEL ALEJANDRO
ORTIZ CALLEJA DAYANA
SANTIAGO PLASCENCIA STEFANIA
SERRANO RODRÍGUEZ VÍCTOR A.
Full transcript