Mostrando las entradas con la etiqueta Image. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Image. Mostrar todas las entradas

miércoles, 14 de septiembre de 2016

El Libro del Día: Understanding Compression

El Libro del Día: 2016-09-14

Titulo: Understanding Compression
Autor: Colt McAnlis, Aleks Haecky
Editorial: O'Reilly
Nro Paginas: 241

Capítulos:
1. Let’s Not Be Boring
2. Do Not Skip This Chapter
3. Breaking Entropy
4. Variable-Length Codes
5. Statistical Encoding
6. Adaptive Statistical Encoding
7. Dictionary Transforms
8. Contextual Data Transforms
9. Data Modeling
10. Switching Gears
11. Evaluating Compression
12. Compressing Image Data Types
13. Serialized Data
14. Lossy Data Compression
15. Making the World a Little Smaller
Glossary of Compression Words

Descarga:
Understanding_Compression

martes, 21 de octubre de 2014

El Demo del Día: Capturar y Reproducir Pantallas en WinForms

Capturar y Reproducir Pantallas en WinForms

En este post veremos como crear una aplicación que permita lanzar cualquier aplicación o programa (archivo exe) y como capturamos la pantalla (en realidad las ventanas) de dicha aplicación hasta que esta finalice, ya sea en forma normal (por el cierre del usuario) o por una excepción No controlada por la aplicación.

Requerimiento

A veces no tenemos el código fuente de un programa que presenta problemas en su funcionamiento y no se sabe porque se cae, ya que No tiene Log de errores o una forma de saber porque se cerró.

Solución

Para resolver el problema vamos a construir una aplicación en Windows Forms que permita lanzar la aplicación o programa, luego capturar sus pantallas y finalmente mostrar la secuencia de pantallas como si fuera un video, aunque no lo sea (por el momento).

La técnica consiste en crear un objeto Pantalla con un par de propiedades: Fecha y Hora de Captura e Imagen a Capturar, luego lanzaremos la aplicación con Process.Start y habilitaremos un Timer que cada segundo verifique si el proceso esta en ejecución y si lo esta enviaremos la tecla capturar ventana y recuperaremos del Clipboard la imagen guardándola en el objeto y agregándola a una lista de objetos.

Si se salio de la aplicación analizada, se serializará en forma binaria y se guardará la lista de objetos en un archivo llamado "PrintScreen.dll" e inmediatamente se habilitará otro Timer que permite mostrar cada imagen de la lista de imagen.

Crear la Aplicación Windows en Windows Forms

Crear un Nuevo Proyecto "Aplicación de Windows Forms" en C# llamado: "CapturaPantalla" y agregar la clase "bePantalla" como sigue:

using System;
using System.Collections.Generic;
using System.Drawing;

namespace CapturaPantalla
{
    [Serializable]
    public class bePantalla
    {
        public DateTime FechaHora { get; set; }
        public Image Imagen { get; set; }
    }
}

Nota: Se usa el atributo Serializable sobre la clase bePantalla porque vamos a guardarlo en un archivo binario serializando.

Cambiar de nombre al formulario por: "frmCaptura" y arratrar los siguientes controles:
- Panel: pnlCaptura
- Label: lblTitulo con el Text="Selecciona el Programa a Capturar la Pantalla"
- TextBox: txtArchivo
- Button: btnIniciar con Text="Iniciar"
- Timer: tmrCaptura con Interval=1000
- Timer: tmrReproduce con Interval=1000

El diseño de la pantalla debe quedar como se muestra a continuación:


Escribir el siguiente código en el formulario "frmCaptura":

using System;
using System.Collections.Generic; //List
using System.Windows.Forms; //Form, SendKeys, Clipboard, etc
using System.Drawing; //Image, Bitmap, Size
using System.Diagnostics; //Process
using System.IO; //FileStream, FileMode, FileAccess, FileShare
using System.Runtime.Serialization.Formatters.Binary; //BinaryFormatter

namespace CapturaPantalla
{
    public partial class frmCaptura : Form
    {
        private Process proceso;
        private List<bePantalla> lbePantalla;
        private int c;

        public frmCaptura()
        {
            InitializeComponent();
        }

        private void mostrarDialogoAbrir(object sender, EventArgs e)
        {
            OpenFileDialog ofd = new OpenFileDialog();
            ofd.Title = "Selecciona un archivos de programa";
            ofd.Filter = "Archivos de programa|*.exe";
            if (ofd.ShowDialog().Equals(DialogResult.OK))
            {
                txtArchivo.Text = ofd.FileName;
            }
        }

        private void iniciarCaptura(object sender, EventArgs e)
        {
            this.Visible = false;
            pnlCaptura.Visible = false;
            lbePantalla = new List<bePantalla>();
            proceso = Process.Start(txtArchivo.Text);
            tmrCaptura.Enabled = true;
            tmrCaptura.Start();
        }

