Vanguarsoft Developers blog

Ing. Javier Leal – Coordinador de Requerimientos en Traetelo.com / Traiter Lourted – VENEZUELA


Deja un comentario

Aplicaciones de Venezuela para el mundo

Logo MSP

Las Aplicaciones del nuevo famoso sistema Operativo de Microsoft y su nueva Windows Store hace presente en los desarrolladores Venezolanos que han creado excelentes aplicaciones y que se esperan Otras para los próximos Meses, por ellos quiero extender esta invitación a toda Latinoamérica para que prueben y nos den sus comentarios para mejorar cada día mas.

Las Aplicaciones son las siguientes y acá tiene su link donde podrán descargarla e instalarla gratuitamente si tiene Windows 8 o 8.1.

Aplicación SG Cobros. Desarrollada Mi Risa

Large Mobile

Esta aplicación e permite llevar el control de pagos de vuestros clientes si hacen ventas a crédito o prestan dinero

Windows 8: http://goo.gl/Wydwzm

Windows Phone: http://goo.gl/vgZjpZ

 

Aplicación La Patilla.com. Desarrollada por las MSPs Juliet Garcia y Edgylin Rodriguez

Esta interesante aplicación te permite revisar lo ultimo en noticias del interesante sitio web de la patilla.com donde podrás compartir enlaces y demás información

http://aka.ms/Agvi58

Aplicación Bonus Alimentación. Desarrollada por las MSPs Moises Moron y Eliel Aguilera

Bonus Alimentación te permite hacer consulta de el saldo de tu tarjeta de alimentación de manera muy sencilla pruébala.

http://aka.ms/I3rzhw

Luego estaremos desarrollando mas aplicaciones esperamos que la descarguen las prueben y nos den sus comentarios para mejorar.

Anuncios


8 comentarios

Barra de Aplicación en Windows 8

Control de barra de la aplicación inferior

Una barra de aplicaciones es un elemento de la interfaz de usuario que muestra navegación, comandos y herramientas al usuario. Una barra de aplicaciones puede aparecer en la parte superior de la página, en la parte inferior de la página o en ambas. Se oculta de forma predeterminada, y se muestra o se descarta cuando el usuario hace clic con el botón secundario, presiona Windows+Z o realiza la acción de pasar desde el borde superior o inferior de la pantalla.

La barra de Aplicación muy bien conocida en Windows Phone también la tenemos presente en Windows 8 y le da un realmente muy buen atractivo a nuestras aplicaciones, si quieres que se vean realmente atractivas tus aplicaciones no dudes en usarla es realmente muy fácil y acá te explico.

El ejemplo que puedes ver en la imagen que se encuentra arriba es el siguiente código:

<Page.BottomAppBar>
    <AppBar x:Name="bar" Padding="10,0,10,0">
        <Grid>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                <Button Style="{StaticResource EditAppBarButtonStyle}" />
                <Button Style="{StaticResource RemoveAppBarButtonStyle}" />
                <Button Style="{StaticResource AddAppBarButtonStyle}" />
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button Style="{StaticResource RefreshAppBarButtonStyle}" />
                <Button Style="{StaticResource HelpAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
        </Grid>
    </AppBar>
</Page.BottomAppBar>

Nota  Los estilos del botón de la barra de la aplicación usados en estos ejemplos se encuentran en el archivo StandardStyles.xaml incluido en todas las plantillas de proyecto de Microsoft Visual Studio. De forma predeterminada, los estilos de botón de barra de la aplicación se convierten en comentarios en StandardStyles.xaml. Para usar un estilo, debes quitar la marca de comentario del lenguaje de marcado de aplicaciones extensible (XAML) para el recurso Style en el archivo.

Como pueden observar es realmente sencillo pero este ejemplo es para una barra ubicada en la parte baja de la aplicación, que sucede si queremos que se encuentre arriba o otro lado utilizamos las diferentes propiedades de Page.

<Page.TopAppBar></Page.TopAppBar>

<Page.BottomAppBar></Page.BottomAppBar>

 

Espero les sea muy útil para sus aplicaciones les aseguro que es mucho mejor que utilizar un button normal pienso le quita atractivo a tus aplicaciones.


