bloque v proyecto de diseÑo

5/13/2018 BLOQUE V PROYECTO DE DISEÑO - slidepdf.com

http://slidepdf.com/reader/full/bloque-v-proyecto-de-diseno 1/19

DIRECCIÓN GENERAL DE DESARROLLO CURRICULAR

ASIGNATURA DE TECNOLOGÍA

BLOQUE V. PROYECTO DE DISEÑO

INFORMÁTICAEn este bloque se aborda el tema del diseño y se

propone su integración con la planeación y la gestión

(trabajados en el bloque anterior) para la ejecución delos proyectos técnicos. Se pretende el análisis de los

elementos contextuales que contribuyen a la definición

del proyecto y sus cualidades sobresalientes.

Asimismo, la identificación de las mejoras susceptibles

tanto de funcionalidad como de estética y ergonomía

de un proceso o producto técnico, a partir de

problemas débilmente estructurados y donde es

posible proponer diversas alternativas de solución.

En el desarrollo del proyecto se hace énfasis en losprocesos productivos industriales, cuya característica

fundamental es la organización técnica del trabajo.

Estas acciones se pueden realizar de manera

secuencial o paralela según las fases del proceso y los

fines que se buscan.

Es necesario tomar en cuenta que para el desarrollo de

las actividades de este bloque el análisis de los

procesos industriales puede limitarse por la falta de

infraestructura en los planteles escolares, por lo que esnecesario promover el uso de la modelación, la

simulación y la creación de prototipos como

alternativas para el trabajo en el aula-taller, así como

realizar visitas a industrias para orientar un análisis

comparativo cuando sea pertinente.

En este bloque se trabaja el tema del diseño con

mayor profundidad y como fase del desarrollo de los

proyectos con la idea de conocer sus características y

promover las habilidades relacionadas.

El proyecto y sus diferentes fases constituyen los

contenidos del bloque con la especificidad de la

situación en la cual se intervendrá o cambiará;

deberán ponerse de manifiesto los conocimientos

técnicos y la resignificación de los conocimientos

científicos requeridos, según el campo tecnológico y el

proceso o producto a elaborar.

Propósitos:

1. Conocer las características del diseño técnico desde

una perspectiva sistémica para desarrollar el

proyecto.

2. Considerar las necesidades e intereses del contexto

local y plantear alternativas de solución.

1



3. Realizar un proceso técnico cercano a su vida

cotidiana, con la intención de mejorarlo, tomando

en cuenta los riesgos o implicaciones en la sociedad

y la naturaleza.4. Modelar y simular el proyecto seleccionado para

evaluar su función e implicaciones sociales,

culturales y naturales, y dar a conocer el resultado.

Aprendizajes esperados:

• Identifican y comprenden las características

de un proyecto de diseño.

• Reconocen y ponen en práctica habilidades

para el diseño como parte del desarrollo de

proyectos.

• Proponen y realizan acciones de diseño en la

ejecución de los proyectos.Encuadre:

Es importante que el maestro considere al inicio de

cada bloque, una presentación del mismo, sus

propósitos y los aprendizajes esperados que lo

fundamentan, a fin de proporcionar un panoramageneral de los aspectos a abordar en el proceso

educativo. En este sentido también es pertinente, dar

a conocer al alumno la estructura lógica de la unidad

didáctica o actividad que se va a trabajar en el aula

taller de Tecnología, esto se propone con la intensión

de lograr que los alumnos conozcan la orientación y los

fines de la actividad que el profesor plantea, a fin de

promover su comprensión y participación en el proceso

educativo.

UNIDAD DIDÁCTICA

INFORMÁTICA

CONCEPTOS RELACIONADOS

• Diseño• Resolución de problemas•

Alternativas de solución• Representación gráfica• Toma de decisiones

• Sistema máquina-producto• Gestión

• Planeación

SUGERENCIA DIDÁCTICA:

Construyan propuestas de páginas web con

base en criterios de diseño: necesidades e

intereses del usuario, funcionalidad y

comunicación.

2



Empleen tecnologías de la información y la

comunicación para el desarrollo de procesos

técnicos a través del uso de software para el

diseño de sitios web.

Propósitos:

Que los alumnos:

Desarrollen el proyecto de diseño de informática a finde satisfacer una necesidad, interés o problemáticarelacionada con su contexto.

Esta situación de enseñanza, en tanto proceso técnicoimplica el conocimiento y ejecución de un proceso deplaneación en informática a partir de la elaboración deun diagnóstico de contexto en el que los alumnosidentifiquen necesidades o requerimientos del mismo,a fin de que construyan soluciones viables a dichasnecesidades.

Materiales y recursos:

Para los equipos de trabajo:• Laboratorio de TIC• Computadoras con programa MS Office• Software Editor HTML Basic 3.0 adquirido

gratis enhttp://descargar.portalprogramas.com/Basic-html.html

• Software Web creator 5 Pro adquirido gratisde http://descargar.portalprogramas.com/Web-Creator.html

• Conexión a Internet

Para el maestro:• Marpegán; Carlos M. y otros El placer de

enseñar Tecnología. Actividades de Aulapara docentes inquietos. EdicionesNovedades Educativas Buenos Aires,México. Pp. 99-103

• Cómo hacer una página web consultado enhttp://www.adictosaltrabajo.com/tutoriales/pdfs/ComoHacerUnaPaginaWeb.pdf

• Curso manual tutorial de diseño web consultadoenhttp://www.arrakis.es/~wenceslao/CursoWeb/menu.html

• Fundamentos del diseño web consultado enhttp://www.wikilearning.com/curso_gratis/fundamentos_de_diseno_de_sitios_web-conceptos_basicos_de_diseno_web/9291-1

Desarrollo de la unidad didáctica:

I

Dialoguen e intercambien ideas, a partir de sus

saberes y conocimientos previos que aporten en el

3

http://descargar.portalprogramas.com/Basic-html.html


http://descargar.portalprogramas.com/Web-Creator.html


http://www.adictosaltrabajo.com/tutoriales/pdfs/ComoHacerUnaPaginaWeb.pdf


http://www.arrakis.es/~wenceslao/CursoWeb/menu.html


http://www.wikilearning.com/curso_gratis/fundamentos_de_diseno_de_sitios_web-conceptos_basicos_de_diseno_web/9291-1
















desarrollo de su proyecto técnico, a fin de detectar y

caracterizar situaciones problemáticas.

Para el desarrollo del proyecto de diseño, es

importante que el maestro parta de las necesidades e

intereses de los alumnos, ya sean de índole individual,

comunitaria o social, a fin de que a través del

desarrollo de los procesos productivos desplegados,

dichas necesidades se puedan satisfacer. Los

contenidos abordados en bloques anteriores, servirán

como insumos para el desarrollo del proyecto. Los

alumnos han tenido, hasta este momento, un

acercamiento inicial en la planeación, organización y

gestión de diversos procesos técnicos. Han indagadosobre los costos de materiales, insumos y medios

técnicos a emplear y/o utilizar en los procesos técnicos

de la informática, han definido sus diferentes fases, los

responsables de ejecutar cada una de las tareas, los

tiempos aproximados, presupuestos, entre otras

cuestiones, estos elementos deberán ser retomados

para la elaboración del proyecto técnico, a fin de dar

continuidad al trabajo realizado.

Fases del proyecto

Caracterización de situaciones o problemas

técnicos:

Para tal efecto se presenta a continuación una

situación que constituirá el punto de partida para el

desarrollo del proyecto técnico con énfasis en

informática.

El maestro organizará al grupo para que conformen

equipos de trabajo a fin de fortalecer el trabajo en

equipo y, a continuación retoma una situación

problemática presentada por el maestro (a) de

informática.

Consigna:“Una compañía que diseña y confecciona prendas devestir para dama y caballero, requiere de dar aconocer a su público usuario de su próxima temporadaprimavera-verano, la cual considera es de las mejores

que ha realizado, pero para ello ha pensado hacerlomediante una nueva estrategia de comercializaciónque requiere el diseño de una página web.Para tal necesidad ha lanzado una convocatoria paraque personas conocedoras del tema les propongandiversas propuestas de diseño web y den solución a sunecesidad.

