SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
Introducción a los proyectos en web
Estructura de proyectos web


    Usuario    Aplicación o sitio web




                      ¿?
Usuario




          Aplicación
Usuario




      Front-end




          Back-end
Usuario




Contenido   Interacciones       Estilos
Usuario




Seguridad   Bases de datos
Diseñadores de
                Interfaces




Back - end
Developers
                     Front - end
                     Developers
Back - end Developers
Conocimientos de diseño lógico de
bases de datos

Manejo de bases de datos con SQL

Sistemas de bases de datos (Oracle,
Microsoft, MySQL)

Lenguajes de back-end (PHP, C#,
Visual Basic, Java)

Lenguajes de clasificación de
información (XML, JSON)
Front - end Developers
Lenguajes de markup o
presentación de contenido (HTML,
HTML5)

Lenguajes de estilizado de
contenido (XML, CSS, CSS3)

Lenguajes de interacción (ASP,
Javascript, AJAX)

Manejadores de contenido
(Wordpress, Joomla, Drupal)

Capacidad de reconocimiento e
implementación de casos de uso
Diseñadores de interfaces
Conocimientos de las capacidades y
limitaciones de las otras dos
profesiones.

Conocimientos de arquitectura de
información 

Manejo de software de diagramado
de prototipos

Manejo de metodologías y conceptos
de diseño centrado en el usuario

Manejo de software de diseño
Términos relevantes
Compatibilidad Cross-Browser


" Capacidad que tiene nuestro
  proyecto de ser visualizado en
      todos los navegadores
       relevantes a nuestros
             usuarios.

                              "
HTML

"   Siglas de 'Hypertext Markup
     Language', es el lenguaje de
     programación que define el
    contenido de un sitio web y
         su estructura básica.

                                "
CSS

"     Siglas de 'Cascading Style
     Sheets', determina colores,
     estilos, posicionamientos y
    transiciones de los elementos
       definidos por el HTML.

                                "
Javascript

"     Define las interacciones y
       animaciones complejas
      dentro de una página web,
    trabajando en conjunto con el
          HTML y su CSS.

                                "
AJAX

"  Siglas de 'Asynchronous
 Javascript and XML es una
                       ',
    manera más compleja y
     poderosa de manejar
interacciones, completamente

                          "
      del lado del cliente.
Estructura de proyectos web



Usuario   Aplicación o sitio web   Servidor

                  Cliente

Más contenido relacionado

La actualidad más candente

La actualidad más candente (11)

Introduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slidesIntroduccion al Desarrollo web - slides
Introduccion al Desarrollo web - slides
 
Html5 rapido y seguro con Initializr
Html5 rapido y seguro con InitializrHtml5 rapido y seguro con Initializr
Html5 rapido y seguro con Initializr
 
Calles Luis_Mapas_grupo 1
Calles Luis_Mapas_grupo 1Calles Luis_Mapas_grupo 1
Calles Luis_Mapas_grupo 1
 
cms
cmscms
cms
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion Web
 
Visual fox pro
Visual fox proVisual fox pro
Visual fox pro
 
17201064
1720106417201064
17201064
 
SISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOSSISTEMA DE GESTIÓN DE CONTENIDOS
SISTEMA DE GESTIÓN DE CONTENIDOS
 
Cms
CmsCms
Cms
 
Cms
CmsCms
Cms
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 

Similar a Tema 2 - Introducción a los proyectos web

Similar a Tema 2 - Introducción a los proyectos web (20)

Semana 2 HTML y CSS
Semana 2   HTML y CSSSemana 2   HTML y CSS
Semana 2 HTML y CSS
 
Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)Colegio de bachilleres del estado de oaxac1 (1)
Colegio de bachilleres del estado de oaxac1 (1)
 
Javacript
JavacriptJavacript
Javacript
 
Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5 Desarrollo de aplicaciones con HTML5
Desarrollo de aplicaciones con HTML5
 
Estándares W3C (Tarea)
Estándares W3C (Tarea)Estándares W3C (Tarea)
Estándares W3C (Tarea)
 
A3.mapa conceptual.eva.maria
A3.mapa conceptual.eva.mariaA3.mapa conceptual.eva.maria
A3.mapa conceptual.eva.maria
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Web2 Quiensomos
Web2 QuiensomosWeb2 Quiensomos
Web2 Quiensomos
 
HTML5 + Asp.NET
HTML5 + Asp.NETHTML5 + Asp.NET
HTML5 + Asp.NET
 
Web Development introduction
Web Development introductionWeb Development introduction
Web Development introduction
 
Aplicaciones en HTML 5: Los pilares de una Nueva Web
Aplicaciones en HTML 5: Los pilares de una Nueva WebAplicaciones en HTML 5: Los pilares de una Nueva Web
Aplicaciones en HTML 5: Los pilares de una Nueva Web
 
Java Web - Introduccion
Java Web - IntroduccionJava Web - Introduccion
Java Web - Introduccion
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Clase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo WebClase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo Web
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Ajax para no programadores
Ajax para no programadoresAjax para no programadores
Ajax para no programadores
 
EQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILASEQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILAS
 

Más de Pamela Rodriguez