Deja un comentario

Detectar si tienes conexión en una App Windows Phone o Windows 8

Buenos días en esta oportunidad les traeré un truco Interesante. Muchas veces en tus aplicaciones dependen de una conexión de internet si este es tu caso debería de validar si la aplicación cuenta con conexión o no para evitar errores en la ejecución de la misma y vamos a mostrar como hacerlo en Silverlight para Windows Phone y en aplicaciones para Windows 8.

 

En Windows Phone podemos detectar el estado de la conexión de una forma sumamente sencilla. En el namespace System.Net.NetworkInformation tenemos la clase NetworkInterface que nos permite fácilmente comprobar si hay conexión lo podemos ver en el siguiente codigo:

if (NetworkInterface.GetIsNetworkAvailable())

{

// Hay conexión.

}

else

{

// No hay conexión.

}

Existen problemas en el Método anterior. Si ejecutas desde el emulador el método anterior siempre devuelve true, es decir, siempre hay conexión. Sin embargo, en el dispositivos físicos funciona. Podemos realizar en el método anterior una pequeña modificación para poder realizar las pruebas cuando no hay conexión:

private bool IsNetworkAvailable()

{

#if DEBUG

return false;

#endif

if (NetworkInterface.GetIsNetworkAvailable())

return true;

else

return false;

}

En Windows 8 no tenemos disponible el método GetIsNetworkAvailable. Sin embargo, pero si tenemos el namespace Windows.Networking.Connectivity y la clase NetworkInformation para poder realizar la misma tarea. Podemos subscribirnos a un evento de la clase NetworkInformation ya mencionada llamadoNetworkStatusChanged que se lanzará cada vez que hay cambios en la red (pasamos de tener internet a no tenerlo o viceversa):

NetworkInformation.NetworkStatusChanged += NetworkInformationNetworkStatusChanged;

 

void NetworkInformationNetworkStatusChanged(object sender)

{

if (NetworkInformation.GetInternetConnectionProfile() == null)

//No hay conexion

else

//Hay conexion

}

Hemos utilizado el método GetInternetConnectionProfile que nos indica el tipo de perfil utilizado por la aplicación. En caso de ser null, no tenemos conexión a internet.


Deja un comentario

Uso de QueryString en aplicaciones de Silverlight para Windows Phone

En las aplicaciones de Silverlight, las de Windows phone e inclusive la de Windows 8 es posible al momento de navegar entre una pagina y otra enviarle parámetros y en este articulo vamos a ver como lograr enviar parámetros y que clases son necesarias.

Como ejemplo usaremos una aplicación de Windows Phone que navegara de una pagina a otra, usaremos la clase NavigationService que es la encargada de Navegar entre pantalla y llevar el Historial de las mismas.

Como sabrán QueryString es el mismo método que utilizan las pagina web para enviar y recibir parámetros al navegar de una pagina a otra y Silverlight ha adoptado este método precisamente para el mismo funcionamiento al momento de navegar entre pagina.

Para explicar un poco mas esto vamos a ver la estructura de un QueryString quizá en las URL de las paginas web lo han visto y no se han percatado del por que tantos símbolos extraños en las URL.

Estructura

/URL?V1=12&v2=20

 

Donde como pueden Ver /URL es la tura de la pagina a donde va a navegar en Silverlight.

El símbolo ?: representa el inicio del QueryString y inmediatamente se coloca el primer valor.

V1=12 : Es el nombre de la primera variable que se esta pasando por el QueryString y el 12 es el valor de la variable V1.

& : Este símbolo representa que continua el queryString.

v2=20 : v2 es el nombre de la segunda variable enviada y seguido se su valor que es 20

Aquí una imagen que lo explica mas claro

 

Para navegar a una pagina enviando QueryString:

 

Pueden incluir en en el evento click de un boton el siguiente codigo:

string Ganador = “Javier”

NavigationService.Navigate(new Uri("/SegundaPag.xaml?g=" + Ganador, UriKind.Relative));

