Imagen Digital

19
Natalia Cancino Rojas LC2 / escuela de Arquitectura y Diseño /PUCV Imagen digital Telefonía móvil_Videojuegos para móviles/ Televisión digital _Análoga/Cajeros automáticos

description

Comportamiento de la imagen en distintos dispositivos digitales

Transcript of Imagen Digital

Page 1: Imagen Digital

Natalia Cancino Rojas LC2 / escuela de Arquitectura y Diseño /PUCV

Imagen digitalTelefonía móvil_Videojuegos para móviles/ Televisión digital _Análoga/Cajeros automáticos

Page 2: Imagen Digital

* 128 x 128 pixeles* 128 x 160 pixeles.* 176 x 220 pixeles.* 240 x 320 pixeles. o su variable 320 x 240 ( que es lo mismo).

Teléfonos móviles: Las resoluciones más usadas son:

TFT-LCD (Thin Film Transistor-Liquid Crystal Display) : es una variante de pantalla de cristal líquido (LCD), usa tecnología de transistor de película delgada (TFT) para mejorar la calidad de imagen. Muy usada en móviles

Page 3: Imagen Digital

101 x 64101 x 80128 x 128130 x 13096 x 64130 x 130132 x 176104 x 64132 x 176130 x 130176 x 144240 x 320176 x 220

128 x 128128 x 160176 x 220208 x 3201280 x 960101 x 67101 x 80128 x 128128 x 160101 x 80176 x 22064 x 6496 x 64101 x 8091 x 29

96x1296x4496x64176x144128x12896x96176x220128x160128x128120x80120x13396x321280x960128x80128x160128x64120x10096x48128x10496x3896x40176x144160x240320x240

240x3096x4896x64240x320176x22098x67208x32096x65128x128130x130176x22096x3296x65120x16090x8098x67101x8080x60

96x6584x4896x65128x128176x144176x208128x96128x1601028x102496x65240x320176x144128x1681152x854208x1041152x854610x32083x4784x48640x200208x208640x200320x240176x208352x288

Tipos de pantalla de los Modelo de teléfono móvil más conocidos

LG - Motorola- Nokia.- Sony Ericcsson. - Samsung.

Los tamaños son muy diversos y ni siquiera existe una proporción como estándar.. Hay pantallas alargadas verticalmente, otras cuadradas y otras alargadas horizontalmente. Las proporciones son también diversas: 1/1,25, 1/0,75, 1/1,3, etc.

http://www.webstudio.cl/blog/tamanos-de-pantalla-resolucion-moviles-y-el-cambio-permanente/

Page 4: Imagen Digital

Profundidad de color = Nºcolores diferentes que puede contener cada uno de los puntos o píxeles que la forman, y depende de la cantidad de información (Nº de bits) que puede almacenar un píxel.

Una imagen a color está representada por una profundidad de bits entre 8 y 32 bits. En una imagen de 24 bits, los bits están divididos en tres grupos (8 para el rojo, 8 para el verde y 8 para el azul). Para representar otros colores se utilizan combinaciones de esos bits, consiguiéndo 16,7 millones de valores de color.Con 32 bits por píxel también se siguen utilizando 24 bits para la representación del color. Los 8 bits restantes se utilizan para el denominado canal alfa.La cantidad de colores utilizados en la imagen influye mucho en el tamaño del archivo que la contiene. cuantos más colores se utilicen, más grande será el tamaño del fichero gráfico necesario.

Paletas de colorLa mayoría de los ordenadores personales limitan el número de colores que se pueden mostrar simultáneamente a 256. Los colores disponibles, en lugar de ser un conjunto fijo, pueden ser seleccionados de una paleta de 16 millones de colores (el modelo RGB).

http://www.desarrolloweb.com/articulos/1779.php

Page 5: Imagen Digital

ImágenAcepta los formatos que permite el browser Opera Mini. Este detalle se ve especialmente bien en celulares con acelerómetro, como el del iPhone o un iPod en los cuales, si acuestas el teléfono, Opera Mini también lo hará automáticamente.

Pantalla* Panorámica Multi-Touch de 3,5 pulgadas (en diagonal)* Resolución de 480 por 320 píxeles a 163 ppp

Una pantalla táctil (touchscreen en inglés) es una pantalla que mediante un contacto directo sobre su superficie permite la entrada de datos y órdenes al dispositivo.

Ejemplos imagen digital según dispositivo móvil

Iphone

http://www.apple.com/es/iphone/specs.html