        private void capturarPantalla(object sender, EventArgs e)
        {
            if (proceso != null && !proceso.HasExited)
            {
                SendKeys.SendWait("%{PRTSC}");
                Image img = Clipboard.GetImage();
                if (img != null)
                {
                    bePantalla obePantalla = new bePantalla();
                    obePantalla.FechaHora = DateTime.Now;
                    obePantalla.Imagen = img;
                    lbePantalla.Add(obePantalla);
                }
            }
            else
            {
                this.Visible = true;
                tmrCaptura.Stop();
                tmrCaptura.Enabled = false;
                using(FileStream fs=new FileStream("PrintScreen.dll",
                    FileMode.Create, FileAccess.Write,FileShare.Write))
                {
                    BinaryFormatter bf = new BinaryFormatter();
                    bf.Serialize(fs, lbePantalla);
                }
                tmrReproduce.Enabled = true;
                tmrReproduce.Start();
                c = 0;
            }
        }

        private void reproducirCaptura(object sender, EventArgs e)
        {
            if (lbePantalla.Count>0)
            {
                if (c < lbePantalla.Count)
                {
                    this.Text = String.Format("{0} de {1} - {2}",c+1,
                        lbePantalla.Count,lbePantalla[c].FechaHora);
                    this.BackgroundImage = new Bitmap(lbePantalla[c].Imagen,
                        new Size(this.ClientRectangle.Width,this.ClientRectangle.Height));
                    c++;
                }
                else c = 0;
            }
        }
    }
}

Nota: La asociación de funciones controladoras de eventos es la siguiente:
- mostrarDialogoAbrir: Evento Click del botón "btnAbrir"
- iniciarCaptura: Evento Click del botón "btnIniciar"
- capturarPantalla: Evento Tick del timer "tmrCaptura"
- reproducirCaptura: Evento Tick del timer "tmrReproduce"

Ejecutar y Probar la Aplicación Windows Forms

Grabar la aplicación, ejecutarla y se mostrará la siguiente ventana:


Seleccionar un archivo de programa a ejecutar y capturar sus pantallas, por ejemplo seleccione el archivo llamado: "AppCapturar.exe" que viene en la carpeta bin\debug del Demo y se mostrará la ventana con dicha aplicación.

Nota: En ese momento el panel con el archivo seleccionado se ha ocultado para después mostrar en toda la ventana o formulario las pantallas capturadas.

Esta aplicación permite ingresar los datos del Empleado: Código (string), Nombre (string) y Sueldo (decimal) en un objeto, pero No hay una validación para el tipo de datos.

Ingresar unos cuantos empleados, como se muestra en la figura:


Después de ingresar correctamente varios, probar ingresar textos en el sueldo y al grabar la aplicación se caerá e inmediatamente finalizará regresando a la aplicación anterior (CapturaPantalla).

Se creará un archivo llamado "PrintScreen.dll" con la lista de objetos (pantallas) serializadas y se mostrará el contenido de la lista en el mismo formulario como si fuese un video, tal como se muestra a continuación:


Nota: La imagen de la pantalla capturada se ha ajustado al tamaño del formulario o ventana.

Comentario

Si bien es cierto, existen muchos programas que capturan pantalla, lo graban en un video y lo reproducen, en este demo, hemos visto que es relativamente sencillo capturar y reproducir mediante poco código.

En nuestro caso hemos usado los métodos "SendKeys.SendWait" para capturar la ventana activa, "Clipboard.GetImage" para recuperar de la memoria la imagen y una Lista de Objetos para almacenar las pantallas y luego reproducirlas.

En un post futuro la secuencia de imágenes o pantallas capturadas la grabaremos en un formato de video, como un archivo AVI, MPEG o MP4. Inténtelo desde ahora y diviértanse en el intento.

Descarga:
Demo22_CapturaReproducePantalla

viernes, 10 de octubre de 2014

El Libro del Día: Fast ASP.NET Websites

El Libro del Día: 2014-10-10

Titulo: Fast ASP.NET Websites
Autor: Dean Alan Hume
Editorial: Manning
Nro Paginas: 210

Capítulos:
PART 1 DEFINING PERFORMANCE
1 High-speed websites
2 First steps toward a faster website
PART 2 GENERAL PERFORMANCE BEST PRACTICES
3 Compression
4 Caching: The sell-by date
5 Minifying and bundling static files
6 HTML optimization tips
7 Image optimization
8 ETags
9 Content Delivery Networks
PART 3 ASP.NET-SPECIFIC TECHNIQUES
10 Tweaking ASP.NET MVC performance
11 Tweaking ASP.NET Web Forms performance
12 Data caching

Descarga:
Fast_ASPNET_Websites

viernes, 26 de septiembre de 2014

El Demo del Día: Visor de Imágenes con Zoom en WinForms

Visor de Imágenes con Zoom en WinForms