Se pueden Fijar que aquí tenemos una variable local llamada ganador que suponiendo que es un juego y quieres enviar el nombre del Ganador este lo enviara en una variable de nombre g.

Para recibir los valores enviados por QueryString:

 

Para recibir estos valores debemos llamar al Método OnNavigatedTo que toda pagina tienes y es el primero que se ejecuta al llamar a la pagina con solo escribir en el Código detrás de la pagina aparecerá en el Itellisense de visual studio y presiona tabulador para que este cree el método sobrescrito.

     protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
     {
string ganador = string.Empty;
if (NavigationContext.QueryString.TryGetValue("g", out ganador ))
{
    if (ganador.Equals("0"))
    {
        TextBlock1.Text = string.Format(“El ganador es {0}” ,ganador )";
    }
    else
    {
        TextBlock1.Text = "No hay ganador";
       }

}
         base.OnNavigatedTo(e);
     }

Como pueden ver Aquí estamos recibiendo el valor de QueryString y lo almacenamos en una variable llamada ganador en caso de estar lleno envía a un control textblock en la pantalla el nombre del ganador y en caso de estar vacía indicar que no hay ganador.


Deja un comentario

Métodos Async y Await en Silverlight (Programación asincrónica)

En este caso vengo a hablarles un poco sobre métodos Async dentro de lo que es programación asíncrona, estas se incluyen debido a que muchas aplicaciones hoy en día desarrolladas hacen métodos que realizar actividades pesadas y estas a su vez entorpecen el seguimiento de actividades, los métodos asíncronos te permiten que tu aplicación no quede paralizada al momento de ejecutar un método pesado en tu aplicación.

Actualmente con la nueva versión de Framework muchos métodos existentes ya se pueden ejecutar de manera Asíncrona y sabemos de las mismas por que el nombre del método termina con la palabra Async

Pero como convertimos un método síncrono en uno asíncrono… hay que cumplir las siguientes reglas el método sabemos que esta compuesto por un modificador de acceso luego el valor que revuelve, el nombre y los parámetros que requerirá el método algo como esto ejemplo.

public string NombreMetodo(string Parametro 1)

{

}

Este método también puede ser un evento para utilizar un Await hay que seguir unas normas que son las siguientes;

La tarea a la que se aplican al operador await normalmente es el valor devuelto por una llamada a un método que implemente Modelo asincrónico basado Tarea-. Incluir valores de ejemplos Task cualquiera Task<TResult>.

Por tanto si queremos utilizar estos eventos asíncronos debemos seguir esta norma en este caso usaremos un ejemplo sencillo. crearemos nuestro propio método que cumpla con esta norma, estos métodos Asíncronos existen en la nueva versión de Framework, métodos que ya conocemos y han sido ampliados para ejecutarse de manera asíncrona o tu mismo puedes desarrollar tus métodos en este caso usaremos este ejemplo.

public async Task<string> EsperaAsync()
{
    await Task.Delay(10000);
    return "Final";
}

Este método da un retarlo de unos segundos si queremos que nuestro método principal ejecute el mismo y devolver el valor que en un simple string debemos llamar a este método anticipado de un Await.

public string NombreMetodo(string Parametro 1)

{

string result = await EsperaAsync();

}

En este momento el código dará un error por que para poder utilizar el Await hay que colocar luego del modificador de acceso del Método la palabra reservada async.

public async string NombreMetodo(string Parametro 1)

{

string result = await EsperaAsync();

}

Para probar este código es bastante sencillo y lo podemos usar con WPF, Aplicaciones en Windows , Silverlight 5

Construimos una pantalla con un Textbox y con un botón el botón ejecutara el método y este debe mostrar el valor y mientras lo haces veras que puedes hacer cualquier otra función, para no hacer trabajo doble vamos a utilizar el evento click del botón para hacer el await y veras que el los mismo que lo anterior.

.

private async void button1_Click(object sender, EventArgs e)
{
    // Llamar al método asíncrono
    string result = await EsperaAsync();

    // Podríamos llamar a un segundo método.
    //string result = await EsperaAsync();

    // Mostrar el Resultado.
    textBox1.Text += result;
}

