SlideShare a Scribd company logo
1 of 8
Equipos de
trabajo
Front-end
Es la parte visible
❖ Diseño de la Experiencia de
Usuario (UX)
❖ Diseño de interfaz de usuario
(UI): paleta de color,
tipografía, elementos gráficos
❖ HTML, CSS, JS
Es cómo funciona
❖ Lenguajes de programación
❖ Hospedaje
❖ Bases de datos
Back-end
Diseñador
web
Programador
Es la parte visible
❖ Diseño de la Experiencia de
Usuario (UX)
❖ Diseño de interfaz de usuario
(UI): paleta de color,
tipografía, elementos gráficos
❖ HTML, CSS, JS
Es cómo funciona
❖ Lenguajes de programación
❖ Hospedaje
❖ Bases de datos
Equipos de trabajo
❖ Diseñador gráfico web
❖ Programador / desarrollador
❖ Comunicador / copy / contenidos
❖ UX Designer
❖ Mkt digital
❖ ...
Flujos de trabajo
❖ Se recomienda trabajar en equipo para mejores
resultados
❖ Se debe tener conocimiento general sobre todas las
áreas
❖ Especialización
❖ Equipos interdisciplinarios
❖ Comunicación entre las partes del equipo

More Related Content

What's hot

Promocion d ela capacitacion
Promocion d ela capacitacionPromocion d ela capacitacion
Promocion d ela capacitacionMIJ19635
 
Trabajo Diseño Grafico - Flash Mx
Trabajo Diseño Grafico - Flash Mx Trabajo Diseño Grafico - Flash Mx
Trabajo Diseño Grafico - Flash Mx LoreniithaRamiirez
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scriptsHernando Moreno
 
Dreamweaver
DreamweaverDreamweaver
Dreamweavercts93
 
Un poco sobre Impress
Un poco sobre ImpressUn poco sobre Impress
Un poco sobre ImpressVero Yungán
 
Programas alternativos para presentaciones online
Programas alternativos para presentaciones onlineProgramas alternativos para presentaciones online
Programas alternativos para presentaciones onlinelizbeth alvaro
 
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlContenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlLuis Reinaldo Toledo
 
Adobe flash
Adobe flashAdobe flash
Adobe flashKakix
 
Dn12 u3 a11_rcla
Dn12 u3 a11_rclaDn12 u3 a11_rcla
Dn12 u3 a11_rclaangel_rock
 
Un poco sobre Impress
Un poco sobre ImpressUn poco sobre Impress
Un poco sobre ImpressVero Yungán
 
Un poco sobre impress
Un poco sobre impressUn poco sobre impress
Un poco sobre impressVero Yungán
 
Adobe Muse otra gran opción de Adobe Creative Cloud
Adobe Muse otra gran opción de Adobe Creative CloudAdobe Muse otra gran opción de Adobe Creative Cloud
Adobe Muse otra gran opción de Adobe Creative CloudDiego Huillca
 

What's hot (18)

Promocion d ela capacitacion
Promocion d ela capacitacionPromocion d ela capacitacion
Promocion d ela capacitacion
 
Trabajo Diseño Grafico - Flash Mx
Trabajo Diseño Grafico - Flash Mx Trabajo Diseño Grafico - Flash Mx
Trabajo Diseño Grafico - Flash Mx
 
Presentacion java scripts
Presentacion java scriptsPresentacion java scripts
Presentacion java scripts
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Un poco sobre Impress
Un poco sobre ImpressUn poco sobre Impress
Un poco sobre Impress
 
Adobe muse
Adobe museAdobe muse
Adobe muse
 
Luis palacio
Luis palacioLuis palacio
Luis palacio
 
Programas alternativos para presentaciones online
Programas alternativos para presentaciones onlineProgramas alternativos para presentaciones online
Programas alternativos para presentaciones online
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlContenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Adobe muse
Adobe museAdobe muse
Adobe muse
 
Competencias actuales en detalle
Competencias actuales en detalleCompetencias actuales en detalle
Competencias actuales en detalle
 
Dn12 u3 a11_rcla
Dn12 u3 a11_rclaDn12 u3 a11_rcla
Dn12 u3 a11_rcla
 
Un poco sobre Impress
Un poco sobre ImpressUn poco sobre Impress
Un poco sobre Impress
 
Un poco sobre impress
Un poco sobre impressUn poco sobre impress
Un poco sobre impress
 
