SlideShare une entreprise Scribd logo
1  sur  15
Proyecto web: FLUJO DE
                   TRABAJO
   En la última década del siglo XX, "el boom de Internet" significó un acceso
                       masivo de usuarios y la publicación
de una cantidad gigantesca de sitios y páginas web que fueron construyendo la
                            red hipertextual mundial.
 La cantidad de usuarios hacia finales de siglo a 276 millones con una cantidad
                         aproximada de 36 millones de
        sitios web. Hoy hay aproximadamente 500 millones de usuarios.
 Internet permite no sólo el fácil acceso a una infinita cantidad de información,
                               recursos y servicios
que todos los usuarios del planeta comparten, sino también, el que cualquiera,
                            con un mínimo de costo y
conocimiento, se puede convertir en un "emisor" y "productor de contenidos" ,
                               algo casi imposible
 para la mayoría, en otros medios tradicionales como la radio, la tv y la prensa.
                Existen dos inconvenientes principales en la web.
USABILIDAD o la problemática central
          del diseño web
• En un primer momento, cuando Internet estaba en
  pañales, el diseño web andaba a tientas.
• En la actualidad la experiencia ha permitido construir
  ciertas reglas que indican qué es lo que conviene y no
• conviene hacer al momento de diseñar un sitio.
• Estas reglas se han construido a partir del propio uso de los
  usuarios que han ido definiendo con su práctica de
• navegación, con sus exigencias de usabilidad, y sus hábitos
  de consumo, cómo se debe diseñar un sitio.
• Jakob Nielsen, gurú del diseño web, dice que "la web es un
  entorno en el que el poder está en manos de los usuarios.
• El usuario, que es quién hace clic con el mouse, es el que
  decide todo.”
ETAPA Nº 1 = PLANEAMIENTO o PLAN
                ESTRATEGICO
• 1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y QUIEN SE
• PRESENTA)
• El sitio puede ser sobre la base de algo ya existente o tratarse de un
  emprendimiento puramente virtual.
• En el primer caso el sitio será construido a partir de eso existente.
• En un emprendimiento puramente virtual todo comienza de cero.
• Tomemos como ejemplo un sitio web de un video-club, el logo, los colores, los
  slogans, y todos los aspectos que
• hacen distintivos a una entidad, deberán ser mínimamente respetados.
• El segundo caso, por ejemplo una página sobre una banda musical, el diseño de
  todo el sitio puede ser proyectado en
• base a un mayor despliegue de originalidad y creatividad y interactividad en
  relación al perfil de los usuarios-fans.
• Es conveniente, en el caso de un emprendimiento puramente virtual (o de una
  entidad no muy conocida), redactar
• siempre una especie de "quiénes somos", en donde se detalle la
  "institución, empresa, organización o grupo" que se
• presenta, volcando esta información como una página del sitio.
• 2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA
• Una vez que se ha definido el público (clientes del video o fans del músico)
  viene la tarea más engorrosa: determinar
• las características de ese público.
• Tengamos siempre presente que el público es la condición central de la
  existencia de un sitio, es decir, todo nuestro
• trabajo tiene valor si está dirigido hacia ellos, por lo que siempre es
  importante recordar que el sitio más que
• gustarnos a nosotros, tiene que gustarle y serle funcional a los usuarios.
• Por ejemplo, se sabe que el público del grupo musical Bandana, es
  fundamentalmente adolescente (se ha obtenido
• este dato a partir de otros medios) y que ese público en general, está
  familiarizado con la computadora, pero
• tendremos que imaginar qué información le interesaría recibir, qué tipo de
  computadoras tienen, etc.
• Pero independientemente de las particularidades de cada destinatario, hay
  algunas cuestiones generales que siempre
• se pueden tener en cuenta al momento de diseñar un sitio web.
• Es conveniente tener presentes las siguientes recomendaciones para el
  momento en que se comience a diseñar, ya
• que son pertinentes para cualquier tipo de público.
• Etapa Nº2 = ESBOZO DEL SITIO
• En esta etapa ya se puede comenzar a estructurar en un plano todos los
  aspectos que serán parte del sitio. Es decir un
• esbozo con el "MAPA" o estructura inicial.
• El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las
  "secciones" del sitio y sus respectivos
• contenidos, en donde, se parte de la raíz (la home-page) para continuar con
  todas las ramas con que cuenta.
• A este plano se le suele llamar "estructura o mapa de navegación", y es una
  de las primeras y más importantes tareas
