SlideShare una empresa de Scribd logo
1 de 6
Universidad “POLITECNICA AMAZONICA”
DOCENTE :MARCO AURELIO PORRO CHULLI
ÁREA : ELECTIVO
CARRERA : ING: DE SISTEMAS Y TELEMATICA
ALUMNOS : CHERO NEYRA NOELI
: GOÑAS TERRONES KLEYBER
: MOSQUEDA CHAPPA NOEMI
2017
DEFINICION
TIPOS DE LAYOUT SEGÚN LA
TEMÁTICA
Si se trata de un apartamento, sin
embargo, se referirá a la distribución de
las habitaciones, ventanas, puertas y
demás en unos metros cuadrados
determinados.
Relacionado con el apartado de arquitectura, se
trata de la organización de los puestos de trabajo
físicos en una empresa. Es decir, en donde se
encuentra ubicada la zona de recepción, los
cubículos en donde trabajan los oficinistas, el
despacho de dirección, la zona de comedor, etc. Un
buen layout permite a los trabajadores desarrollar
su actividad de forma eficiente o, en caso de ser un
espacio para los clientes, que éstos puedan visitar
su local y encontrar lo que necesiten de forma
sencilla.
Se especifica en este caso como layout a la forma en
la que se vería un documento; el tipo de letra, la
cantidad de párrafos, el espaciado entre líneas, etc.
En resumen, se refiere al conjunto de elementos que
da forma visual a un texto y lo hace más (o menos)
apetecible al lector.
En la creación de páginas webs por ejemplo,
para referirse a la distribución de los
elementos tales como los encabezados, los
párrafos, el pie de página, etc., es decir, todo
aquello sobre lo que se va edificando la web y
que le da una identidad propia.
Diseño web
Arquitectura
Redacción de
textos
Empresarial
TIPOS DE LAYOUTS SEGÚN LA
TEMÁTICA
LAYOUTS EN LA INFORMÁTICA
LAYOUT EN LA
INFORMÁTICA El término layout es muy usado en la informática, ya que ésta
contiene a sistemas operativos que trabajan en base a
disposiciones o interfaces para el usuario. Tanto Windows
como Mac OS trabajan con ventanas que hacen referencia a
distintos programas o aplicaciones, y la disposición o interfaz
general es llamada layout.
En Internet es frecuente que existan layouts de variados
temas, como las páginas web, y que sean vendidos o bien
para uso público, aunque en general queda especificado quién
fue el autor o autora de dicha plantilla o layout. La idea es que
muchos de estos layouts son modificables por el usuario, para
ajustarse a sus necesidades específicas.
FRAMELAYOUT
Este layout consiste en un marco que
ocupa toda la pantalla, y donde los
controles se dispondrán a partir de la
esquina superior izquierda, por lo que
es probable que haya elementos que se
queden ocultos detrás de otros.
LINEARLAYOUT
Este tipo de layout coloca sus hijos
unos detras de otros, también
comenzando por la esquina superior
izquierda de la pantalla. Podemos
colocarlos alineados horizontalmente
o verticalmente mediante su
propiedad android
RELATIVELAYOUT
Este Layout permite que
coloquemos los elementos en un
lugar con respecto a la posición de
otro, es decir, colocar un botón a la
derecha de un texto, o centrarlo en
la pantalla, o por ejemplo, colocar
un texto encima de tal elemento y a
la derecha de este otro.
TABLE LAYOUT
Es un modelo de organización
basado en una organización con
tablas. El diseño lo organizaremos
en filas (elemento TableRow) y
dentro de cada fila, pondremos los
elementos.
Layouts

Más contenido relacionado

Similar a Layouts

Similar a Layouts (20)

Uml
UmlUml
Uml
 
Gep2009 Eq5 Inv Herramientas
Gep2009 Eq5 Inv HerramientasGep2009 Eq5 Inv Herramientas
Gep2009 Eq5 Inv Herramientas
 
DREAMWEABER
DREAMWEABERDREAMWEABER
DREAMWEABER
 
Alejo revelo ntics
Alejo revelo nticsAlejo revelo ntics
Alejo revelo ntics
 
Ntics verito
Ntics veritoNtics verito
Ntics verito
 
Patrones estructurales
Patrones estructuralesPatrones estructurales
Patrones estructurales
 
Que son las herramientas ofimáticas
Que son las herramientas ofimáticasQue son las herramientas ofimáticas
Que son las herramientas ofimáticas
 
Abstraccion
AbstraccionAbstraccion
Abstraccion
 
Abstraccion
AbstraccionAbstraccion
Abstraccion
 
Project leo (1)
Project leo (1)Project leo (1)
Project leo (1)
 