Los requerimientos generales que la empresamenciona se deben de considerar es que la propuestacontemple la imagen de la empresa, que no exceda de

los 50Kb, que posea una estética única, pero sobretodo que su diseño no implique el uso de recursosfinancieros de alto costo”.

Una vez enunciado lo anterior, los alumnos analizarán

la situación problemática, el docente se asegurará de

que ésta haya sido comprendida por cada uno de los

4



equipos de trabajo. Es importante señalar que los

alumnos deberán apropiarse de la situación y hacerla

suya para poder resolverla.

El problema del diseño de la página web de esta

compañía, puede llevar a los alumnos a realizar un

análisis más o menos exhaustivo de la situación que

puede llevar a plantearse los siguientes

cuestionamientos:

• ¿A qué tipo de público o usuarios deberádirigirse la página web?,

• ¿Cuáles serán los contenidos que deberánintegrarse en ella?

• ¿Qué modelo web será pertinente proponer?¿cuál será el modelo más pertinente quellame la atención de los usuarios?.

• ¿Quiénes participarán en el diseño de lapágina web?

• ¿Qué criterios funcionales o estéticos setendrán que incluir en el diseño de la páginaweb? (el estilo visual, la distribución de loscontenidos).

•

¿Qué tipo de herramientas y recursos dediseño web se pueden emplear? (lenguajesde programación, editores de texto ygráficos).

Los alumnos si bien pueden generar estas u otro tipo

de preguntas, es importante estimular en ellos un

grado de objetividad del problema, que permita un

nivel creciente de detalle y de rigor en la formulación

del mismo.

Propuesta de alternativas de solución.

La producción de ideas que desemboque en

soluciones alternativas es uno de los momentos más

difíciles de lograr. Pues por lo regular las personas

suelen quedarse con la primera idea e inmediatamente

seguir adelante, cuando casi siempre es mejor contar

con la mayor parte de lluvia de ideas posibles. El

maestro deberá estar atento a esta circunstancia para

promover la generación de muchas ideas, pues ésta esla fase más creativa y en la que debe ponerse en juego

la imaginación, la inventiva, la intuición de los

alumnos, por lo que no puede desaprovecharse.

Los equipos de trabajo deberán idear por sí mismos sin

ayuda del docente, las maneras de resolver lo

planteado de manera general. Por su parte el docente

sólo se limitará a favorecer la generación de

propuestas de solución y el intercambio al interior delos equipos, asegurándose de que éste no ha seguido

adelante sin antes tomarse todo el tiempo necesario

para la discusión y consenso de la alternativa de

solución. Asimismo también deberá estimular la

elaboración de esquemas o diagramas por parte de los

alumnos, para poder facilitar la comunicación de las

ideas entre ellos.

5



Los alumnos podrán emplear los diversos métodos de

la tecnología1 para analizar los productos o materiales

que emplearán para el diseño de su alternativa desolución, por ejemplo se puede aplicar un análisis de

productos para el estudio de los diferentes tipos de

herramientas de la informática (lenguajes de

programación, editores, entre otros ) que se emplean

para el diseño de una página web, así como un análisisestructural, funcional de los diversas páginas web que

pueden ser la competencia de la compañía, a fin de

establecer las relaciones entre los elementos de la

estructura y cómo funcionan para cumplir su función

de comunicarse con los usuarios.

Posteriormente, los equipos de trabajo expondrán uno

a uno las alternativas de solución acordadas mediante

el uso de plantillas, esquemas, bocetos o diagramas de

flujo. El resto de los equipos estarán atentos, tomando

notas sobre las alternativas de sus compañeros para

poder proporcionarles observaciones o comentarios a

sus propuestas.

El siguiente ejemplo es una posible manera de

representar la plantilla de una página web :

1 Ver métodos de Tecnología en Marpegán; Carlos M. y otrosen El placer de enseñar Tecnología. Actividades de Aula para docentes inquietos. Ediciones Novedades EducativasBuenos Aires, México. pp. 99-103

Plantilla de la página web

El sitio web estará compuesto por tres páginas individuales:

1. bienvenida.html con el texto de bienvenida e imagen de fondo

2. historia.html, con el texto de la historia e imagen de fondo3. turismo.html, con el texto y las imágenes de turismo, y la imagen