• del diseño del sitio web!!!, Es como el guión de una película.
• /1 TIPOS DE ESTRUCTURAS WEB
• 1.A JERÁRQUICA
• La estructura jerárquica, es la típica estructura de árbol, en el que se parte
  de la raíz, home page o página de inicio,
• en donde se establecen las diferentes secciones que contendrá el sitio.
• El ingreso a una sección conduce a una lista de subtemas que pueden o no
  dividirse.
• Este tipo de organización permite al lector conocer en qué lugar de la
  estructura se encuentra, e ir descendiendo a
• mayor contenido jerárquico de información.
• Etapa Nº3 = DISEÑO WEB
• Es el momento de expresar en el diseño eso que ha sido parte
  del planeamiento estratégico general del Proyecto
• Web.
• El DISEÑO WEB comprende... El diseño de contenido y el
  diseño estético/visual o gráfico del sitio.
• Se construye a partir de dos criterios básicos fundamentales:
• 1. Lo que está subordinado al plan estratégico del proyecto
  web y que refiere a las particularidades de cada sitio.
• 2. Una serie de reglas que son de validez universal,
  relacionadas en con el medio digital interactivo WEB.
• En esta clase se desarrolla este segundo aspecto, es decir,
  todo lo que tiene que ver con las reglas generales del
• MEDIO WEB, dejando en ustedes la capacidad de discernir si
  esas reglas sirven, son funcionales y pertinentes,
• desde el punto de vista estético o no, para el sitio en
  particular que quieran diseñar.
EDICION
• ETAPA Nº 4 = Edición Web
• Es el desarrollo de la estrategia web a los fines de "materializar" el sitio.
• La edición web, requiere de un proceso de aprendizaje técnico, pero
  también de una adecuada aplicación en relación
• al medio digital en sí y en relación a los usuarios.
• Es indispensable recurrir a la edición y manipulación de herramientas
  informáticas específicas, en este caso HTML,
• a los fines de concretar un sitio web. Pero también es indispensable
  reconocer que el medio de funcionamiento =
• Internet implica criterios particulares de diseño.
• La edición web, es mucho más que el desempeño en el uso de un software.
  En realidad...
• La edición web es una recurso que traduce en una apariencia
  tecnológico/visual = diseño web, una serie de planes:
• perfil de sitio, qué comunicar, quién es la audiencia, etc.
23-Finalizando el diseño
• ETAPA Nº 5 = Comprobación y Evaluación del sitio web
• Una vez finalizado el sitio, es decir cuando hemos finalizado la
  edición y diseño de todos las páginas que lo
• conforman, es necesario hacer una especie de EVALUACIÓN
  DE SU FUNCIONAMIENTO
• En realidad esta evaluación se debería ser una tarea de
  costumbre frecuente en el avance del desarrollo o edición
• web del sitio, para ir detectando posibles errores y de ese
  modo ir solucionando problemas concretamente sobre la
• marcha (y no después de 55 páginas dedidacadamente
  diseñadas).
• Recordar que hasta antes de subir el sitio a Internet, en
  realidad, estuvimos siempre navegando el sitio a modo
• "local".
• Etapa Nº6 = Publicación del sitio
• En la estructura de funcionamiento de Internet existe una
  división de aplicaciones y funciones que permiten la
• comunicación entre distintas computadoras.
• Por un lado, se encuentran los CLIENTES, que son los
  programas que realizan los requerimientos o pedidos: son
• aquellos programas que sirven para usar correos, navegar en
  la web, chatear, etc.
• Por otro lado, están los que dan respuestas a estos
  requerimientos = SERVIDORES.
• En este gráfico vemos cómo es la comunicación entre ellos.
• En síntesis...
• Para navegar en la web o usar correos, se requieren
  programas clientes que realicen esa tarea; en cambio para
• publicar el sitio web, se requiere de servidores en donde el
  sitio se aloje para dar respuestas a las demandas.
• Los clientes se conectan a Internet, en general, cuando
  necesitan un requerimiento.
• Etapa Nº7 = Publicidad y promoción del sitio
• Con el objetivo de tener un público de alta fidelidad, las
  estrategias tendrán que estar orientadas al usuario que ha
• sido designado como la principal meta del sitio en la primera
  etapa del planeamiento estratégico.
• Hay dos estrategias claves
• 1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET
• 2. Promoción por fuera de la red, principalmente en otros
  medios alternativos (o tradicionales) de comunicación.
• Nosotros vamos a ocuparnos únicamente de la promoción en
  Internet.