Esto es un ejemplo bastante básico y espero los ayude a comprender estos métodos muy útiles para la próxima generación de aplicaciones que ya tenemos en las manos,


Deja un comentario

Desarrollar Aplicaciones Modern UI Windows 8

Aplicaciones que se ejecutan en diferentes dispositivos

1. Lo que tienes que saber

A. ¿Qué es una tienda de aplicaciones de Windows?

Un Windows App Store es un nuevo tipo de aplicación que se ejecuta en Windows 8 dispositivos. Estas aplicaciones pueden tener una variedad de diseños.

Tienda de aplicaciones de Windows puede soportar diferentes puntos de vista

Debido a que este nuevo sistema operativo es para dispositivos táctiles y los eventos de tus aplicaciones pueden ser tanto los normales como táctiles.

Una región que puede ajustar los tamaños

Las aplicaciones pueden comunicarse entre sí

Contratos de aplicación son una manera para que los usuarios busquen a través y compartir contenido entre aplicaciones diferentes.

Las aplicaciones tienen nuevos controles de interfaz de usuario y las superficies

La tienda de aplicaciones de Windows proporcionan varios controles nuevos que hacen que sea más fácil crear una gran experiencia de usuario.

El bar de la aplicación

Los encantos

Los encantos son una serie específica y coherente de los botones en cada aplicación: buscar, compartir, conectar, la configuración y comenzar.

El encanto bar

Aplicaciones para utilizar los recuadros en lugar de los iconos

Cuando el usuario instala la aplicación, se muestra como un mosaico en la pantalla de Inicio. Tocar o haciendo clic en el recuadro se inicia la aplicación.

La pantalla de inicio

Las App puede configurar Windows Empuje Notification Services (WNS) para enviar mensajes directamente desde un servicio web para el azulejo en vivo.

Un azulejo en vivo

Escribe tu aplicación en un idioma que usted ya sabe

Es posible crear aplicaciones Windows utilizando los lenguajes más familiarizado, como JavaScript, C #, Visual Basic o C + +. Incluso puede escribir componentes en un solo idioma y utilizarlos en una aplicación escrita en otro lenguaje de programación y véndelas en la tienda de Microsoft para ganar dinero.

La tienda de Windows

 

B. Obtenga las herramientas

Descargar Windows 8 y las herramientas de desarrollo libres que usted necesita para crear aplicaciones Windows Store:

Para ellos les recomiendo este articulo:

https://javierleal.wordpress.com/2013/01/18/iniciando-en-el-desarrollo-para-windows-8/

 

C. Obtener una licencia de desarrollador gratuita

Antes de que pueda empezar a crear aplicaciones de Windows Store, usted necesita una licencia de desarrollador.Afortunadamente, es fácil y rápido de conseguir una:

Cuando se ejecuta Microsoft Visual Studio 2012 en el equipo local, por primera vez, se le pedirá para obtener una licencia de desarrollador. Lea los términos de licencia y, a continuación, haga clic en Acepto . En el User Account Control (UAC)cuadro de diálogo, haga clic en para continuar.

Si decide no adquirir o renovar una licencia de desarrollador, recibirá un error (DEP0100) cuando se intenta generar o implementar un Windows App Store en Visual Studio.

La renovación de una licencia de desarrollador mediante el uso de Visual Studio

Usted puede renovar su licencia de desarrollador en cualquier momento que está utilizando el IDE de Visual Studio. Si está utilizando Microsoft Visual Studio Express 2012 para Windows 8, haga clic en Guarde > Adquirir Developer License . Si está utilizando una versión no-Express de Visual Studio 2012, haga clic en Proyecto > Tienda > Adquirir Developer License .

 

2. Construya su primera aplicación

Después de descargar las herramientas y obtener una licencia de desarrollador, usted está listo para elegir un idioma y crear su primera aplicación.

Construya su primera aplicación usando JavaScript
Construya su primera aplicación en C # y Visual Basic
Construya su primera aplicación en C + +
Construya su primera aplicación con DirectX


Deja un comentario

Simulador de Desarrollo para Windows 8