480*320

480*320

Page 6: Imagen Digital

Móvil Nokia N81 8GbPantalla principal en color QVGA de matriz activa y 2,4" 320 x 240 píxeles, 24 (bits por pixel) hasta 16.777.216 tonos (224) * True Color (relacionado con que el ojo humano puede distinguir un máximo de 16 millones de colores) * (Modo RGB -8 bits por canal-)(8x3=24)* Modo Lab -8 bots por canal- (8x3=24)

31.05k 4 seg a 56 kbps-Sistema operativo: Sistema Operativo Symbian ver. 9.2.

LG KP130Pantalla Tipo TFTResolución 128 x 128 píxeles=16 (bits por pixel) hasta 65.536 tonos (216)* High Color5.05 K 0 seg a 56 kbps

T 300 SONY ERICCSON Tamaño.* 106.0 x 48.0 x 21.0 mm* 4.2 x 1.9 x 0.8 pulgadas

7.77k i seg a 56 kbps* STN gráfica de 256 colores* 101x80 pixel

Ejemplos imagen digital según dispositivo móvil

I

Page 7: Imagen Digital

Google Android funciona para teléfonos inteligentes (smartphones).Corre en casi cualquier hardware, incluye una interfaz de usuario abierta y gratuita. ( anunciado para finales de este 2008)

iPhone OSXEl SDK para este S.O. son gratuitas y fáciles de usar. Asegurando que programadores no desarrollen aplicaciones al no tener acceso al núcleo del mismo.

Symbian es el sistema operativo para móviles más extendido. La empresa es propiedad de Ericsson, Panasonic, Siemens AG, Nokia y Sony-Ericsson.

Windows MobileAntes conocido como Windows CE o Pocket PC.

LinuxHay varios modelos de móvil en el mercado que utilizan una versión de Linux como su sistema operativo.

Sistema Operativos( programa base con el cual dicho teléfono funciona.)

Un Software Development Kit (SDK) o kit de desarrollo de software es un conjunto de herramientas que permiten al programador crear aplicaciones para un sistema bastante concreto.

Page 8: Imagen Digital

Los dispositivos móviles utilizan navegadores web, como Opera Mini. Imponen requerimientos de tratamiento del contenido muy restrictivas tanto por la resolución de las pantallas, como por el ancho de banda y los costos. (fotos de menor resolución, textos más breves, versiones resumidas, etc. )La versión móvil de Opera utiliza una tecnología llamada “Small Screen Rendering”, a través de la cual se puede acceder a los contenidos de prácticamente todos los sitios, sin importar las dimensiones reducidas de las pantallas. Funciona con cualquier dispositivo móvil que soporte Java.

Opera Mini genera un previsualizado completo al abrir una página y la posibilidad de generar un zoom de gran calidad allí donde se desee. Las peticiones a páginas hechas con Opera Mini, al contrario que la mayoría de los navegadores, pasan a través de un servidor proxy de Opera, que las reformatea con la anchura adecuada para pantallas pequeñas.El contenido se comprime y posteriormente se entrega al teléfono con una reducción de tamaño entre el 70 y el 90%. Por ej., se señala que la página de inicio de CNN (cnn.com), pesa 300Kb, se reduce a sólo 30Kb .

Navegadores móviles:

Page 9: Imagen Digital

Uso de Gráficos para móviles.

BannersREQUISITOS:* Ficheros PNG, GIF y JPG de anchuras (en píxeles) 88, 96, 101,110, 118, 121, 123, 128, 138, 148, 160, 166, 168, 174, 178, 193, 198, 218, 228, 240, 320, 400 y 500.* Mantener: un tamaño pequeño, idealmente menores a 1KB, y una altura de las imágenes pequeñas para evitar ocupar demasiado espacio físico de la pantalla del móvil.* Para imágenes GIF y PNG otener un baj el espacio de colores para que sea liviano* No utilizar transparencias con imágenes PNG --no está soportado en la mayoría de dispositivos.

IconosSe recomiendan : * Archivos GIF transparentes de 13x13 y 20x20 pixeles * Archivo PNG transparente de 13x13 y 20x20 píxelesPara crear los Formatos y Temas necesarios debes descomponer el universo de dispostivos objetivo en familias, donde cada familia cubre un conjunto de dispositivos similares. Ejemplos de familias pueden ser:

http://jlarienza.blogspot.com/2008/06/lineas-maestras-de-diseo-para-la-web.html