• A: Alta o Indexación en los Buscadores
• Los buscadores son computadoras con bases de datos que
  suministran una buena parte de la abundante cantidad de
• información que existe en Internet.

Contenu connexe

Tendances (19)

Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Herramientas de colaboracion digital
Herramientas de colaboracion digitalHerramientas de colaboracion digital
Herramientas de colaboracion digital
 
Presentacion web 2
Presentacion web 2Presentacion web 2
Presentacion web 2
 
El internet
El internetEl internet
El internet
 
Trabajo Practico Nº5
Trabajo Practico Nº5Trabajo Practico Nº5
Trabajo Practico Nº5
 
Diseñ0 w3d
Diseñ0 w3dDiseñ0 w3d
Diseñ0 w3d
 
Webs 1.0 2.0 3.0
Webs 1.0 2.0 3.0Webs 1.0 2.0 3.0
Webs 1.0 2.0 3.0
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
Web
WebWeb
Web
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio
 
Evolución de la web
Evolución de la webEvolución de la web
Evolución de la web
 
Trabajo de la web 2.0
Trabajo de la web 2.0Trabajo de la web 2.0
Trabajo de la web 2.0
 
Microsoft power point caracteristicas ventajas y desventajas
Microsoft power point   caracteristicas ventajas y desventajasMicrosoft power point   caracteristicas ventajas y desventajas
Microsoft power point caracteristicas ventajas y desventajas
 
Ponencia unidad2 proyectos web
Ponencia unidad2   proyectos webPonencia unidad2   proyectos web
Ponencia unidad2 proyectos web
 
Diseno web introduccion
Diseno web introduccionDiseno web introduccion
Diseno web introduccion
 
web 2.0 y algunos presentadores online
web 2.0 y algunos presentadores onlineweb 2.0 y algunos presentadores online
web 2.0 y algunos presentadores online
 
presentaciones online
presentaciones onlinepresentaciones online
presentaciones online
 
Web 2.0
Web 2.0 Web 2.0
Web 2.0
 
Diseño web semana 3
Diseño web semana 3Diseño web semana 3
Diseño web semana 3
 

En vedette

En vedette (6)

Taking sides
Taking sidesTaking sides
Taking sides
 
Tra tra-tra
Tra tra-traTra tra-tra
Tra tra-tra
 
Group4 ppt
Group4 pptGroup4 ppt
Group4 ppt
 
Taking sides
Taking sidesTaking sides
Taking sides
 
Taking sides by gary soto presentation
Taking sides by gary soto presentationTaking sides by gary soto presentation
Taking sides by gary soto presentation
 
Taking sides
Taking sidesTaking sides
Taking sides
 

Similaire à Presentación1

¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!Tony López Pagán
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasSebastian Vargas
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Sergio Nouvel Castro
 
Herramientas de la colaboracion digital
Herramientas de la colaboracion digitalHerramientas de la colaboracion digital
Herramientas de la colaboracion digitalAndresTandayamo
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)iMaryferGaitan
 
Informatica
InformaticaInformatica
InformaticaTuchii18
 
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptxPRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptxoscargutierrez542670
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web normamarquezfajardo
 
Paginas web y blog reimily
Paginas web y blog reimilyPaginas web y blog reimily
Paginas web y blog reimilyreimilyriossanz
 
Diseño Web
Diseño WebDiseño Web
Diseño WebVladimir
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1nicolecruz62
 
Herramientas web 2.0
Herramientas web 2.0  Herramientas web 2.0
Herramientas web 2.0 1ero-lfm
 
Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0KevinCambindo13
 