de fondo

6



Cabe señalar que los equipos de trabajo para poder

diseñar el modelo de su página web podrán hacer uso

del programa de Power Point o cualquier otro, a fin de

pode representarlo gráficamente y exponerlo enplenaria.

Tras haber socializado la propuesta de solución y

haber proporcionado observaciones y comentarios, lo

equipos de trabajo regresarán al diseño preliminar de

la alternativa de solución a fin de realizar el diseño

detallado de su proyecto.

Para la evaluación de los procesos de aprendizaje, el

docente observará los aspectos actitudinales y desaber de los alumnos, detectara procedimientos

inadecuados, prejuicios, obstáculos y dificultades a fin

de poder trabajarlos y darles salida oportunamente.

II

Planeen el desarrollo del proyecto de diseño con base

en los criterios definidos por los equipos de trabajo.

Diseño: Planeación, organización y gestión.

El diseño de la alternativa seleccionada por los equipos

de trabajo, implica la organización y planificación del

proyecto técnico, considerando para ello los materiales

necesarios, las herramientas y máquinas a emplear, el

presupuesto y la distribución de las tareas, con el

propósito de definir las diferentes fases para la

elaboración del proyecto y su ejecución.

Así entonces, los alumnos definirán:• El nombre del proyecto

• El diseño previo mediante las representaciones

graficas, organigrama de navegación, informes

con base al consenso de los integrantes del

equipo de trabajo y el uso del lenguaje técnico

específico, entre otros aspectos.

• La elaboración de un cronograma para ubicar las

fases y tiempos de cada actividad

• Los esquemas o dibujos que sinteticen los

materiales a emplear, así como las herramientas

y presupuesto en general.

• La distribución del trabajo: la participación

individual o grupal en cada una de las tareas

planeadas.

Considerando que el diseño seleccionado es acorde al

énfasis de campo de informática, se sugiere

considerar además de los criterios ya señalados

algunos otros aspectos como: el papel quedesempeñará la página web con sus usuarios, la

forma y estilo del mismo, el presupuesto, la

identificación del sitio con la imagen de la empresa,

por mencionar algunos aspectos.

7



Para la evaluación de los procesos de aprendizajes en

el aula taller, se puede considerar la planificación y el

desarrollo del trabajo en cada uno de los equipos; el

trabajo en equipo considerando la cooperación en larealización de cada una de las tareas, el respeto por

las opiniones y diferencias entre los integrantes, la

responsabilidad al desempañar las tareas asignadas, la

autonomía en la resolución de los problemas.

III

Ejecuten el proyecto de diseño, empleando los medios

técnicos acordes al énfasis de informática.

Ejecución de la alternativa técnica seleccionada.

Para el desarrollo de esta actividad, el docente irá

orientando a los alumnos en cuanto al uso de

materiales y herramientas. En esta fase, y en este

caso en particular, el docente deberá evaluar cuáles

serán sus formas de intervención. Habrá equipos de

trabajo que se apuren y construyen productos tan

deficientes que deben hacerlos varias veces. Otros

equipos de trabajo más perfeccionistas, son los queparte de la idea de que más vale hacerlo bien de

entrada y demoran mucho en el proceso, por lo que un

equilibrio entre ambos procesos será lo mejor:

aprender de los errores, corregir sobre la marcha, pero

trabajando de acuerdo al nivel evolutivo de los

alumnos.

Un tiempo antes de que finalice el tiempo fijado, se

solicitará que los equipos nombren un representante

para que éste presente el producto –página web- en

plenaria.

Comunicación de los resultados

A continuación se pondrán en común los productos

obtenidos por cada uno de los equipos de trabajo. Es

una fase de balance, presentación de resultados y

confrontación de procedimientos –que en parte ya se

había iniciado en otra fase también, pero ahora en un

nivel un poco más elevado que el anterior-. Los

equipos presentarán sus propuestas para ser

sometidas a crítica por sus compañeros de clase, paralo cual se requerirá que los equipos deberán

proporcionar una información convincente y hacer uso

del lenguaje apropiado del énfasis. Se pondrán a

prueba los métodos y los resultados obtenidos.