Adobe flash cs6
Adobe flash cs6Adobe flash cs6
Adobe flash cs6
 
Adobe Muse otra gran opción de Adobe Creative Cloud
Adobe Muse otra gran opción de Adobe Creative CloudAdobe Muse otra gran opción de Adobe Creative Cloud
Adobe Muse otra gran opción de Adobe Creative Cloud
 

Similar to Equipos de trabajo // Front end - Back end

Similar to Equipos de trabajo // Front end - Back end (20)

Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Gui
GuiGui
Gui
 
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & InterfacesTaller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
Taller de Diseño UX & Usabilidad Sesión Nº2, Diseño de Interacción & Interfaces
 
T1 e1 lazuen
T1 e1 lazuenT1 e1 lazuen
T1 e1 lazuen
 
PROCESADORES DE TEXTO
PROCESADORES DE TEXTO PROCESADORES DE TEXTO
PROCESADORES DE TEXTO
 
producción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptxproducción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptx
 
D018
D018D018
D018
 
Powerpoint (1)
Powerpoint (1)Powerpoint (1)
Powerpoint (1)
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Coco kira
Coco kiraCoco kira
Coco kira
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataforma
 
Informatica
Informatica Informatica
Informatica
 
Evaluación diagnóstica
Evaluación diagnósticaEvaluación diagnóstica
Evaluación diagnóstica
 
Presentaciones digitales
Presentaciones digitalesPresentaciones digitales
Presentaciones digitales
 
Presentaciones Digitales
Presentaciones DigitalesPresentaciones Digitales
Presentaciones Digitales
 
Práctica 1 bloque 4
Práctica 1  bloque 4Práctica 1  bloque 4
Práctica 1 bloque 4
 
Libre office impres
Libre office impresLibre office impres
Libre office impres
 
Resumen tema 13 b
Resumen tema 13 bResumen tema 13 b
Resumen tema 13 b
 

More from Adriana Tienda

Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesAdriana Tienda
 
Tendencias diseño web 2016 2017
Tendencias diseño web 2016   2017Tendencias diseño web 2016   2017
Tendencias diseño web 2016 2017Adriana Tienda
 
Uso de imágenes en diseño web
Uso de imágenes en diseño webUso de imágenes en diseño web
Uso de imágenes en diseño webAdriana Tienda
 
Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño webAdriana Tienda
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónAdriana Tienda
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSSAdriana Tienda
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Adriana Tienda
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 

More from Adriana Tienda (17)

Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visuales
 
Tendencias diseño web 2016 2017
Tendencias diseño web 2016   2017Tendencias diseño web 2016   2017
Tendencias diseño web 2016 2017
 
Brief digital
Brief digitalBrief digital
Brief digital
 
Flat design
Flat designFlat design
Flat design
 
Uso de imágenes en diseño web
Uso de imágenes en diseño webUso de imágenes en diseño web
Uso de imágenes en diseño web
 
Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño web
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Wireframing
WireframingWireframing
Wireframing
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
 
Hospedaje web
Hospedaje webHospedaje web
Hospedaje web
 
Nombre de dominio
Nombre de dominioNombre de dominio
Nombre de dominio
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 

Recently uploaded

actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 

Recently uploaded (19)

actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 

Equipos de trabajo // Front end - Back end

  • 2. Front-end Es la parte visible ❖ Diseño de la Experiencia de Usuario (UX) ❖ Diseño de interfaz de usuario (UI): paleta de color, tipografía, elementos gráficos ❖ HTML, CSS, JS Es cómo funciona ❖ Lenguajes de programación ❖ Hospedaje ❖ Bases de datos Back-end
  • 3. Diseñador web Programador Es la parte visible ❖ Diseño de la Experiencia de Usuario (UX) ❖ Diseño de interfaz de usuario (UI): paleta de color, tipografía, elementos gráficos ❖ HTML, CSS, JS Es cómo funciona ❖ Lenguajes de programación ❖ Hospedaje ❖ Bases de datos
  • 4.
  • 5.
  • 6.
  • 7. Equipos de trabajo ❖ Diseñador gráfico web ❖ Programador / desarrollador ❖ Comunicador / copy / contenidos ❖ UX Designer ❖ Mkt digital ❖ ...
  • 8. Flujos de trabajo ❖ Se recomienda trabajar en equipo para mejores resultados ❖ Se debe tener conocimiento general sobre todas las áreas ❖ Especialización ❖ Equipos interdisciplinarios ❖ Comunicación entre las partes del equipo