Similaire à Presentación1 (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Diseño web
Diseño webDiseño web
Diseño web
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Diseño web
Diseño webDiseño web
Diseño web
 
tic
tictic
tic
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
computación
computación computación
computación
 
Herramientas de la colaboracion digital
Herramientas de la colaboracion digitalHerramientas de la colaboracion digital
Herramientas de la colaboracion digital
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Informatica
InformaticaInformatica
Informatica
 
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptxPRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Paginas web y blog reimily
Paginas web y blog reimilyPaginas web y blog reimily
Paginas web y blog reimily
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Herramientas web 2.0
Herramientas web 2.0  Herramientas web 2.0
Herramientas web 2.0
 
Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0
 

Dernier

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDUgustavorojas179704
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdfRAMON EUSTAQUIO CARO BAYONA
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdfOswaldoGonzalezCruz
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 

Dernier (20)

FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDUFICHA DE MONITOREO Y ACOMPAÑAMIENTO  2024 MINEDU
FICHA DE MONITOREO Y ACOMPAÑAMIENTO 2024 MINEDU
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf05 Fenomenos fisicos y quimicos de la materia.pdf
05 Fenomenos fisicos y quimicos de la materia.pdf
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
5° SEM29 CRONOGRAMA PLANEACIÓN DOCENTE DARUKEL 23-24.pdf
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 

Presentación1

  • 1.
  • 2. Proyecto web: FLUJO DE TRABAJO En la última década del siglo XX, "el boom de Internet" significó un acceso masivo de usuarios y la publicación de una cantidad gigantesca de sitios y páginas web que fueron construyendo la red hipertextual mundial. La cantidad de usuarios hacia finales de siglo a 276 millones con una cantidad aproximada de 36 millones de sitios web. Hoy hay aproximadamente 500 millones de usuarios. Internet permite no sólo el fácil acceso a una infinita cantidad de información, recursos y servicios que todos los usuarios del planeta comparten, sino también, el que cualquiera, con un mínimo de costo y conocimiento, se puede convertir en un "emisor" y "productor de contenidos" , algo casi imposible para la mayoría, en otros medios tradicionales como la radio, la tv y la prensa. Existen dos inconvenientes principales en la web.
  • 3. USABILIDAD o la problemática central del diseño web • En un primer momento, cuando Internet estaba en pañales, el diseño web andaba a tientas. • En la actualidad la experiencia ha permitido construir ciertas reglas que indican qué es lo que conviene y no • conviene hacer al momento de diseñar un sitio. • Estas reglas se han construido a partir del propio uso de los usuarios que han ido definiendo con su práctica de • navegación, con sus exigencias de usabilidad, y sus hábitos de consumo, cómo se debe diseñar un sitio. • Jakob Nielsen, gurú del diseño web, dice que "la web es un entorno en el que el poder está en manos de los usuarios. • El usuario, que es quién hace clic con el mouse, es el que decide todo.”
  • 4.
  • 5. ETAPA Nº 1 = PLANEAMIENTO o PLAN ESTRATEGICO • 1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y QUIEN SE • PRESENTA) • El sitio puede ser sobre la base de algo ya existente o tratarse de un emprendimiento puramente virtual. • En el primer caso el sitio será construido a partir de eso existente. • En un emprendimiento puramente virtual todo comienza de cero. • Tomemos como ejemplo un sitio web de un video-club, el logo, los colores, los slogans, y todos los aspectos que • hacen distintivos a una entidad, deberán ser mínimamente respetados. • El segundo caso, por ejemplo una página sobre una banda musical, el diseño de todo el sitio puede ser proyectado en • base a un mayor despliegue de originalidad y creatividad y interactividad en relación al perfil de los usuarios-fans. • Es conveniente, en el caso de un emprendimiento puramente virtual (o de una entidad no muy conocida), redactar • siempre una especie de "quiénes somos", en donde se detalle la "institución, empresa, organización o grupo" que se • presenta, volcando esta información como una página del sitio.
  • 6. • 2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA • Una vez que se ha definido el público (clientes del video o fans del músico) viene la tarea más engorrosa: determinar • las características de ese público. • Tengamos siempre presente que el público es la condición central de la existencia de un sitio, es decir, todo nuestro • trabajo tiene valor si está dirigido hacia ellos, por lo que siempre es importante recordar que el sitio más que • gustarnos a nosotros, tiene que gustarle y serle funcional a los usuarios. • Por ejemplo, se sabe que el público del grupo musical Bandana, es fundamentalmente adolescente (se ha obtenido • este dato a partir de otros medios) y que ese público en general, está familiarizado con la computadora, pero • tendremos que imaginar qué información le interesaría recibir, qué tipo de computadoras tienen, etc. • Pero independientemente de las particularidades de cada destinatario, hay algunas cuestiones generales que siempre • se pueden tener en cuenta al momento de diseñar un sitio web. • Es conveniente tener presentes las siguientes recomendaciones para el momento en que se comience a diseñar, ya • que son pertinentes para cualquier tipo de público.
  • 7.
  • 8. • Etapa Nº2 = ESBOZO DEL SITIO • En esta etapa ya se puede comenzar a estructurar en un plano todos los aspectos que serán parte del sitio. Es decir un • esbozo con el "MAPA" o estructura inicial. • El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las "secciones" del sitio y sus respectivos • contenidos, en donde, se parte de la raíz (la home-page) para continuar con todas las ramas con que cuenta. • A este plano se le suele llamar "estructura o mapa de navegación", y es una de las primeras y más importantes tareas • del diseño del sitio web!!!, Es como el guión de una película. • /1 TIPOS DE ESTRUCTURAS WEB • 1.A JERÁRQUICA • La estructura jerárquica, es la típica estructura de árbol, en el que se parte de la raíz, home page o página de inicio, • en donde se establecen las diferentes secciones que contendrá el sitio. • El ingreso a una sección conduce a una lista de subtemas que pueden o no dividirse. • Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, e ir descendiendo a • mayor contenido jerárquico de información.
  • 9. • Etapa Nº3 = DISEÑO WEB • Es el momento de expresar en el diseño eso que ha sido parte del planeamiento estratégico general del Proyecto • Web. • El DISEÑO WEB comprende... El diseño de contenido y el diseño estético/visual o gráfico del sitio. • Se construye a partir de dos criterios básicos fundamentales: • 1. Lo que está subordinado al plan estratégico del proyecto web y que refiere a las particularidades de cada sitio. • 2. Una serie de reglas que son de validez universal, relacionadas en con el medio digital interactivo WEB. • En esta clase se desarrolla este segundo aspecto, es decir, todo lo que tiene que ver con las reglas generales del • MEDIO WEB, dejando en ustedes la capacidad de discernir si esas reglas sirven, son funcionales y pertinentes, • desde el punto de vista estético o no, para el sitio en particular que quieran diseñar.
  • 10.
  • 11. EDICION • ETAPA Nº 4 = Edición Web • Es el desarrollo de la estrategia web a los fines de "materializar" el sitio. • La edición web, requiere de un proceso de aprendizaje técnico, pero también de una adecuada aplicación en relación • al medio digital en sí y en relación a los usuarios. • Es indispensable recurrir a la edición y manipulación de herramientas informáticas específicas, en este caso HTML, • a los fines de concretar un sitio web. Pero también es indispensable reconocer que el medio de funcionamiento = • Internet implica criterios particulares de diseño. • La edición web, es mucho más que el desempeño en el uso de un software. En realidad... • La edición web es una recurso que traduce en una apariencia tecnológico/visual = diseño web, una serie de planes: • perfil de sitio, qué comunicar, quién es la audiencia, etc.
  • 12. 23-Finalizando el diseño • ETAPA Nº 5 = Comprobación y Evaluación del sitio web • Una vez finalizado el sitio, es decir cuando hemos finalizado la edición y diseño de todos las páginas que lo • conforman, es necesario hacer una especie de EVALUACIÓN DE SU FUNCIONAMIENTO • En realidad esta evaluación se debería ser una tarea de costumbre frecuente en el avance del desarrollo o edición • web del sitio, para ir detectando posibles errores y de ese modo ir solucionando problemas concretamente sobre la • marcha (y no después de 55 páginas dedidacadamente diseñadas). • Recordar que hasta antes de subir el sitio a Internet, en realidad, estuvimos siempre navegando el sitio a modo • "local".
  • 13.
  • 14. • Etapa Nº6 = Publicación del sitio • En la estructura de funcionamiento de Internet existe una división de aplicaciones y funciones que permiten la • comunicación entre distintas computadoras. • Por un lado, se encuentran los CLIENTES, que son los programas que realizan los requerimientos o pedidos: son • aquellos programas que sirven para usar correos, navegar en la web, chatear, etc. • Por otro lado, están los que dan respuestas a estos requerimientos = SERVIDORES. • En este gráfico vemos cómo es la comunicación entre ellos. • En síntesis... • Para navegar en la web o usar correos, se requieren programas clientes que realicen esa tarea; en cambio para • publicar el sitio web, se requiere de servidores en donde el sitio se aloje para dar respuestas a las demandas. • Los clientes se conectan a Internet, en general, cuando necesitan un requerimiento.
  • 15. • Etapa Nº7 = Publicidad y promoción del sitio • Con el objetivo de tener un público de alta fidelidad, las estrategias tendrán que estar orientadas al usuario que ha • sido designado como la principal meta del sitio en la primera etapa del planeamiento estratégico. • Hay dos estrategias claves • 1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET • 2. Promoción por fuera de la red, principalmente en otros medios alternativos (o tradicionales) de comunicación. • Nosotros vamos a ocuparnos únicamente de la promoción en Internet. • A: Alta o Indexación en los Buscadores • Los buscadores son computadoras con bases de datos que suministran una buena parte de la abundante cantidad de • información que existe en Internet.