El docente coordinará y guiará las exposiciones a partir

de preguntas o sugerencias, fomentando la autocritica

de los diseños. Este espacio es una oportunidad para

poner en marcha las capacidades evaluativas de losalumnos: coevaluación y autoevaluación como parte

de la situación de aprendizaje de los alumnos. Por su

parte el docente resumirá, sintetizará y rescatará los

conocimientos puestos en juego para resolver la

situación planteada. Habrá contenidos nuevos, y otros

ya abordaos, que bien pudieron consolidarse o

ampliarse, y éste será el momento en el que el

8



docente destacará la funcionalidad de los mismos; por

ejemplo el uso del lenguaje grafico como lenguaje de

expresión y de comunicación, el uso de algunas

herramientas y por qué son adecuadas paradeterminadas operaciones, por mencionar algunos

ejemplos de la funcionalidad de lo aprendido.

Mediante esta reflexión compartida con los alumnos

sobre lo que se hizo, el docente extraerá de la

experiencia realizada los contenidos abordados y

finalmente entre todos se hará una reflexión final de

las actividades realizadas.

ANEXO IAlgunos modelos web consolidados en la red

MODELO 1

9



MENÚ

CONTENIDO

Ejemplo:

MODELO 2

ME

NÚ

CONTENIDO

Ejemplo:

MODELO 3

10



USANDO LA TOTALIDAD DE LAPÁGINA

MENÚY

CONTENIDO

Ejemplo:

MODELO 4

MENÚ

USANDO LA TOTALIDADDE LA PÁGINA

CONTENIDO

Ejemplo:

ANEXO II

CONCEPTOS DE DISEÑO

1. Lo Visual en el Proceso Creativo.

11



El proceso de composición es el paso más

importante en la resolución del problema visual.

Los resultados de las decisiones compositivas

marcan el propósito y el significado de ladeclaración visual y tienen fuertes implicaciones

sobre lo que recibe el espectador.

Esta etapa del proceso creativo, es donde el

comunicador visual ejerce el control más fuerte

sobre su trabajo y donde tiene la mayor

oportunidad de expresar el estado de ánimo total

que se quiere transmitir, este caso la Web.

No existen reglas absolutas sino cierto grado de

comprensión de lo que ocurrirá en términos de

significado sí disponemos las partes de

determinadas maneras para obtener una

organización y una orquestación de los medios

visuales.

2. Composición.Muchos de los criterios para la comprensión del

significado de la forma visual, del potencial

sintáctico, de la estructura en el alfabeto visual

surgen de investigar el proceso de la percepción

visual.

a. La Percepción Visual.

En la confección de mensajes visuales, el

significado no consiste solo en la acumulación de

efectos causados por la disposición de elementos

básicos sino también en el mecanismo perceptivoque comparte universalmente el organismo. Por

decirlo con palabras más sencillas: creamos un

diseño a partir de muchos colores, contornos,

texturas, tonos y proporciones relativas,

interaccionamos activamente esos elementos, y

pretendemos un significado, el resultado es la

composición, la intención del diseñador. Entre el

ambiente de información visual y un mensaje

específico definido se interpone otro campo más

que es la funcionalidad. No olvidemos que en la

mayoría de los casos la Web ha de servir a un

propósito.

• Línea

• Color

• Contorno

• Dirección

• Textura

b. Equilibrio.La influencia psicológica y física más importante

sobre la percepción humana es la necesidad de

equilibrio del hombre, la necesidad de tener sus

dos pies asentados sobre el suelo y saber que ha

12

• Escala• Dimensión• Movimient

o



de permanecer vertical en cualquier circunstancia,

en cualquier actitud con un grado razonable de

certidumbre. El equilibrio es la referencia más

fuerte y firme del hombre, su base consiste einconsiste para la formulación de juicios visuales.

Por ello el constructo vertical-horizontal es la

relación básica del hombre.

c. Tensión.El concepto de tensión viene estrechamente

relacionado con equilibrio. Tanto para el emisor

como para el desertor de la información visual, la

falta de equilibrio y la regularidad es un factordesorientador. Las opciones visuales son

polaridades, de regularidad y sencillez por un

