Tema 2 - Introducción a los proyectos web

17
Introducción a los proyectos en web

Transcript of Tema 2 - Introducción a los proyectos web

Page 1: Tema 2 - Introducción a los proyectos web

Introducción a los proyectos en web

Page 2: Tema 2 - Introducción a los proyectos web

Estructura de proyectos web

Usuario Aplicación o sitio web

¿?

Page 3: Tema 2 - Introducción a los proyectos web

Usuario

Aplicación

Page 4: Tema 2 - Introducción a los proyectos web

Usuario

Front-end

Back-end

Page 5: Tema 2 - Introducción a los proyectos web

Usuario

Contenido Interacciones Estilos

Page 6: Tema 2 - Introducción a los proyectos web

Usuario

Seguridad Bases de datos

Page 7: Tema 2 - Introducción a los proyectos web

Front - end Developers

Back - end Developers

Diseñadores de Interfaces

Page 8: Tema 2 - Introducción a los proyectos web

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)

Page 9: Tema 2 - Introducción a los proyectos web

Front - end DevelopersLenguajes 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

Page 10: Tema 2 - Introducción a los proyectos web

Diseñadores de interfacesConocimientos 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

Page 11: Tema 2 - Introducción a los proyectos web

Términos relevantes

Page 12: Tema 2 - Introducción a los proyectos web

Compatibilidad Cross-Browser

Capacidad que tiene nuestro proyecto de ser visualizado en

todos los navegadores relevantes a nuestros

usuarios.

""

Page 13: Tema 2 - Introducción a los proyectos web

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.

""

Page 14: Tema 2 - Introducción a los proyectos web

CSS

Siglas de 'Cascading Style Sheets', determina colores, estilos, posicionamientos y

transiciones de los elementos definidos por el HTML.

""

Page 15: Tema 2 - Introducción a los proyectos web

Javascript

Define las interacciones y animaciones complejas

dentro de una página web, trabajando en conjunto con el

HTML y su CSS.

""

Page 16: Tema 2 - Introducción a los proyectos web

AJAXSiglas de 'Asynchronous

Javascript and XML', es una manera más compleja y

poderosa de manejar interacciones, completamente

del lado del cliente.

""

Page 17: Tema 2 - Introducción a los proyectos web

Estructura de proyectos web

Usuario Aplicación o sitio web Servidor

Cliente