Lo prometido es deuda como hablábamos ayer de las diferentes tipos de compilaciones en el desarrollo en Windows 8 entre ellas podemos ver el tipo Simulador donde se levanta una sesión de mismo Windows 8 que tenemos instalado por ellos es bastante fácil y rápido de usar. pero comencemos con nuestra vista principal del Simulador.

new app w8 simulador

 

Si elijes como modo de compilar el Simulador veras una sesión de Windows 8 corriendo sobre ella por eso esta ejecución es bastante rápida pero quizá todos tienen una pregunta?

Para que el Simulador?

R: Windows 8 no solo esta hecho para correr en la pc también corre en diferentes dispositivos y su nueva interfaz especialmente para funcionalidad táctil de las Tablet y ya hay un gran numero de dispositivos con procesador ARM que soportan Windows 8 y pueden utilizar todas las características del mismo, cuando estamos desarrollando aplicaciones normalmente lo hacemos en un pc común y corriente y al querer programar sobre características que vemos en las Tablet como los diferentes gestos táctiles y GPS no podemos probarlos a menos que sea a través de este simulador o correr directamente desde la Tablet con la opción REMOTE MACHINE.

Ahora vamos a ver una a una las diferentes características que tenemos con este Simulador

De arriba hacia abajo vamos a estudiar cada una de ellas:

new app w8 simuladorMinimizado: creo que no necesita explicación.

Mantener siempre al frente: Esta característica te permite que al momento de depurar código el simulador se encuentre siempre visible.

Modo Mouse: El simulador y las funciones que se ejecuten dentro del mismo se harán con el puntero del Mouse.

Modo Táctil Básico: Al hacer alguna manipulación en el Simulador el puntero del Mouse imitara un dedo y de esta manera podrás probar funciones táctiles básica de Windows 8.

pellizcar o modo zoom: Este modo táctil te permitirá emular dos movimiento muy utilizados en todo dispositivo touch y es el efecto de pinza dos dedos que permiten hacer una funciones como aumento o disminución de zoom.

Modo Rotación Táctil: Otro de los Movimientos táctiles es la rotación al igual que el modo zoom son dos dedos pero en vez de pinchar lo que sucede es que puedes hacer giros a la izquierda o derecha.

Botones de Rotación: Normalmente nuestras Tablet las podemos voltear de un lado a otro al igual que los teléfonos, con un pc normal se nos hace difícil hacer esta prueba además de que no tienen los sensores que capten el cambio de posición por ello este simulador cuenta con dos botones para hacer un giro de la pantalla hacia la izquierda o derecha para probar como quedara tu función en diferentes posición de la Tablet.

Cambiar Resolución: Permite cambiar la resolución de pantalla del Simulador y no solamente esto también incluye algunas prueba en proporción a dispositivo de diferentes tamaño en pulgadas por ejemplos pantallas de 10, 12, 23 27 pulgadas y probar las diferentes resoluciones en la misma cabe destacar que la resolución mínima soportada por aplicaciones Windows 8 en 1024 x 768 pero la recomendada seria 1366 x 768.

Localización: permite colocar las coordenadas de una ubicación exacta para hacer pruebas a través de GPS obviamente nuestros computadores convencionales no incluyen características GPS por ellos nuestro Simulador incluye uno para hacer nuestras pruebas.

Copiar Captura de Pantalla: Esta función es bien importante para el momento de publicar tu aplicación de Windows 8 cabe destacar que esta captura serán tomada del tamaño real de la resolución que tenga el Simulador sin importar el tamaño que tenga al momento.

Configuración: Acá tendrás unas pocas opciones como copiar la dirección de localización actual y ir a la carpeta donde están guardadas todas las capturas de pantalla.

Ayuda: Creo que esto tampoco necesita explicación.

Por ultimo les colocares algunas capturas de como se visualizan estas opciones:

Modo Táctil Básico:

Modo Tactil Basico

pellizcar o modo zoom:

modo zoom

Modo Rotación Táctil:

modo rotacion

Botones de Rotación:

rotacion

rotacion 2

 

 

 

 

Cambiar Resolución:

RESOLUCION

Localización:

LOCALIZACION

Bueno es todo espero les Guste saludos y gracia.