* PDAs* Gama alta - buena pantalla en color y un elevado grado de conformidad con el estándar CSS* Gama intermedia - pantalla en color pero con un ancho limitado o con un grado de conformidad CSS bajo* Gama baja - pantalla monocroma o muy bajo grado de conformidad CSS* Pantalla ancha* PCs

Page 10: Imagen Digital

Java ha sido el lenguaje que ha permite desarrollar juegos, J2ME es la versión del lenguaje de programación Java para dispositivos móviles, PDA, y otros dispositivos con capacidades gráficas computacionales reducidas. La ventaja de Java es que la programación es más sencilla, se puede emular en un PC durante la fase de desarrollo y luego subirlos al teléfono

La ausencia de tarjetas gráficas obligaba también a que la complejidad hubiera de resolverse por software.8 bits se refiere a la generación de videoconsolas y ordenadores domésticos que aparecen en los 80, hasta el ascensode las consolas de 16 bits como la Megadrive, NEC TurboGrafx 16 (aunque de hecho este sistema usa dos procesadores de 8 bits) y Super Nintendo Entertainment System (SNES) a principios de los 90.

El término "8 bits" crece en popularidad como resultado de la publicidad realizada por la siguiente generación de consolas, que orgullosamente se proclaman como "sistemas de 16 bits", aunque algunas de las primeras videoconsolas eran de hecho de 16 bits, como la Mattel´s Intellivision.

video juegos para teléfonos móviles

PDA, del inglés Personal Digital Assistant (Asistente Digital Personal), es un computador de mano originalmente diseñado como agenda electrónica (calendario, lista de contactos, bloc de notas y recordatorios) con un sistema de reconocimiento de escritura.

Page 11: Imagen Digital

Tener en cuenta al momento de crear un video juego:

Pantalla:Los diseños líquidos se adaptan a las pantallas de los móviles, da igual el tamaño y resolución que tenga el dispositivo, hace que el juego pierda sensibilidad. Es recomendable utilizar un tamaño fijo y poner imágenes de fondo o marcos para que cubran la pantalla por la parte donde no está la interacción del juego.

Potencia:El tamaño en Kb. debe ser siempre inferior a 300 Kb. Degradados, transparencias y mapas de bits deben ser evitados. Estos últimos, soportan muy mal el escalado .Las tipografías, aumentan también el peso .

La programación en Action Script, debe usar pocos frames, limitar el uso de tweens, usar mejor el código para reciclar elementos y optimizar variables.Hay que tener en cuenta que no todos los móviles soportan mp3. Si se trabaja con midi, es más rápido (no son sonidos muy atractivos pero tienen alta compatibilidad. )

http://manumed.blogspot.com/2007/07/creacin-de-video-juegos-para-telfonos.html

Page 12: Imagen Digital

Un televisor está dividido en líneas horizontales, 625 en televisores PAL y 525 en televisores NTSC. Mostrando la imágen que comienza a aparecer en las líneas superiores y sucesivamente se van rellenando el resto hasta llegar a las líneas más inferiores. Un único fotograma no es mostrado "de golpe", sino de modo secuencial.La equivalencia que se establece entre un televisor y un monitor es: - 625 líneas PAL = 576 puntos verticales en el monitor - 525 líneas NTSC = 480 puntos verticales en el monitor - 288 puntos verticales = 1 campo PAL - 240 puntos verticales = 1 campo NTSC

Relación de aspecto= Los televisores actuales son, o bien 4:3 o 16:9. Si dividimos el televisor en 12 cuadrados iguales, tendría 4 de largo por 3 de alto. En el vídeo digital se forma por píxeles (puntos) y no por líneas da lugar a píxeles no cuadrados. Se utiliza el formato MJPEG, o Motion JPG. Partiendo del MJPEG se llegó al formato MPEG (Moving Picture Experts Group o Grupo de Expertos de Imágenes en Movimiento) Se usan 3 formatos de compresión: El MPEG-1 es el usado en el VCD y CVCD (más adelante veremos qué diferencias hay) El MPEG-2 es el usado en los DVD's, SVCD's, XVCD's, CVD's y en las televisones digitales (satélite y cable) El MPEG-4 es el usado en los vídeos DivX

El formatos AVIsucede lo mismo que con los archivos BMP: ocupa demasiado, casi 30 GB para una hora a un tamaño de pantalla (resolución) de 352x288, el usado para el VCD, VHS y/o Video-8.