Este post es a pedido de un alumno que quiere una aplicación en Windows Forms que muestre una secuencia de Imágenes y pueda realizar el Zoom.

Crear la Aplicación Windows Forms

Primero crearemos una aplicación en Windows Forms en C# llamada: "VisorImagenesZoom".
Cambiar de nombre al formulario por el de "frmVisor", luego diseñar la pantalla como se muestra en la siguiente figura:


Nota: También hay que incluir un Timer llamado "tmrPreview" que cada 3 segundos muestre las imágenes del directorio seleccionado.

Escribir el siguiente código en el formulario:

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
using System.IO;

namespace VisorImagenesZoom
{
    public partial class frmVisor : Form
    {
        private int c;
        private int n;
        private Point punto1;

        public frmVisor()
        {
            InitializeComponent();
        }

        private void abrirDirectorio(object sender, EventArgs e)
        {
            FolderBrowserDialog fbd = new FolderBrowserDialog();
            if (fbd.ShowDialog().Equals(DialogResult.OK))
            {
                txtDirectorio.Text = fbd.SelectedPath;
                IEnumerable<string> archivos = Directory.EnumerateFiles(fbd.SelectedPath, "*.jpg");
                lstArchivo.Items.Clear();
                lstArchivo.BeginUpdate();
                foreach (string archivo in archivos)
                {
                    lstArchivo.Items.Add(Path.GetFileNameWithoutExtension(archivo));
                }
                lstArchivo.EndUpdate();
                txtTotalArchivos.Text = lstArchivo.Items.Count.ToString();
                tmrPreview.Enabled = true;
                tmrPreview.Start();
            }
        }

        private void mostrarImagenes(object sender, EventArgs e)
        {
            lstArchivo.SelectedIndex = c;
            string archivo = Path.Combine(txtDirectorio.Text, lstArchivo.Items[c].ToString() + ".jpg");
            picPreview.LoadAsync(archivo);
            c++;
            if (c == lstArchivo.Items.Count) c = 0;
        }

        private void configurarZoom(object sender, MouseEventArgs e)
        {
            if (e.Button.Equals(MouseButtons.Left))
            {
                if (n == 0)
                {
                    punto1 = e.Location;
                    tmrPreview.Stop();
                    tmrPreview.Enabled = false;
                }
                else
                {
                    if (n == 1)
                    {
                        Point punto2 = e.Location;
                        string archivo = Path.Combine(txtDirectorio.Text,
                                                   lstArchivo.Items[c].ToString() + ".jpg");
                        Bitmap bmp = new Bitmap(picPreview.Image);
                        Bitmap bmpZoom = new Bitmap(bmp.Width, bmp.Height);
                        Graphics g = Graphics.FromImage(bmpZoom);
                        float ratioX = (bmp.Width/picPreview.Width);
                        float ratioY = (bmp.Height / picPreview.Height);
                        int posX = (int)(ratioX * punto1.X);
                        int posY = (int)(ratioY * punto1.Y);
                        int ancho = (int)(ratioX*(punto2.X-punto1.X));
                        int alto = (int)(ratioY * (punto2.Y - punto1.Y));
                        Rectangle srcRect = new Rectangle(posX, posY, ancho, alto);
                        Rectangle dstRect = new Rectangle(0, 0, bmpZoom.Width, bmpZoom.Height);
                        g.DrawImage(bmp, dstRect, srcRect, GraphicsUnit.Pixel);
                        picPreview.Image = bmpZoom;
                        tmrPreview.Enabled = true;
                        tmrPreview.Start();
                    }
                }
                n++;
                if (n == 2) n = 0;
            }
        }
    }
}

Nota: Para programar el Zoom se ha asociado al evento MouseClick del PictureBox llamado "picPreview" donde en el primer clic se captura la ubicación del punto y se guarda en una variable "punto1" y en el segundo clic se captura el punto2 y se crea un rectangulo con la imagen para el Zoom. Solo hay que tener en cuenta que el Rectangulo debe ser en base a la imagen (Bitmap) del PictureBox y No al tamaño del control (con propiedad SizeMode en StrechImage), por lo cual se crea las variables ratios.

Probar la Aplicación Creada

Grabar el proyecto y ejecutarlo con F5. Seleccionar un directorio donde se encuentren archivos jpg y se mostraran en la lista tal como aparece en la siguiente figura:


Cada 3 segundos cambiara la imagen y se seleccionara en la lista el archivo que se esta mostrando, dar el primer clic sobre la imagen y luego el segundo clic mostrará el preview de la imagen, tal como sigue:


Comentario Final

En este post hemos visto como mostrar una secuencia de imágenes usando un Timer y también como realizar el Zoom de una Imagen usando el método DrawImage de la clase Graphics para dibujar un rectángulo con la imagen especificada al dar dos clics, uno para marcar el punto de inicio y otro para marcar el punto final.

Descarga:
Demo19_VisorImagenesZoom