lado, de complejidad y variación inesperada por

otro. La elección entre estas oposiciones rigen las

respuestas relativas que van del reposo y la

relajación a la tensión.

d. Nivelación y aguzamiento.

Nivelación y aguzamiento vienen hacer sinónimode “armonía y estabilidad” y “generador de

tensiones y lo visualmente inesperado”. Mediante

un ejemplo, un punto situado en el centro

geométrico de un mapa estructural nos ofrecería

una situación armoniosa y estable, ausente de

sorpresa visual. En cambio, la colocación del

punto en la esquina superior derecha provoca un

aguzamiento. En ambos, casos nivelación y

aguzamiento, hay una claridad de propósitos. Es

importante dejar clara la intención compositiva. Laambigüedad es totalmente indeseable desde el

punto de vista de una sintaxis visual correcta. Es

contraproducente frustrar y confundir esta función

única si se persigue un mensaje claro y bien

definido. Idealmente, las formas visuales no

deberían ser única deliberadamente obscuras,

deberían armonizar o contrastar, a traer o repeler,

relacionar o chocar. Si bien, es necesario aclarar

que todas estas afirmaciones queden supeditadas

a la intencionalidad del creador.

e. Sentida de la lectura.A parte de estas influencias debidas a relaciones

elementales en el mapa estructural, la tensión

visual puede maximizarse de otras dos maneras:

el ojo favorece la zona inferior izquierda de

cualquier campo visual. La explicación de esta

preferencia no es tan fácil de explicar como laspreferencias primarias, pero aunque nos sepamos

con certeza la razón, tal vez baste con saber que

este fenómeno se produce realmente.

3. Técnicas de Comunicación Visual

13



Las técnicas visuales ofrecen al diseñador una

amplia paleta de medios para la expresión visual

del contenido. Existe en forma de diplodos o como

aproximaciones contrarias al significado. Porejemplo, la fragmentación, técnica opuesta a la

unidad, es una opción excelente para la expresión

de la excitación y la variedad.

No hay que concebir las técnicas visuales como

elecciones para construir y analizar todo lo que

vemos. Es posible modificar los extremos con

grados menores de intensidad, lo que implica una

gama muy amplia de posibilidades de expresión ycomprensión.

Es preciso aclarar que la contraposición de

técnicas nunca debe ser tan sutil que resulte poco

clara. Aunque no es necesario utilizarlas

solamente en sus extremos de intensidad, deben

seguir claramente una vía u otra. Si no son

definibles, resultan transmisores ambiguos y

malos de información.

Sería imposible enumerar todas las técnicas

visuales disponibles o dar definiciones acertadas a

las mismas. En esto, como en todos los escalones

de la estructura de los medios visuales, la

interpretación personal es un factor muy

importante. Pese a estas limitaciones pueden

definirse cada técnica y su contraria en forma de

dipolo.

Equilibrio InestabilidadSimetría AsimetríaRegularidad IrregularidadSimplicidad ComplejidadUnidad FragmentaciónEconomía ProfusiónReticencia ExageraciónPredictibilidad EspontaneidadActividad Pasividad

Sutiliza AudaciaNeutralidad Acento Transparencia OpacidadCoherencia VariaciónRealismo DistorsiónPlana ProfundaSecuencialidad AleatoriedadAgudeza DifusividadContinuidad Episodicidad

4. Estilo Visual.

El estilo es la síntesis visual de los elementos, lastécnicas, la sintaxis, la incitación, la expresión y lafinalidad básica. Resulta complicado y difícildescribirlo con claridad.

14



En las artes visuales el estilo es la síntesis últimade todas las fuerzas y factores, la unificación, laintegración de numerosas decisiones y grados.

En primer lugar está la elección del medio y lainfluencia sobre la forma y el contenido. Ennuestro caso el medio es la Web, es decir, unformato digital presentado en la pantalla de unordenador, donde el espectador ha de interactuaren mayor o menor grado de libertad.

Tenemos también el propósito, la razón de quealgo se hace: la supervivencia y la comunicación

para la expresión personal.La elección visual presenta una serie de opciones:

la búsqueda de decisiones compositivas mediante

la selección de elementos de carácter elemental,