DivX y XvidEs una variante del formato AVI que usa compresión MPEG-4, se han convertido en el estandar de facto de las películas en formato CD y que la inmensa mayoría de reproductores de DVD, teléfonos móviles y otros dispositivos multimedia portátiles son capaces de reproducir estos formatos.

http://64.233.169.104/search?q=cache:6jJMJdAhZ0AJ:www.ajedrezinternacional.com/sga/GUIA_IIcs.doc+formatos+imagen+digital+para+telefonos+moviles&hl=es&ct=clnk&cd=12&gl=cl&client=firefox-a

Televisión digital y análoga :

Page 13: Imagen Digital

formatos de televisión : PAL (Europa) y NTSC (USA y Japón). Las diferencias más notables entre ambos son:

SISTEMA PAL SISTEMA NTSC

Imagen de 625 líneas. Imagen de 525 líneas

25 Imágenes (frames) por segundo 29,97 imágenes (frames) por segundo

Antes el almacenamiento se hacía fundamentalmente mediante el sistema de cinta magnética, y de entre los formatos de soporte el más famoso era el VHS., con una resolución de 300 x 360. Luego, nacieron formatos no basados en las líneas de los televisores, sino en puntos de resolución.:

VCD SVCD DVD DIVX

Resolución352 x 288 (PAL)320 x 240

(NTSC)480 x 576 (PAL)480 x 480 (NTSC

720 x 576 (PAL)720 x 480 (NTSC)

Variable

Compresión vídeo MPEG-1 MPEG-2 MPEG-2 MPEG-4

Compresión Audio MPEG-1 MPEG-1MPEG-1, MPEG-2, AC3, DTS,

PCMMP3, WMA

Transmisión de datos de Transmisión de datos de vídeo 1.150 Kbit/seg. 2.450 Kbit/seg 3.000 a 8.000 Kbit/seg. 300 a 1.000 Kbit/seg

Transmisión de datos de audio 224 Kbit/seg. 128 a 384 Kbit/seg. 192 a 448 Kbit/seg. 64 a 192 Kbit/seg.

El sistema PAL es analógico. En los dispositivos digitales, como televisión digital, videoconsolas modernas, computadoras, etc., se utilizan sistemas en componentes de color donde se tansmiten por tres cables diferentes las señales R, G y B o bien Y (luminancia), R-Y y B-Y (diferencia de color). En estos casos sólo se tiene en cuenta el número de líneas 625 / 525 y la frecuencia de cuadros 25 / 30. Mención aparte merecen los sistemas basados en el estándar MPEG-2, como el DVD y la televisión por satélite, televisión por cable, o la televisión digital terrestre (TDT); pero es otro sistema de televisión que no tiene prácticamente nada que ver con el PAL

Page 14: Imagen Digital

tipos de pantalla

Las pantallas más utilizadas son las pantallas de tubo catódico (CRT).

Emite tres haces de electrones, rojo verde y azul |RVA],que inciden sobre cada píxel para componer las variables cromáticas de la imagen,La imagen se obtiene mediante la emisión de electrones a puntos concretos de la pared interna de la pantalla, recubierta de una capa sensible a dichos electrones. Las imágenes se se suceden varias decenas de veces por segundo (frecuencia de refresco determinada en hertzios)

Son no luminiscentes, su legibilidad depende de la iluminación del entorno. La incorporan los equipos informáticos portátiles.El problema es que hay que respetar un ángulo entre la incidencia de la luz, la superficie de la pantalla y la dirección de la mirada para obtener un contraste suficiente de los caracteres.

Los problemas iniciales del cristal líquido han dismunuido por la tecnología TFT (Thin Film Transistor), que utiliza semiconductores en lugar de electrodos para cambiar el estado (encendido o apagado) de cada punto de la pantalla, reduciendo los problemas de resolución, ángulo de visión y pureza de color (contraste).

Ofrecen más estabilidad de la imágen, aunque la luminancia máxima que pueden alcanzar suele ser débil.

Page 15: Imagen Digital

TV DIGITAL (TVD, DTV)/?a=11022

TV DIGITAL (TVD, DTV)

TV TERRESTRE (TVD-T)

TV DE ALTA DEF.(HDTV)

e transmite a través del espectro electromagnético,

codificación de manera analógica.

elancho de banda en TV análoga es un rango limitado de frecuencias en ciclos/seg, y en caso digital corresponde al flujo de bits/seg.

Tiene un aspecto proporcional de 4 x 3, osea es 4 unidades ancha y 3 alta.

