Diseño de sistemas
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Diseño de sistemas

on

  • 493 views

 

Statistics

Views

Total Views
493
Views on SlideShare
493
Embed Views
0

Actions

Likes
1
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Diseño de sistemas Document Transcript

  • 1. República Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politécnica De la Fuerza Armada GUACARA, EDO. CARABOBO DISEÑO DE SISTEMASPROFESOR: HECTOR ESCALONA ALUMNA: ELIANA FUENTES CEDULA: 20.382.538 Noviembre, 2011
  • 2. DISEÑO DE ENTRADA Y SALIDA QUE CONTIENE LO SIGUIENTE:A menudo, para los usuarios la característica más importante de un informaciónes la salida que produce. Si la salida no es de calidad, se pueden convencer deque todo el sistema es tan innecesario que eviten su utilización y, por lo tanto,posiblemente ocasionen errores y que el sistema falle. Diseño de prototiposDE ENTRADAS Y SALIDAS:La entrada bien diseñada debe satisfacer los objetivos de efectividad, facilidadde uso, consistencia y atractivo. El conocimiento de muchos elementos dediseño diferentes permitirá que el analista de sistemas alcance estos objetivos.El diseño de salidas en si, es diseñar los formatos de salidas comúnmenteestas pueden ser reportes de resultados; estos reportes pueden aparecer porpapel o en pantalla, según el usuario del sistema así lo requiera.  Fabricación rápida de prototiposEl diseño de un nuevo producto comienza con la definición del mismo. Una vezexplicitadas las especificaciones técnicas del producto, el equipo de diseño ydesarrollo procede a dar forma al conjunto de características determinadas enla definición del concepto. Para ello resulta de gran utilidad la tecnología CAD,es decir, el diseño asistido por ordenador, la cual nos permite modificarfácilmente el diseño con sólo modificar una serie de parámetros numéricos.La siguiente fase consiste en dar forma física al diseño, es decir, dotar decuerpo al diseño realizado vía CAD. Esta fase concluirá con la construcción deun prototipo del nuevo producto, que permitirá constatar los puntos fuertes ydébiles del diseño, mediante la realización de diversos tests sobre lafuncionalidad y resistencia del producto.Tradicionalmente para la fabricación de prototipos existía un equipoespecializado en traducir los datos suministrados por los diseñadores en unmodelo físico. Este proceso resultaba muy laborioso, retrasando de este modoen gran medida la fecha de lanzamiento del nuevo producto. Creación y diseño de pantallasEl diseño de pantallas para la captura de datos, donde también se aplican losmismos lineamientos para diseñar la salida, aunque los contenidos cambiaran.Observe que la salida en pantalla difiere de varias formas de la salida impresa.
  • 3. -es emifera (es decir, la formación en un monitor no es permanente delmismo modo que las impresiones). -puede estar enfocada masespecidicamente al usuario, esta disponibleen un horario mas flexible, no es portátil de la misma forma y algunas veces sepuede cambiar a través de interaccion directa. Lineamientos para el diseño de pantallasExisten cuatro lineamientos para el diseño de pantallas1.- Mantener el informe de pantalla simple.2.- Ser consistente en la presentación.3.- Facilitar el movimiento del ususario entre la salida desplegada4.- Crear un informe de pantalla atractivoDe igual forma que la salida impresa, los informes en pantalla buenos no sepueden crear de manera aislada. Los analistas de sistemas necesitamos laretroalimentación de usuarios para diseñar informes importantes. Una vezaprobado por los usuarios, el diseño de los informes en pantalla se puedefinalizar. Formularios webUn formulario web dentro de una página web permite al usuario introducir datoslos cuales son enviados a un servidor para ser procesados. Los formulariosweb se parecen a los formularios de papel porque los internautas llenan dichosformularios usando casillas de selección, botones de opción, o campos detexto. Por ejemplo, los formularios web pueden ser usados para introducirdatos de envío o datos de una tarjeta de crédito con el objetivo desolicitar un producto o bien ser utilizada para solicitar datos (p. ej., albuscar en un motor de búsqueda).Además de servir como plantillas para nueva información, los formularios webtambién pueden ser usados para consultar y mostrar información existente enforma similar a los formularios decombinación de correspondencia,incorporando las mismas ventajas. La separación entre la estructura y los datossubyacentes de un mensaje permite a ambos variar independientemente. Eluso de formularios webs para este propósito evita los problemas asociados conla creación explícita de páginas web separadas para cada registro en una basede datos.Los formularios web están definidos en lenguajes de programacióncomo HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes
  • 4. usualmente invocan automáticamente los idiomas de la interfaz de usuario yotras de sus características, tales como el diseño estructural, y tema,minimizando el tiempo, el costo y el tiempo de programación.  Formularios web con Microsoft Word¿Qué es eso de un formulario y para qué lo podemos emplear?Un formulario web es una página web que incluye unos espacios (cajas detexto, casillas de verificación, menús desplegables, etc) que permiten "capturar"información introducida por el usuario. Esta información puede ser dirigida adiferentes destinos como una base de datos o uno o varios correoselectrónicos..¿Cómo puede sernos útil esta capacidad?Una de las aplicaciones que podemos dar a esta función es la de crearactividades, tipo cuestionario, que nuestro alumnado podrá cumplimentar yenviar a nuestro correo con sólo pulsar un botón. Veamos cómo se hace PASOA PASOCrear y enviar un formulario web en Microsoft Word1.- Para que este sistema funcione deberás asegurarte de tener bienconfigurado el Outlook Express o el programa gestor de correo electrónico quetengas instalado. Necesitarás disponer de algunos datos relativos a losservidores entrante y saliente (POP3, SMTP...) Puedes solicitarlos al proveedorde tu conexión (Telefónica, ONO, etc). Si no tuvieras instalado ningún gestor decorreo, puedes descargar Outlook Express e Internet Explorer.2.- Si ya has comprobado que puedes enviar mensajes usando Outlook, elsiguiente paso es crear un formulario. Para ello vamos a aprovechar elcuestionario que realizamos en la receta anterior. Ábrelo y guárdalo comopágina web.3.- Una vez convertido en página web, añadiremos: Áreas de texto, donde el alumno escribirá su respuesta Un Botón mediante el que enviar el ejercicio a nuestro correo electrónico4.- Para añadir los elementos del formulario tenemos que dirigirnosy activar el menú Ver/Barra de herramientas/Herramientas Web
  • 5. Mediante los iconos de la parte derecha (del cuarto al decimocuarto), podemosinsertar diferentes elementos web en la página. Los tres primeros iconos nospermiten:a) Alternar entre la vista normal y la vista de diseñob) Editar las propiedades de cada elementoc) Trabajar con el editor de código (hay que instalarlo)5.- Empezaremos por el final. Después de la última línea de texto vamosa insertar el botón de envío, para ello utilizaremos el icono "Enviar" . Si,el icono Vista de Diseño está activado, obtendremos lo siguiente:El botón "Enviar" aparece enmarcado por la línea de Principio de Formulario yla línea de Final de Formulario. Una vez configurado, el botón enviará al correoque le indiquemos la información recogida por todos los elementos que quedencontenidos entre ambas líneas.6.- Por tanto copiaremos todo el contenido del cuestionario y lo pegaremosentre dichas líneas dejando el botón como colofón del formulario.7.- Bajo cada cuestión insertaremos un Área de texto. Para ello emplearemosel icono Área de Texto.Ya tenemos la estructura de nuestro formulario. Ahora procederemosa configurar sus elementos, haciendo clic en cada uno y activandola herramienta Propiedades8.- Las Propiedades del Area de Texto que podemos configurar son::
  • 6. Nombre del campo: En Name y en HTMLName Anchura y Altura del campo: mediante "Columns" y "Row" o mediante "Height" y "Width". En el primer caso expresaremos las dimensiones en nº de columnas y filas del texto y en el segundo en píxeles. Valor asignado al campo "Value". Lo emplearemos para incluir un texto explicativo como "Escribe aquí tu respuesta"9.- Las Propiedades del Botón "Enviar" que podemos configurar son: Nombre del campo. En "Name" y en "HTMLName" La acción que realizará el botón "Action". En nuestro caso, escribiremos la expresión mailto:direccioncorreo@servidor.com En la que la expresión "direccioncorreo@servidor.com" debe sustituirse por la dirección de correo a la que queremos que se envie el ejercicio. El rótulo que presentará el botón, en "Caption". Pondremos "Enviar ejercicio al profesor" El tipo de codificación de la información, en "Encoding". Escribiremos text/plain Las dimensiones del botón mediante "Height" y "Width" El método de envio "Method", que en nuestro caso será Post10.- Da formato, elige un fondo, guarda como web y... listo. Ya tienes tuactividad autoenviable.
  • 7. Cuando estés seguro de que tu actividad funciona y que no la vas a retocarmás, ábrela con Word y guárdala con otro nombre y con formato Web filtrada.De esta forma eliminarás una gran cantidad de código y harás tu página más"ligera" , aunque es probable que no puedas volver a editarla con Word. Poreso es conveniente que guardes con otro nombre para mantener la primeraversión como copia de seguridad. Diseño de la pagina de intranet einternetVENTAJAS DE LA INTRANETLos factores que influyen poderosamente en el establecimiento de una Intranetpueden resumirse como sigue: Costes asequible, tanto de su puesta en marcha como de uso. Es una forma muy eficiente y económica de distribuir la información interna, sustituyendo los medios clásicos. Fácil adaptación y configuración a la infraestructura tecnológica de la organización, así como gestión y manipulación. Disponible en todas las plataformas informáticas. Adaptación a las necesidades de diferentes niveles: empresa, departamento, área de negocio, etc. Centraliza el acceso a la información actualizada de la organización, al mismo tiempo que puede servir para organizar y acceder a la información de la competencia dispuesta en internet. Sencilla integración de multimedia. Posibilidad de integración con las bases de datos internas de la organización. Rápida formación del personal. Acceso a la internet, tanto al exterior, como al interior, por parte de usuarios registrados con control de acceso. Utilización de estándares públicos y abiertos, independientes de empresas externas, como pueda ser TCP/IP o HTML.DESVENTAJAS DE LA INTRANET. No se puede decir: “vamos a ponerla en marcha, ya se le sacará partido”. Muchas Intranet bien construidas tecnológicamente resultan un fracaso. Con frecuencia vemos información desactualizada, mal
  • 8. gestionada por que no se ha elegido el vehículo apropiado o porque los boletines están inactivos. Los aspectos de seguridad son muy importantes. Las intranets son redes expuestas a notables riesgos de seguridad.¿Qué encontramos en una intranet?Una intranet es un vehículo de comunicación interno e interno-externo.Interno cuando su uso es limitado al ámbito exclusivo por parte de lostrabajadores de su empresa.Interno-externo cuando la intranet se convierte en un vehículo de colaboraciónde tú a tú con un cliente, partner o colaborador, por ejemplo para fomentar laventa conjunta de servicios complementarios entre dos empresas.¿Qué herramientas podemos incorporar en nuestra intranet?+Gestor DocumentalEs un lugar donde encontraremos desde "Plantilla de documentos" tipo "carta"a folletos sobre productos en formato PDF, información técnica de nuestrosproductos y servicios.+Gestor de IdentidadLogotipos en todos sus sabores y medidas, si olvidar jamás que elusuario/trabajador no sabe o no tiene Photoshop ni similares, si le damos ellogo más grande de lo normal lo deformará resultando anticorporativo. Deberáencontrar el logo en diferentes medidas y con una explicación por modelosobre sus posibles aplicaciones.+Gestor de ContactosSi la empresa es grande y son muchos los trabajadores, con una correctagestión de contactos podremos conocer el teléfono directo o la extensión deaquel comercial de Las Palmas en cuestión de unos pocos segundos.+Banco de ImágenesSi en su empresa se precisan imágenes o fotografías para ilustrarpresentaciones a clientes, convenciones o cualquier otro tipo de eventosprobablemente se habrá dado cuenta que el buen gusto no es algo universal ypodrá encontrarse presentaciones en grandes pantallas con algunas fotografíasinapropiadas, por ello disponer de un banco de imágenes donde todos odeterminados trabajadores puedan nutrir sus documentos de imágenes puederesultar vital, corporativo y apropiado.
  • 9. +Gestor de eventosDeje respirar un poco a su secretaria/o encargado de organizar yrecepcionarlas multitud de peticiones de asistencia a determinado eventogestionando de forma óptima y telemática a través de su intranet.+Plan de acogidaEl departamento de recursos humanos podrá desplegar su plan de acogidapara nuevos empleados en su intranet.  INTERNETDiseño de páginas web... ¡en serio!En la Internet, se destacan sólo el diseño de páginas web de quienes hanlogrado tener una estrategia comunicacional exitosa en el ámbito del diseño depáginas web, quienes han logrado fusionar los conocimientos y el ingenio devarias disciplinas para lograr una meta. El tener una página web impactante yefectiva en la web amerita el manejo de conceptos y habilidades que van másalla del saber manejar un software, saber de diseño gráfico o deprogramación...El diseño web es una actividad que consiste en la planificación, diseño eimplementación de sitios web y páginas web. No es simplemente unaaplicación del diseño convencional, ya que requiere tener en cuenta cuestionestales como navegabilidad, interactividad, usabilidad, arquitectura de lainformación y la interacción de medios como el audio, texto, imagen y vídeo. Selo considera dentro del diseño multimedial.La unión de un buen diseño con una jerarquía bien elaborada de contenidosaumenta la eficiencia de la web como canal de comunicación e intercambio dedatos, que brinda posibilidades como el contacto directo entre el productor yel consumidor de contenidos, característica destacable del medio.El diseño web ha visto amplia aplicación en los sectores comerciales deInternet especialmente en la World Wide Web. Asimismo, a menudo la web seutiliza como medio de expresión plástica en sí. Artistas y creadores hacen delas páginas en Internet un medio más para ofrecer sus producciones yutilizarlas como un canal más de difusión de su obra.El diseño de páginas web trata básicamente de realizar un documento coninformación hiperenlazado con otros documentos y asignarle una presentaciónpara diferentes dispositivos de salida (en una pantalla de computador,en papel, en un teléfono móvil, etc).Estos documentos o páginas web pueden ser creadas: creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
  • 10.  utilizando un programa WYSIWYG o WYSIWYM de creación de páginas. utilizando lenguajes de programación del lado servidor para generar la página web.EtapasPara el diseño de páginas web debemos tener en cuenta tres etapas: La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño. La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a escribir la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o incial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio. La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2011 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.El HTML consta de una serie de elementos que estructuran el texto y sonpresentados en forma de hipertexto por agente de usuario o navegadores. Estose puede hacer con un simple editor de textos (debe guardarse como textoplano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTMLes relativamente fácil, así que es sencillo crear páginas web de este modo.Esta era la única manera de generarlas hasta que aparecieron, a mediadosde 1996, algunos editores visuales de HTML, como MS FrontPage y AdobeDreamweaver. Con estas herramientas no es necesario aprender HTML(aunque sí aconsejable), con lo cual el desarrollador se concentra en lo másimportante, el diseño del documento.Todo esto teniendo en cuenta el nivel de programación en el diseño de lasaplicaciones y del impacto visual que se quiere generar en el usuario.La evolución y el acceso al internet en estos últimos tiempos ha crecidoenormemente y hoy hay mucha gente, especialmente las nuevas generaciones
  • 11. ya nacieron con esto, por lo que dentro de un tiempo ya el internet será algointrínseco en nuestras vidas, y su crecimiento no lo podremos detener.Ahorabien, similar a la dependencia del teléfono celular, el internet ha hecho quemuchas cosas se mejoren, haciendo procesos más eficientes, busquedas deinformación mucho más sencilla, comunicación a distancia a tiempo real, yespecialmente que ha economizado mucho los costos de los envíos demensajes que anteriormente solo se daba por correspondencia.Pero tambiénha traído muchas cosas malas, como toda tecnología lo hace, y es hacer quelas personas sean mucho más comodas, trabajen menos, y accesibles a otrotipo de información desagradable.VENTAJAS DE INTERNET  Hace la comunicación mucho más sencilla.  Es posible conocer e interactuar con muchas personas de todas partes del mundo.  La búsqueda de información se vuelve mucho más sencilla, sin tener que ir forzadamente a las bibliotecas tradicionales.  Es posible encontrar muchos puntos de vista diferentes sobre alguna noticia.  Es posible la creación y descarga de software libre, por sus herramientas colaborativas.  La computadora se actualiza períodicamente más facil que si no tuvieramos internet.  Es posible encontrar soporte técnico de toda clase sobre alguna herramienta o proceso.  El seguimiento de la información a tiempo real es posible a través del Internet.  Es posible comprarfacilmente a otras tiendas.  Y es posible compartir muchas cosas personales o conocimientos que a otro le puede servir, y de esa manera, se vuelve bien provechoso.DESVENTAJAS DE INTERNET  Así como es de fácil encontrar información buena, es posible encontrar de la misma forma información mala, desagradable (pornografía, violencia explícita, terrorismo) que puede afectar especialmente a los menores.  Te genera una gran dependencia o vicio del internet, descuidandote de muchas cosas personales o laborales.  Hace que los estudiantes se esfuercen menos en hacer sus tareas, debido a la mala práctica del copy/paste.  El principal puente de la piratería es el internet  Distrae a los empleados en su trabajo.  Dependencia de procesos. Si hay un corte de internet, hay muchos procesos que se quedan varados por esa dependencia.
  • 12.  Dependencia de energía eléctrica. Si hay un corte de energía en la casa, adios internet (no es el caso de la telefonía convencional).  Hace que nazcan otros males tales como el spam, el malware, la proliferación de los virus, el phising, etc. Diseño de salida de pantalla e impresa  Salida en Pantalla:La salida gráfica en pantalla está llegando a ser cada vez más por, en especialpara los sistemas de apoyo a decisiones. El analista de sisas debe considerarlos efectos de las gráficas ante los usuarios, el tipo de datos a ser desplegados,el objetivo de las gráficas y su audiencia pretendida. Se dispone de muchospaquetes de software dedicados a los gráficos. Es esencial que los tomadoresde decisiones reciban entrenamiento sobre la forma de interpretar las gráficaspara que les sean útilesEJEMPLO DE SALIDAS EN PANTALLA DE APLICACIONES WEBSe ha convertido en un método de salida muy popular, porque es silenciosa,ágil, y ofrece la posibilidad de interactuar con el usuario. Es ideal para mostrarinformación que sólo se consultará una vez y que no requerirá almacenarse, esdecir, presenta información efímera, usada para tomar decisionesmomentáneas.Los tipos de pantallas más comunes son hechas con tubos de rayos catódicos(CRT), lo que explica su tamaño, aunque también existen pequeñas como laspantallas de cristal líquido (LCD), especiales para cuando la movilidad es unfactor importante para el usuario.
  • 13.  Salida Impresa: Este tipo de salida es la que se encarga de producir grandes volúmenes de informes impresos, sin embargo la decisión de utilizar salida impresa no debe ser automática, debe haber alguna razón como la necesidad de enviar a un cliente o proveedor un documento por correo, tener un registro impreso de los datos o circular una cantidad de información a diferentes personas en forma simultanea. Un informe bien diseñado puede reemplazar a otro elaborados pobremente, proporcionando detalles innecesarios la cual no ayuda nada. Las opciones de salida impresa más comunes en las empresas son en papel, informe filmado, formas especiales y formas para enviar por correo. Diseño de un sitio web Si usted ha estado constantemente en línea, usted probablemente ha visto tantos sitios de interés y que ya sobre cómo la mayoría de los sitios donde hizo casi perfecto que usted parece tan difícil de resistirse a los encantos. Internet diseño web habla tan fuerte que influyen en la gente y cada vez que visita el lugar. En general, el diseño de sitios web de Internet es en encargado de hablar, la venta, la comunicación y de transmisión de la información a la audiencia. Digamos que como estos:  Los colores que representan el carácter  La presentación de ideas y la manera en cómo la información se transmitió a la audiencia es la voz del propietario  Todo el que mira el escaparate de funcionamiento en las promesas  La animación significa sofisticación Usted no debe descuidar su página de Internet de diseño, porque este es el escabel de todo su sitio web o el desarrollo de la fundación. Si diseño de sitios web de Internet se da por sentado por la causa justa de la carga de un sitio en la Internet, entonces no se sorprenda si este colapso en breve. PRINCIPALES OBJETIVOSQue los que lleguen, compren. Que sus clientes potenciales lleguen a su sitio web. Que los que compren, vuelvan
  • 14. Otros objetivos podrían ser:  La página web debe estar orientada tanto a su negocio como a las necesidades de sus clientes  Un diseño que potencie la imagen de su marca y de su empresa.  Un sitio optimizado para los buscadores.  Tiempo de carga mínimo.  Claridad  Actualización  Organización  Autoadministración  Belleza  Seguridad. ¿ Qué se busca al diseñar un sitio Web ?Observemos primero el hecho de que en los computadores personales,muchas cosas son similares entre sí. Distintos programas funcionan de maneramuy similar. Típicamente el primer elemento de la barra de menú es "File ..." o"Archivo ...", y el último es "Help ..." o "Ayuda ...". Esto porque poco a poco lagente se ha ido acostumbrando a trabajar en ambientes así, le es cómodopasar de un programa a otro y aprender a aprovechar las nuevasfuncionalidades.Lo que pasa es que cuando una persona llega por primera vez a un sitio,ocurre un proceso muy rápido en que la persona aprende a navegar por él.Esto ocurre en los primeros 2 o 3 minutos, y es crucial que éste aprendizajesea lo más expedito posible para la persona que llega. Muchos sitios inclusoproveen de una página de ayuda que explica que tipo de ayudas denavegación se usan y cómo moverse adecuadamente. Es por ello queconviene adherirse al "estándar", por lo menos en cuanto a la estructuración delos contenidos y tratar de producir un sitio Web que responda a lascaracterísticas que el usuario promedio esperaría. Además, las personas estánmucho más acostumbradas a los libros, en que la información se presenta enforma lineal, que a la navegación hipermedial que requiere una mayor atenciónpor parte del usuario.El proceso de diseño Web que se debería contar con una serie de etapas quepermitan transformar pedazos de información dispersos, o en el mejor de loscasos un conjunto de información estructurada de manera lineal, en un sitioque haga que al usuario sentirse cómodo y encontrar lo que busca de lamanera más rápida posible.Por último, veamos de qué cosas se quejan más a menudo los usuarios delWeb1.De la velocidad de transferencia
  • 15. 2.De la capacidad para organizar la información que bajan (download) a sucomputador3.Del tiempo que pierden en encontrar lo que buscanContra el segundo ítem no hay mucho que se pueda hacer, ni de quepreocuparse a menos que se esté ofreciendo información para ser bajada alcomputador del usuario bajo la forma de un archivo comprimido o algo similar.Contra el primer y tercer ítem si hay se puede hacer mucho, por medio de undiseño cuidadoso.  Etapas del diseño WebEstas son algunas etapas que se sugieren para diseñar eficientemente un sitio;es conveniente no comenzar a escribir ninguna línea de código HTML antes decompletar las primeras etapas.  Delimitación del temaEsta es la etapa crucial, se define de qué se va a tratar el Web, que cosas seincluirán y qué no. Tambien es el momento para definir tanto las audiencias(normalmente es mas de una) y los objetivos (intentando priorizar entreobjetivos primarios y secundarios).Si no se evalúa adecuadamente la cantidad de tiempo que se dispone contra lacantidad de tiempo requerida para elaborar un sitio de la magnitud deseada, elresultado puede ser desastroso. Muchos proyectos Web fracasan porquecomienzan a crecer y crecer sus especificaciones, sin que haya detrás untrabajo ordenado de delimitación de contenidos.  Recolección de la informaciónEn esta etapa se recolecta la información que se va a poner en el Web, deacuerdo a la especificación hecha en la etapa anterior. Es convenienteasociarse con alguien como un "proveedor de contenido", puesto que comomencioné antes hay mucha gente que si bien le tiene aversión a loscomputadores y que dispone de valiosísima e interesante información. Lasorganizaciones en general producen grandes cantidades de informacion,tambien en esta etapa hay que delimitar cuanta de la informacionhistorica, queya no es relevante, sera incluida en el sitio web, por ejemplo, se puede definirque la informacion de mas de 3 años de antiguedad no sera incluida, etc.  Agregacion y descripcionUna vez que tenemos la información que irá en el sitio, comenzamos unaclasificación apropiada . Aquí hay que encontrar un adecuado balance entre lalinealidad y la jerarquización.
  • 16.  EstructuraciónEn este punto se estructura la manera en que se unen las diferentes páginas,de acuerdo a la agregación de contenidos realizada en la etapa anterior. Seprovee de ayudas para la navegacion, de enlaces que permitan lajerarquización que diseñamos y de enlaces entre elementos de una mismajerarquía si se desea. Tambien es importante proveer de indices para cadadescriptor que haya sido diseñado. Desde este punto en adelante se puedetrabajar en la implementación HTML propiamente tal.  MetáforaA esta etapa le llamamos "metáfora" pues permite referirse a una mismaentidad (en este caso, una página HTML) en diferentes contextos. Estaspaginas deben ser diseñadas cuidadosamente puesto que seran importantespara los usuarios al permitirles "saltar" dentro del sitio desde zonas logicamentedistantes.  Diseño y estilo gráficoUn estilo gráfico adecuado puede ser algo importantísimo a la hora de hacerque la persona que nos visita se sienta cómoda, y como una manera dealivianar el contenido y hacerlo más digerible. Un sitio por mas contenido quetenga si no tiene un buen diseño graficodificilmente lograra un lugar destacadoentre otros sitios del mismo tipo.  Ensamble finalEn este punto concretamos el diseño, con los últimos enlaces que seannecesarios e incorporamos el estilo gráfico a las páginas, se ensambla el sitiocon una portada que sea capaz de presentar en una sóla página física almenos lo más relevante del sitio, se instalan links hacia la página personal delautor y/o su dirección de correo electrónico.  TesteoFinalmente, es necesario revisar la coherencia general del sitio, que no hayanlinks "rotos" que no conduzcan a ninguna parte; revisar la redacción yortografía de las páginas, hacer los ajustes necesarios para separar laspáginas que sean demasiado extensas en páginas más pequeñas.
  • 17. DISEÑO DE INTERFAZ DE USUARIO, QUE CONTIENE: INTERFACES DE USUARIOEs el medio con que el usuario puede comunicarse con una maquina, unequipo o una computadora, aparte estos pueen ser fáciles de entender y fácilesde accionar  Interfaces básicas de usuario:Estos incluyen cosas como menus, ventanas, teclado, raton, algunos sonidos;tamien canales por los cuales se permite la comunicación entre el ser humanoy la computadora, brindando tanto comodidad como eficiencia  Interfaces básicas (características)Áreas rectangularesSoporta cambios de tamañoPueden tener dentro de contenido objetos (iconos)Barras de desplazamiento y botones Tipos de interfaces de usuario INTERFAZ DE HARDWARE Según su construccion INTERFAZ DE SOFTWARE INTERFAZ DE HARDWARE
  • 18. Interfaces tactiles Según su forma de Interfaces graficas interacción Interfaces alfanumericas caracteristicas legibilidad metaforas Interfaz visible Ley fe Fitt Característicasautonomia Eficiencia del usuario Valores deffault anticipacion Percepción de color Curva de aprendizaje
  • 19. LINEAMIENTOS PARA EL DISEÑO DE DIALOGOS Comunicación ENTRE Los diálogos bien diseñados facilitan el uso de las computadoras • Comunicación significativa El sistema debe presentar la información con claridad al usuario. Esto significa tener título apropiado para cada pantalla, minimizar el uso de abreviaciones y proporcionar retroalimentación útil.
  • 20. Diálogos y áreas de trabajoEl usuario puede saltar de un programa a otro según sea la conveniencia delmismo por medio de iconos que aparecen en su escritorio o área de trabajo. RetroalimentaciónTambién denominada realimentación o feedback, significa “ida y vuelta” es elproceso de compartir observaciones, preocupaciones y sugerencias, con laintención de recabar información, a nivel individual o colectivo, para intentarmejorar el funcionamiento de una organización o de cualquier grupo.DISEÑOS DE PROGRAMAS QUE CONTIENE: Diseño de programa:Un programa es un conjunto de líneas de código escritas en un lenguaje deprogramación determinado. Pero el código escrito en un lenguaje de alto nivelno puede ser entendido por el ordenador, por lo que es necesaria la traduccióna código máquina. En este proceso tienen lugar dos fases. En la primera fase(compilación) el compilador traduce cada uno de las partes del programa y creamódulos objeto, que posteriormente serán unidos por el linker (enlazado),creando el módulo ejecutable .exe. Como la compilación y el enlazado son dosprocesos dependientes, a menudo se suele denominar a todo el procesocompilación.En el diseño de un programa tenemos diferentes pasos:  Análisis del problema. Este paso es fundamental. La correcta resolución de un problema viene determinada en gran medida por el planteamiento inicial. Un planteamiento correcto nos evitará perder tiempo en la implementación de algoritmos que posteriormente nos demos cuenta que son incorrectos. En este paso nos debemos hacer tres preguntas: ¿Qué entradas se nos ofrece?, ¿Qué salida debemos generar? y ¿Cuál es el método que debemos usar para llegar hacia la solución deseada?  Diseño del algoritmo. Si en el análisis determinamos qué hace el programa aquí determinamos cómo lo hace. Para ello se divide el problema en varios subproblemas que se solucionan de forma independiente (divide y vencerás), lo que se denomina diseño modular. En este paso puede ser conveniente la utilización de diagramas de flujo o pseudocódigo.
  • 21.  Codificación. Es la escritura del código según el algoritmo decidido en las etapas anteriores.  Compilación y ejecución. Una vez escrito el código, se compila. Si el código contiene errores el compilador nos los mostrará: son los llamados errores de compilación, que suelen estar relacionados con incoherencias en la sintaxis, conversión incorrecta de tipos, etc. Una vez solucionados estos errores, se creará el programa ejecutable.  Verificación. Al ejecutar el programa puede ocurrir que realice lo que queríamos o que, por el contrario, produzca un resultado indeseado. Nos encontramos aquí con dos tipos de errores:- Errores de ejecución: Se producen cuando el programa llega a un punto en elque el ordenador no puede realizar la operación que se le solicita: división porcero, desbordamiento, etc.- Errores del algoritmo: Son los más difíciles de detectar, se producen cuandoel algoritmo está mal implementado. Nos conduce al siguiente paso.  Depuración. Esta es una parte importante. Se utilizan las herramientas de depuración del compilador que usamos, lo que en gran medida determina si el compilador es mejor o peor. En general, todos los compiladores incluyen entre sus herramientas de depuración las siguientes:- Ejecución paso a paso: En lugar de ejecutar todo el programa hasta sufinalización, se ejecuta línea a línea, lo que permite observar el comportamientodel programa en cada momento.- Watches (inspecciones): permiten seguir el valor de una variable y comprobarque cambia su valor en su momento y modo deseado.- Debug Inspector: similar a las watches pero especialmente útil para lavisualización de arrays, listas, etc.- Breakpoints: si la ejecución es demasiado larga, podemos definir unbreakpoint (punto de ruptura) en una o varias líneas. El programa se ejecutaránormalmente hasta que llegue a una de esas líneas. En ese momento laejecución se detendrá y podremos consultar valores de variables o ejecutarpaso a paso desde ese punto.- Evaluar/modificar: permite obtener el valor de una variable en un punto en elque la ejecución del programa se ha pausado. Se puede modificar el valor de
  • 22. dicha variable para comprobar, por ejemplo, que si tuviera otro valor elcomportamiento también sería el esperado. Diseño modular:En la fase de diseño del ciclo de vida de un programa, la solución a unproblema suele venir dada por un programa representado por un móduloprincipal, el cual se descompone en subprogramas(submódulos), los cuales, asu vez, también se pueden fraccionar, y así sucesivamente, es decir, elproblema se resuelve de arriba hacia abajo. A este método se ledenomina diseño modular o decendente (top-down). Descomposición modular  Los pasos a seguir son: o Identificar los módulos o Describir cada módulo o Describir las relaciones entre módulos  Tipos de módulos: o Código fuente, en el lenguaje de programación usado o Tabla de datos, para datos de inicialización u otros o Configuración, se agrupa en un módulo toda la información de configuración en el entorno de trabajo o Otros: ficheros de ayuda en línea, manuales, etc.  Una descomposición modular debe poseer ciertas cualidades mínimas para que se pueda considerar suficientemente válida o Independencia funcional o Acoplamiento o Cohesión o Comprensibilidad o Adaptabilidad
  • 23. Es una filosofía que se orienta a la mejor comprensión de los modelos de empresa, sus actividades y el Diseño por herramientas CASE desarrollo de los sistemas de información. Esta filosofía involucra además el uso de programas que "CASE es la automatización permiten: del software" Construir los modelos que describen la empresa, Describir el medio en el que "La creación de software utilizando se realizan las actividades, técnicas de diseño y metodologías de Llevar a cabo la desarrollo bien definidas, soportadas por planificación, herramientas automatizadas operativas El desarrollo del Sistema en el ordenador" Informático, desde la planificación, pasando por el análisis y diseño de sistemas, hasta la generación del código de los programas y la documentación."  Objetivos del CASE-Aumentar la productividad de las áreas de desarrollo y mantenimiento de lossistemas informáticos.-Mejorar la calidad del software desarrollado.-Reducir tiempos y costes de desarrollo y mantenimiento del software.-Mejorar la gestión y dominio sobre el proyecto en cuanto a su planificación,ejecución y control.-Mejorar el archivo de datos (enciclopedia) de conocimientos (know-how) y susfacilidades de uso, reduciendo la dependencia de analistas y programadores.-Automatizar: o El desarrollo del software o La documentación o La generación del código o El chequeo de errores o La gestión del proyecto
  • 24. -Permitir o La reutilización (reusabilidad) del software o La portabilidad del software o La estandarización de la documentación-Integrar las fases de desarrollo (ingeniería del software) con las herramientasCASE-Facilitar la utilización de las distintas metodologías que desarrollan la propiaingeniería del software.