la manipulación de ellos a través de técnicas

apropiadas.

El resultado final es una expresión individual (o a

veces colectiva) dirigida por todos o la mayor

parte de los factores mencionados, pero intuida

principal y profundamente por lo que está

ocurriendo en el entorno social, físico, político y

psicológico y que es crucial para todo lo que

hacemos o expresamos visualmente.

La política, la economía, el entorno y los

esquemas sociales crean juntos una psicología de

grupo. Estas mismas fuerzas que dan lugar a

lenguajes individuales en el uso verbal, secombinan en el modo visual para crear un estilo

común de expresión.

PrimitivismoExageración

EspontaneidadActividad

SimplicidadEconomía

PlanaIrregularidad

RedondezColorismo

ExpresionismoEspontaneidad

ActividadDiscursividad

AudaciaVariación

DistorsiónIrregularidad

ExperimentalismoVerticalidad

ClasicismoSimplicidad

RepresentaciónSimetría

ConvencionalismoOrganización

DimensionalidadCoherencia

PasividadUnidad

EmbellecidoProfusión

ExageraciónRedondez

AudaciaDetallismo

VariedadColorismoActividad

Diversidad

FuncionalidadSimetría

AngularidadAbstracción

15

Técnicas Técnicas

Técnicas Técnicas

Técnicas



CoherenciaSecuencialidad

UnidadOrganización

EconomíaSutilidad

16



ANEXO IIICONCEPTOS BÁSICOS

A continuación se presenta una relación de términosque pueden resultar de interés para el creador de Web

´s. Algunos de los conceptos aquí definidos abarcan un

campo bastante más amplio que la simple creación de

páginas Web´s pero sin duda ayudarán a comprender

mejor el entorno en el que se tendrán que desenvolver

los alumnos.

ANCHO DE BANDA: Capacidad de un medio de

transmitir una señal, es una unidad de tiempo dada.

Cantidad de datos que pueden viajar a través de uncircuito, expresados en bits de segundo.

APLICACIÓN: Programa o software con el que

interactúa directamente al utilizar un computador. Los

procesadores de texto, las bases de datos, las planillas

electrónicas o los programas de correo electrónico son

aplicaciones.

BANNER: aviso publicitario que ocupa parte de una

página web, en general ubicado en la parte superiordel centro. Haciendo un clic en él se puede llegar al

sitio del anunciante. De este modo los banners en

general se cobran en base a los clicks-throughs que se

obtienen.

BASE DE DATOS. Estructura para almacenar datos de

un computador, y acceder a ellos por medio de una

búsqueda lógica. Por lo general las bases de datos

están organizadas por registros que se dividen en

campos. De hecho pueden interpretarse a internet

como una gigantesca base de datos, algunos cuyoscampos están altamente estructurados, mientras que

hay otros que no lo están tanto.

ENLACES: (Links) Conexiones que posee un

documento de la web (escrito en HTML). Un enlace

puede apuntar a referencias en el mismo documento,

en otro documento en el mismo site; también a otro

site, a un gráfico, video o sonido.

FTP (File Transfer Protocol, o Protocolo de

transferencia de archivos) es uno de los protocolos de

TCP/IP que permite copiar, renombrar o borrar archivos

de una máquina a otra de internet. Transfiere archivos

en ASCII o binarios. Su utilización más habitual

consiste en copiar archivos desde un servidor remoto

al servidor local.

GIGABYTE: Medida de mil millones de bytes, o más

precisamente, de 1.073.741.824 bytes. Un giga es2

elevado a la potencia de 30.

HIPERMEDIA: combinación de hipertexto y

multimedia. Uno de los grandes atractivos de la web.

HIPERTEXTO: Concepto y termino inventado por Ted

Nelson en 1969. Que era un famoso visionario de la

informática que investigo durante 25 años, las

17



posibilidades de interacción entre las computadoras y

la literatura. Uno de los conceptos básicos para el

desarrollo de la WWW. El hipertexto es una forma

diferente de organizar información. En lugar de lerr un

texto de forma continua, ciertos términos están unidos

mediante relaciones (enlaces o links) que tienen entre

ellos. El hipertexto permite saltar de un punto a otyro