Herramientas ofimaticas
Herramientas ofimaticasHerramientas ofimaticas
Herramientas ofimaticas
 
Contenido de el módulo de informatica aplicada a
Contenido de el módulo de informatica aplicada aContenido de el módulo de informatica aplicada a
Contenido de el módulo de informatica aplicada a
 
Ricardito
RicarditoRicardito
Ricardito
 
Herramientas ofimaticas
Herramientas ofimaticasHerramientas ofimaticas
Herramientas ofimaticas
 
C# guia total del programador
C# guia total del programadorC# guia total del programador
C# guia total del programador
 
C# guia total del programador
C# guia total del programadorC# guia total del programador
C# guia total del programador
 
Informe Microsoft Project
Informe Microsoft ProjectInforme Microsoft Project
Informe Microsoft Project
 
LAYOUT
LAYOUTLAYOUT
LAYOUT
 
Jornada Docente 4º Parte
Jornada Docente 4º ParteJornada Docente 4º Parte
Jornada Docente 4º Parte
 
La utilizacion de las herramientas ofimaticas en el ambito universitaria
La utilizacion de las herramientas ofimaticas en el ambito universitariaLa utilizacion de las herramientas ofimaticas en el ambito universitaria
La utilizacion de las herramientas ofimaticas en el ambito universitaria
 

Último

6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...jose880240
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdfMirkaCBauer
 
Sesión de Clase A dde sistemas de riego y otras obras
Sesión de Clase A dde sistemas de riego y otras obrasSesión de Clase A dde sistemas de riego y otras obras
Sesión de Clase A dde sistemas de riego y otras obrasBildStrify1
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfWaldo Eber Melendez Garro
 
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA  Multiproposito TIPO IP.pdfFicha Técnica -Cemento YURA  Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdfEdgard Ampuero Cayo
 
subestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicassubestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicaszaydaescalona
 
subestaciones electricas, distribucion de energia
subestaciones electricas, distribucion de energiasubestaciones electricas, distribucion de energia
subestaciones electricas, distribucion de energiazaydaescalona
 
1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdfThe16Frame
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfSalomeRunco
 
DIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptDIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptalisonsarmiento4
 
Balance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoBalance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoGualbertoLopez2
 
Diseño digital - M. Morris Mano - 3ed.pdf
Diseño digital - M. Morris Mano - 3ed.pdfDiseño digital - M. Morris Mano - 3ed.pdf
Diseño digital - M. Morris Mano - 3ed.pdfssuserf46a26
 
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docx
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docxUnidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docx
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docxAlanCarrascoDavila
 
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPODIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPOSegundo Silva Maguiña
 
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...DayanaNivela
 
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxAnonymousk8JgrnuMSr
 
TYPP_Industrialización del Petróleo.pptx
TYPP_Industrialización del Petróleo.pptxTYPP_Industrialización del Petróleo.pptx
TYPP_Industrialización del Petróleo.pptxLilibethBallesteros1
 
Semana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxSemana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxJulio Lovon
 

Último (20)

6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
6.1-Proclamación de la II República, la Constitución y el bienio reformista-L...
 
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
647913404-06-Partes-principales-de-las-Perforadoras-manuales-1.pdf
 
Sesión de Clase A dde sistemas de riego y otras obras
Sesión de Clase A dde sistemas de riego y otras obrasSesión de Clase A dde sistemas de riego y otras obras
Sesión de Clase A dde sistemas de riego y otras obras
 
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdfslideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
slideshare.vpdfs.com_sensores-magneticos-controles-pptx.pdf
 
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA  Multiproposito TIPO IP.pdfFicha Técnica -Cemento YURA  Multiproposito TIPO IP.pdf
Ficha Técnica -Cemento YURA Multiproposito TIPO IP.pdf
 
subestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicassubestaciones electricas , elementos y caracteristicas
subestaciones electricas , elementos y caracteristicas
 
subestaciones electricas, distribucion de energia
subestaciones electricas, distribucion de energiasubestaciones electricas, distribucion de energia
subestaciones electricas, distribucion de energia
 
1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf1.1 Los 14 principios del Toyota Way -2024.pdf
1.1 Los 14 principios del Toyota Way -2024.pdf
 
S01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdfS01.s1 - Clasificación de las Industrias.pdf
S01.s1 - Clasificación de las Industrias.pdf
 
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
Convocatoria de Becas Caja de Ingenieros_UOC 2024-25
 
50870516-hidroponia. descargado en novppt
50870516-hidroponia. descargado en novppt50870516-hidroponia. descargado en novppt
50870516-hidroponia. descargado en novppt
 
DIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.pptDIAGRAMAS PID automatizacion y control.ppt
DIAGRAMAS PID automatizacion y control.ppt
 
Balance materia y energia procesos de Secado
Balance materia y energia procesos de SecadoBalance materia y energia procesos de Secado
Balance materia y energia procesos de Secado
 
Diseño digital - M. Morris Mano - 3ed.pdf
Diseño digital - M. Morris Mano - 3ed.pdfDiseño digital - M. Morris Mano - 3ed.pdf
Diseño digital - M. Morris Mano - 3ed.pdf
 
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docx
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docxUnidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docx
Unidad 2 Métodos Numéricos. Solución de ecuaciones algebraicas.docx
 
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPODIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
DIFERENCIA DE COMPRESION Y TENSION EN UN CUERPO
 
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...
Infografía Cronológica de Descubrimientos y Avances Tecnológicos Simple Paste...
 
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docxESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
ESPECIFICACIONES TECNICAS MURO DE CONTENCION.docx
 
TYPP_Industrialización del Petróleo.pptx
TYPP_Industrialización del Petróleo.pptxTYPP_Industrialización del Petróleo.pptx
TYPP_Industrialización del Petróleo.pptx
 
Semana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptxSemana 1 - Introduccion - Fluidos - Unidades.pptx
Semana 1 - Introduccion - Fluidos - Unidades.pptx
 

Layouts

  • 1. Universidad “POLITECNICA AMAZONICA” DOCENTE :MARCO AURELIO PORRO CHULLI ÁREA : ELECTIVO CARRERA : ING: DE SISTEMAS Y TELEMATICA ALUMNOS : CHERO NEYRA NOELI : GOÑAS TERRONES KLEYBER : MOSQUEDA CHAPPA NOEMI 2017
  • 3. TIPOS DE LAYOUT SEGÚN LA TEMÁTICA Si se trata de un apartamento, sin embargo, se referirá a la distribución de las habitaciones, ventanas, puertas y demás en unos metros cuadrados determinados. Relacionado con el apartado de arquitectura, se trata de la organización de los puestos de trabajo físicos en una empresa. Es decir, en donde se encuentra ubicada la zona de recepción, los cubículos en donde trabajan los oficinistas, el despacho de dirección, la zona de comedor, etc. Un buen layout permite a los trabajadores desarrollar su actividad de forma eficiente o, en caso de ser un espacio para los clientes, que éstos puedan visitar su local y encontrar lo que necesiten de forma sencilla. Se especifica en este caso como layout a la forma en la que se vería un documento; el tipo de letra, la cantidad de párrafos, el espaciado entre líneas, etc. En resumen, se refiere al conjunto de elementos que da forma visual a un texto y lo hace más (o menos) apetecible al lector. En la creación de páginas webs por ejemplo, para referirse a la distribución de los elementos tales como los encabezados, los párrafos, el pie de página, etc., es decir, todo aquello sobre lo que se va edificando la web y que le da una identidad propia. Diseño web Arquitectura Redacción de textos Empresarial TIPOS DE LAYOUTS SEGÚN LA TEMÁTICA LAYOUTS EN LA INFORMÁTICA
  • 4. LAYOUT EN LA INFORMÁTICA El término layout es muy usado en la informática, ya que ésta contiene a sistemas operativos que trabajan en base a disposiciones o interfaces para el usuario. Tanto Windows como Mac OS trabajan con ventanas que hacen referencia a distintos programas o aplicaciones, y la disposición o interfaz general es llamada layout. En Internet es frecuente que existan layouts de variados temas, como las páginas web, y que sean vendidos o bien para uso público, aunque en general queda especificado quién fue el autor o autora de dicha plantilla o layout. La idea es que muchos de estos layouts son modificables por el usuario, para ajustarse a sus necesidades específicas.
  • 5. FRAMELAYOUT Este layout consiste en un marco que ocupa toda la pantalla, y donde los controles se dispondrán a partir de la esquina superior izquierda, por lo que es probable que haya elementos que se queden ocultos detrás de otros. LINEARLAYOUT Este tipo de layout coloca sus hijos unos detras de otros, también comenzando por la esquina superior izquierda de la pantalla. Podemos colocarlos alineados horizontalmente o verticalmente mediante su propiedad android RELATIVELAYOUT Este Layout permite que coloquemos los elementos en un lugar con respecto a la posición de otro, es decir, colocar un botón a la derecha de un texto, o centrarlo en la pantalla, o por ejemplo, colocar un texto encima de tal elemento y a la derecha de este otro. TABLE LAYOUT Es un modelo de organización basado en una organización con tablas. El diseño lo organizaremos en filas (elemento TableRow) y dentro de cada fila, pondremos los elementos.