Especificaciones del proyecto parcial
Especificaciones del proyecto parcialEspecificaciones del proyecto parcial
Especificaciones del proyecto parcialPamela Rodriguez
 
Tema 9 - Estructura con css
Tema 9 - Estructura con cssTema 9 - Estructura con css
Tema 9 - Estructura con cssPamela Rodriguez
 
Tema 7 - Introducción a html con css
Tema 7 - Introducción a html con cssTema 7 - Introducción a html con css
Tema 7 - Introducción a html con cssPamela Rodriguez
 
Tema 8 - Uso de la tipografía en web
Tema 8 - Uso de la tipografía en webTema 8 - Uso de la tipografía en web
Tema 8 - Uso de la tipografía en webPamela Rodriguez
 
Tema 6 - Formularios en html
Tema 6 - Formularios en htmlTema 6 - Formularios en html
Tema 6 - Formularios en htmlPamela Rodriguez
 
Tema 4 - Etiquetas y atributos en html
Tema 4 - Etiquetas y atributos en htmlTema 4 - Etiquetas y atributos en html
Tema 4 - Etiquetas y atributos en htmlPamela Rodriguez
 
Tema 1 - Introducción a la materia
Tema 1 - Introducción a la materiaTema 1 - Introducción a la materia
Tema 1 - Introducción a la materiaPamela Rodriguez
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLPamela Rodriguez
 

Más de Pamela Rodriguez (9)

Especificaciones del proyecto parcial
Especificaciones del proyecto parcialEspecificaciones del proyecto parcial
Especificaciones del proyecto parcial
 
Tema 9 - Estructura con css
Tema 9 - Estructura con cssTema 9 - Estructura con css
Tema 9 - Estructura con css
 
Tema 7 - Introducción a html con css
Tema 7 - Introducción a html con cssTema 7 - Introducción a html con css
Tema 7 - Introducción a html con css
 
Tema 8 - Uso de la tipografía en web
Tema 8 - Uso de la tipografía en webTema 8 - Uso de la tipografía en web
Tema 8 - Uso de la tipografía en web
 
Tema 6 - Formularios en html
Tema 6 - Formularios en htmlTema 6 - Formularios en html
Tema 6 - Formularios en html
 
Tema 4 - Etiquetas y atributos en html
Tema 4 - Etiquetas y atributos en htmlTema 4 - Etiquetas y atributos en html
Tema 4 - Etiquetas y atributos en html
 
Tema 5 - Tablas en html
Tema 5 - Tablas en htmlTema 5 - Tablas en html
Tema 5 - Tablas en html
 
Tema 1 - Introducción a la materia
Tema 1 - Introducción a la materiaTema 1 - Introducción a la materia
Tema 1 - Introducción a la materia
 
Tema 3 - Introducción a HTML
Tema 3 - Introducción a HTMLTema 3 - Introducción a HTML
Tema 3 - Introducción a HTML
 

Tema 2 - Introducción a los proyectos web

  • 1. Introducción a los proyectos en web
  • 2. Estructura de proyectos web Usuario Aplicación o sitio web ¿?
  • 3. Usuario Aplicación
  • 4. Usuario Front-end Back-end
  • 5. Usuario Contenido Interacciones Estilos
  • 6. Usuario Seguridad Bases de datos
  • 7. Diseñadores de Interfaces Back - end Developers Front - end Developers
  • 8. Back - end Developers Conocimientos de diseño lógico de bases de datos Manejo de bases de datos con SQL Sistemas de bases de datos (Oracle, Microsoft, MySQL) Lenguajes de back-end (PHP, C#, Visual Basic, Java) Lenguajes de clasificación de información (XML, JSON)
  • 9. Front - end Developers Lenguajes de markup o presentación de contenido (HTML, HTML5) Lenguajes de estilizado de contenido (XML, CSS, CSS3) Lenguajes de interacción (ASP, Javascript, AJAX) Manejadores de contenido (Wordpress, Joomla, Drupal) Capacidad de reconocimiento e implementación de casos de uso
  • 10. Diseñadores de interfaces Conocimientos de las capacidades y limitaciones de las otras dos profesiones. Conocimientos de arquitectura de información Manejo de software de diagramado de prototipos Manejo de metodologías y conceptos de diseño centrado en el usuario Manejo de software de diseño
  • 12. Compatibilidad Cross-Browser " Capacidad que tiene nuestro proyecto de ser visualizado en todos los navegadores relevantes a nuestros usuarios. "
  • 13. HTML " Siglas de 'Hypertext Markup Language', es el lenguaje de programación que define el contenido de un sitio web y su estructura básica. "
  • 14. CSS " Siglas de 'Cascading Style Sheets', determina colores, estilos, posicionamientos y transiciones de los elementos definidos por el HTML. "
  • 15. Javascript " Define las interacciones y animaciones complejas dentro de una página web, trabajando en conjunto con el HTML y su CSS. "
  • 16. AJAX " Siglas de 'Asynchronous Javascript and XML es una ', manera más compleja y poderosa de manejar interacciones, completamente " del lado del cliente.
  • 17. Estructura de proyectos web Usuario Aplicación o sitio web Servidor Cliente