en un texto y través de los enlaces (con un simple click

sobre la palabra subrayada y en negrita).

HTML (Hipertext Markup Lenguaje): Lenguaje

usado para escribir documentos para servidores World

Wide Web. Es una aplicación de la ISO Standard

8879;986 (SGML, Standard Generalized MarkupLenguaje). Evolución de HTML: HTML sigue un modelo

de desarrollo abierto. Cuando una nueva característica

es propuesta, es implementada en algunos clientes y

probada en algunas aplicaciones.

INTERFACE. Cara visible de los programas. Interactúa

con los usuarios. La interface abarca las pantallas y su

diseño, el lenguaje usado, los botones, los mensajes de

error, entre otros aspectos de la comunicación

computadora/persona.

IP (INTERNET PROTOCOL) Protocolo que intercambia

datos entre computadoras en internet. Se le considera

como la esencia de internet. Divide la información a

transmitir en datagramas, los que envía de manera

separada. La misión de IP es la de llevar datos a través

de internet.

JAVA: Lenguaje de programación, como lenguaje es

simple, orientado a objetos, distribuido, interpretado,

seguro, neutral, con respecto a la arquitectura,

portable y dinámico. Este lenguaje crea archivos

ejecutables que se instalan en el ordenador del

navegante y se utiliza para animaciones o para crear

pequeños programas (calculadoras, juegos, etc.)

Aunque cabe calara que cada vez se está utilizando

menos.

JAVASCRIP: Lenguaje de scripts para utilizar en

páginas Web desarrollado por Netscape, permite

aumentar la interactividad y personalización de un

sitio. Java por ser un lenguaje de programación:cálculos matemáticos, procesadores de palabras,

bases de datos, hojas de cálculo, animaciones,

sonidos, especialmente al usar java Applets en páginas

Web, se logra que las páginas ya no tengan que ser

estáticas, se les puede poner toda clase de elementos

multimedia y permiten un alto grado de interactividad,

sin tener que gastar en carísimos paquetes

multimedia.

PAGINA: (Page o Webpage). Unidad que muestrainformación en la web, una página puede tener

cualquier longitud, si bien equivale por lo general a la

cantidad de texto que ocupan dos pantallas y media.

Las páginas se diseñan en lenguaje llamado HTML y

contienen enlaces a otros documentos, un conjunto de

páginas relacionadas componen un site (sitio).

18



PROGRAMA: Sinónimo de software. Conjunto de

instrucciones que se ejecutan en la memoria de una

computadora para lograr algún objetivo. Creado por

programadores en lenguajes especiales de

programación y se les diseña una1 interface de usuario

para que puedan interactuar con las personas que los

utilicen.

PROGRAMACIÓN WEB: Con el desarrollo de la web

surgieron nuevos lenguajes de programación

tendientes a presentar páginas que permiten mayor

interacción, son más rápidas, contienen animaciones,

etc. entre ellos, podemos mencionar al asp y php, que

en líneas generales, permiten generar páginas en basea los pedidos de los usuarios del sitio, es decir, buscan

una base en una base de datos la información

solicitada, y crean una página de forma instantánea, la

base de datos más utilizada es MySQL, Oracle, Informix

de IBM, y Microsoft. El DHTML (HTML dinámico) y el

CSS (hojas de estilo) sirven para hacer más

interactivas las páginas HTML, por ejemplo botones

que cambian de color, texto que se agranda o

disminuye de tamaño, etc. aliados al Java Scrip,

pueden poner la hora y fecha de la página, mostrar

texto que se desplaza , y más. Un software que se está

utilizándose mucho en la Web para hacer animaciones

con audio, texto, imágenes, etc. es el Macromedia

Flash, ya que en sus últimas versiones cuenta con

herramientas que hacen relativamente fácil una

presentación web.

SITIO. En general se le utiliza para definir a un

conjunto coherente y unificado de páginas y de objetos

intercomunicados, almacenados en un servidor.

Formalmente es un servicio ofrecido por un server, por

ejemplo: varios servers pueden responder en un

mismo site, y también es posible que un solo server

atienda simultáneamente varios sites.

19

bloque v proyecto de diseÑo

Documents