Transmitida en formato digital,los datos, van en formato binario,potenciando la calidad de la señal, evitando interferencias o fallas de transmisión.

Facilita la interactividad con el televidente.Ancho de banda menor que las transmisiones normales, se pueden tener entre 4 y 10 (calidad estándar actual) canales o 1 ó 2 canales digitales HD .

Puede ser por cable, satelital o televisión digital terrestre (TVD-T).

Requiere un tv que pueda recibir en formato digital o un tv estándar más un decodificador ext.

Es TVD que se transmite a través del espectro electromagnético, pero aumenta la cantidad de canales en una misma frecuencia.

Los experimentos que se han hecho en Chile de TVD-T han apostado, antes que la interactividad, por la posibilidad de transmitir señales de HDTV.

Se ve en pantallas de plasma y LCD, que sea HD Ready o que soporte HDTV. ( no todas permiten HDTV.)Cantidad de información entre 2 y 5 veces más detallada de lo que acostumbramos.

Incorpora la posibilidad de llevar un canal de sonido envolvente Dolby

HDTV usa un formato de "pantalla ancha"., que es el aspecto proporcional de la imagen,. El aspecto proporcional de la HDTV es 16 x 9, similar a la pantalla en un teatro (cine).

Existe cuando una pantalla tiene al menos 1080 o más líneas activas

http://www.jaja.cl/?a=11022

Page 16: Imagen Digital

Formato tv digital Resolución (pixeles) Cuadros p/seg.

480i 480i 704 x 480 30

480p 704 x 480 60

720p 1280 x 720 60

1080i 1920 x 1080 30

1080p 1920 x 1080 60

RELACIÓN DE ASPECTO Son las proporciones del rectángulo que contiene la imagen. El formato 4:3 , significa que el ancho es 4/3 veces el alto ó 1.33:1. Hoy se dispone del formato 16:9 (el ancho es 16/9 veces el alto ó 1.78:1). Son más alargadas y menos cuadradas que las 4:3. Se adaptan mucho mejor a todos los formatos de pantalla ancha .Los formatos HDTV de 720p y 1080p mencionados anteriormente, son 16:9.Las películas, videoclips y cualquier otro contenido puede venir en los 1.33:1 y 1.78:1 vistos, pero además en 1.85:1, 2.00:1, 2.35:1, 2.55:1, etc. Es decir, formatos cada vez más anchos respecto al alto, no existe un acuerdo universal.

Formato tv análoga 4:3 - 16:9

Page 17: Imagen Digital

http://nebulakoi.wordpress.com/2006/09/02/de-tv-analoga-a-tv-digital/http://www.enterate.unam.mx/Articulos/2003/septiembre/tvdigital.htmhttp://www.wave3.com/global/story.asp?s=6542695&ClientType=Printable

Tamaños de captura de pantalla: * VHS -> 300x360 * VídeoCD (VCD)-> 352x288 PAL, 352x240 NTSC * SuperVCD (SVCD)-> 480x576 PAL, 480x480 NTSC * ChinaVideoDisc (CVD) -> 352x576 PAL, 352x480 NTSC * DV y DVD - > 720x576, 720x480 NTSCFlujo de datos (bitrate) :Se llama así a la cantidad de información por segundo que se lee del archivo de vídeo para reproducirlo. FPS (Frames per second) - cuadros por segundo El vídeo, en realidad, no es un contínuo de imágenes, sino "fotografía en movimiento" .Cuadros por segundo (frames per second en inglés) necesarios para crear esa sensación de continuidad; * Dibujos animados: 15 fps * Cine: 24 fps * Televisión PAL: 25 fps, que en realidad son 50 campos entrelazados, o semi-imágenes, por segundo * Televisión NTSC: 29'97 fps que en realidad son 60 campos entrelazados, o semi-imágenes, por segundo

Page 18: Imagen Digital

Cajeros automáticos

pantalla de cristal líquido o LCD (acrónimo del inglés Liquid crystal display) es una pantalla delgada y plana formada por un número de píxeles en color o monocromos colocados delante de una fuente de luz o reflectora.

Es una máquina expendedora usada para extraer dinero utilizando una tarjeta magnética , sin necesidad de personal del banco. En Puerto Rico se le llaman ATH (A Toda Hora). Es también conocido como ATM por sus iniciales en inglés Automated Teller Machine). Algunos cajeros utilizan CRT y otros LCD

Page 19: Imagen Digital

...