Mostrando las entradas con la etiqueta Windows 8. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Windows 8. Mostrar todas las entradas

viernes, septiembre 27, 2013

Crear un Charm Flyouts para Windows 8

 

Una de las tareas que a veces nos quitan mucho tiempo al desarrollar para Windows 8 es la creación de las ventanas o páginas de Configuración conocidas como los Charms en Windows 8.

Hoy les voy a hablar de como crearlas de una manera sencilla a través de una librería fácil de instalar y fácil de utilizar utilizando Nuget.


martes, septiembre 03, 2013

[Curso] Desarrollo Video Juegos sin 1 línea de Código

Hola a tod@s,

Hoy quiero invitarlos a inscribirse a este curso de desarrollo para crear un video juego que podrá ser exportado a HTML, a Windows 8 y a Windows Phone 8, utilizando herramientas totalmente gratis y Funcionales!

Pero esto no es todo, además podrán exportar el mismo juego a la plataforma Android e iOS con la versión paga del software.

No se necesitan conocimientos de programación, solo una idea de un juego, buena disposición y orientación para el desarrollo.

Nosotros le proporcionamos los medios para subir su juego, siempre y cuando sea gratis a las tiendas de Windows 8 dentro del mismo valor del curso.

Aún hay más, al finalizar el curso obtendrán un diploma en formato PDF que se enviará a sus cuentas de email.

El curso será a través de streamming en vivo y en directo, esto garantiza que podrán realizar preguntas al instructor y serán respondidas a la brevedad posible.

Si crean su propio juego, el estar en la tienda de Windows 8 referenciado por nosotros!

Todos los datos relacionados con el curso los encuentran en este link:

Curso desarrollo Video Juegos sin 1 linea de codigo

lunes, noviembre 05, 2012

[Win8] Puntos a tener en cuenta para publicar Apps en el Store de Windows 8

 

Hola a tod@s,

Hoy voy a explicarles que puntos son importantes al momento de publicar un App en la tienda de Windows 8.

A continuación enumero lo que debemos tener en cuenta para publicar Apps en la tienda de Windows 8.

1. Seleccionar el idioma del App y de la tienda:

image

Independiente que el idioma de Visual Studio sea ingles, el idioma de la aplicación y sobre el cual se certificará en la tienda debe ser claro y especifico.

En mi caso, el idioma es español y en Colombia.

2. La descripción de la aplicación que se va a colocar en la tienda debe ser una frase que tenga mínimo 7 palabras, no debe ser una palabra. Debe describir de manera rápida y sencilla lo que hace la aplicación.

image

3. Se deben enviar mínimo 2 imágenes de 1366 x 768, a pesar de que solo se exige 1, si se envía 1 imagen nos rechazan el App.

image

 

4. Es muy importante tener una pagina web o Url en donde se publique una Política de privacidad para nuestro App.

image

Si no tiene una, puede utilizar esta, que es la de la comunidad BDotNet, tiene el texto tanto en ingles como en español. http://bdotnet.wix.com/privacypolicy

Además su App debe tener un charm en donde indique la política de privacidad que utilizas, en este link te indico como puedes crear este charm: Crear página de Política de Privacidad de un App Windos 8

5. Llenar o dar las instrucciones necesarias a los que prueban nuestra Aplicación sobre el manejo de la aplicación para que no sea rechazada porque no la saben manejar.

image

En la imagen un ejemplo sobre este punto.

 

6. Es muy importante el rango de edad en el cual coloca su App, si su rango de edad es de 3 años o superior, o de siete años o superior, su App no debe tener conexión a Internet ni hacer utilización de la cámara del dispositivo.

image

Tengamos muy en cuenta las opciones y recomendaciones que nos da la misma tienda de Windows para ubicar nuestro App en uno de los rangos de fechas disponibles.

En este momento no hay posibilidad si no de estas 4 opciones para nuestro App.

7. La imágenes del App, si verificamos la carpeta Assets del explorador de soluciones de Visual Studio, debemos dejar los mismos nombres de las imágenes, el mismo formato y principalmente las mismas dimensiones de lo contrario nuestro App será rechazado el momento de ejecutar el kit de Certificación de App para Windows 8.

Un ejemplo de esto:

image

Si cambia el nombre de la imagen del logo por ejemplo debe indicarlo en el manifiesto también del App de manera correcta.

 

8. Si utiliza una base de datos local, como SQLite, debe asegurarse que en las propiedades del proyecto en la pestaña de Compilación (Build) esté seleccionado el procesador correcto de su PC, y asegurarse que en las referencias del proyecto, la referencia de SQLIte no tenga una davertencia, si la tiene, elimine la referencia y vuelva a crear la referencia a SQLite.

 

9. Al publicar su App debe asegurarse que tener en “Release” su App al momento de las compilaciones y verificaciones que se realizan con el KIT de Certificación.

image

 

Pronto si encuentro mas puntos importantes a tener en cuenta al momento de subir Apps al Store de Windows 8 se las estaré comunicando por aquí.

Dios los bendiga a tod@s!

miércoles, octubre 17, 2012

[Windows8] Crear la pagina de Settings

Hola a tod@s!

Hoy vamos a ver como podemos crea la pagina de settings de nuestra App para windows 8 en donde mostramos la Política de Privacidad de nuestra app.

Este es uno de los motivos mas frecuentes por los cuales devuelven App al subirlas al Store de Windows 8.

Nos envían un mensaje como:

Cumplimiento del contenido: error

Con esta prueba se evalúa tu software para ver si su contenido cumple los requisitos de certificación de la Tienda Windows.

Tu aplicación no cumple el requisito 4.1.

Notas de los evaluadores:

C:: Our reviewer could not find a privacy statement in the Windows Charm settings of this app.

 

1. creamos nuestro proyecto para el App de Windows 8:

image

Adicionamos un nuevo item, que va a ser una nueva página en blanco:

image

Llamaremos a nuestra página SettingsFlyuot.xaml, seleccionaremos una página en Blanco de la lista que nos presenta Visual Studio al momento de seleccionar App para Windows Store.

image

Adicionamos la página a nuestro proyecto, y nos genera el código XAML siguiente:

 

<Page
    x:Class="Celeste.CharmsPrivacyPolicy.SettingsFlyout"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Celeste.CharmsPrivacyPolicy"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
 
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
 
    </Grid>
</Page>



Vamos a adicionar el siguiente codigo XAML dentro de los tags <Grid> y </Grid>:


 


<StackPanel>
    <TextBlock Margin="5,30,0,30" 
               Style="{StaticResource SubheaderTextStyle}" >
        App desarrollada por:</TextBlock>
    <TextBlock Margin="5,0,0,0" FontSize="24" 
               Style="{StaticResource SubheaderTextStyle}" >
      Roberto Alvarado Taborda
    </TextBlock>
    <TextBlock Margin="5,0,0,0"  FontSize="24" 
               Style="{StaticResource SubheaderTextStyle}" >
        Celeste Software SAS
    </TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="24" 
                Style="{StaticResource SubheaderTextStyle}" >
        Bogotá D.C., Colombia</TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="24" 
                Style="{StaticResource SubheaderTextStyle}" >
      ralvaradot@hotmail.com
    </TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="24" 
                Style="{StaticResource SubheaderTextStyle}" >
        http://bdotnet.wix.com/privacypolicy</TextBlock>
 
    <TextBlock Margin="5,30,0,30" 
               Style="{StaticResource SubheaderTextStyle}" >
        Política de privacidad</TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="18" 
                Style="{StaticResource SubheaderTextStyle}" >
        La aplicación hace uso de la conexión a internet, única y exclusivamente, 
        para descargar información relativa de la misma desde nuestros servidores.</TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="18" 
                Style="{StaticResource SubheaderTextStyle}" >
        Ninguna información de la máquina o del usuario es enviada de vuelta a ellos 
        ni a ningún otro servidor a través de internet ni de ningún otro medio por 
        parte de esta aplicación.</TextBlock>
    <TextBlock  Margin="5,0,0,0" FontSize="18" 
                Style="{StaticResource SubheaderTextStyle}" >
        Es responsabilidad del usuario el manejo que este haga de los datos que son 
        registrados a través de la aplicación.</TextBlock>
</StackPanel>



De estos datos son importantes: el link de la página en internet donde están publicadas las políticas de privacidad de la aplicación, el email de contacto.


La línea del nombre de la empresa la pueden obviar o eliminar.


El diseño de la pagina se verá mas o menos así:


image


Vamos a abrir la pagina principal o inicial de nuestra App, en nuestro caso es MainPage.xaml:


Vamos a abrir el “Code Behind” y colocar este código en la clase:


    public sealed partial class MainPage : Page
    {
        private Rect windowBounds;
 
        private double settingsWidth = 400;
 
        private Popup settingsPopup;
 
        public MainPage()
        {
            this.InitializeComponent();
        }



Estas variables nos servirán para adecuar el manejo de Charms de settings que es lo que deseamos.


Vamos ahora a abrir el archivo App.xaml.cs para incluir una variable de Aplicación:


namespace Celeste.CharmsPrivacyPolicy
{
    /// <summary>
    /// Provides application-specific behavior to supplement the default Application class.
    /// </summary>
    sealed partial class App : Application
    {
        public static bool isEventRegistered;
 
        /// <summary>
        /// Initializes the singleton application object.  This is the first line of authored code
        /// executed, and as such is the logical equivalent of main() or WinMain().
        /// </summary>
        public App()
        {
            this.InitializeComponent();
            this.Suspending += OnSuspending;
        }



Regresamos a nuestra página principal, Mainpage.xaml.cs y allí adicionamos código al constructor de tal forma que se vea como se muestra a continuación:


 public MainPage()
 {
     this.InitializeComponent();
 
     windowBounds = Window.Current.Bounds;
     Window.Current.SizeChanged += OnWindowSizeChanged;
     if (!App.isEventRegistered)
     {
         SettingsPane.GetForCurrentView().CommandsRequested += onCommandsRequested;
         App.isEventRegistered = true;
     }
 }



Lo que estamos haciendo aquí es configurar el tamaño de la ventana, adicionar el método a ejecutar al evento SizeChanged y verificar si el evento está o no registrado en el App para hacerlo solo 1 vez.


Si el evento no esta registrado lo registramos en el App, en la línea:


SettingsPane.GetForCurrentView().CommandsRequested += onCommandsRequested;



Ahora vamos a adicionar el código del método onCommandsRequested que adiciona un handler para verificar al ventana del Setting a mostrar.


        private void onCommandsRequested(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs eventArgs)
        {
            UICommandInvokedHandler handler = new UICommandInvokedHandler(onSettingsCommand);
 
            SettingsCommand generalCommand = new SettingsCommand("DefaultsId", "Acerca de", handler);
            eventArgs.Request.ApplicationCommands.Add(generalCommand);
        }



 


Ahora el método onSettingsCommand en el cual definimos y configuramos la ventana de Settings:


        private void onSettingsCommand(IUICommand command)
        {
 
            // Create a Popup window which will contain our flyout.
            settingsPopup = new Popup();
            settingsPopup.Closed += OnPopupClosed;
            Window.Current.Activated += OnWindowActivated;
            settingsPopup.IsLightDismissEnabled = true;
            settingsPopup.Width = settingsWidth;
            settingsPopup.Height = windowBounds.Height;
 
            // Add the proper animation for the panel.
            settingsPopup.ChildTransitions = new TransitionCollection();
            settingsPopup.ChildTransitions.Add(new PaneThemeTransition()
            {
                Edge = (SettingsPane.Edge == SettingsEdgeLocation.Right) ?
                       EdgeTransitionLocation.Right :
                       EdgeTransitionLocation.Left
            });
 
            // Create a SettingsFlyout the same dimenssions as the Popup.
            SettingsFlyout mypane = new SettingsFlyout();
            mypane.Width = settingsWidth;
            mypane.Height = windowBounds.Height;
 
            // Place the SettingsFlyout inside our Popup window.
            settingsPopup.Child = mypane;
 
            // Let's define the location of our Popup.
            settingsPopup.SetValue(Canvas.LeftProperty, SettingsPane.Edge == SettingsEdgeLocation.Right ? (windowBounds.Width - settingsWidth) : 0);
            settingsPopup.SetValue(Canvas.TopProperty, 0);
            settingsPopup.IsOpen = true;
        }










Y por último los métodos onWindowSizeChanged se dispara al cambiar de tamaño la ventana, onWindowActivated, que se dispara al activar la ventana actual, y por último onPopupClosed, que se dispara al cerrar el popup que carga nuestra ventana de Settings.


        void OnWindowSizeChanged(object sender, Windows.UI.Core.WindowSizeChangedEventArgs e)
        {
            windowBounds = Window.Current.Bounds;
        }
        private void OnWindowActivated(object sender, Windows.UI.Core.WindowActivatedEventArgs e)
        {
            if (e.WindowActivationState == Windows.UI.Core.CoreWindowActivationState.Deactivated)
            {
                settingsPopup.IsOpen = false;
            }
        }
        void OnPopupClosed(object sender, object e)
        {
            Window.Current.Activated -= OnWindowActivated;
        }



 


Al ejecutar nuestra App agregando este corto código y esta página sencilla, podemos observar lo siguiente:


image


Podemos apreciar que aparece Acerca de, que es nuestra página de Settings.


Y al dar clic sobre “Acerca de” en el menú de settings:


image


Muestra nuestra pagina de settings con la política de privacidad.


Bueno amigos por hoy esto les quería contar para ayudarlos en que no rechacen sus Apps al subirlos al Windows Store.


Pueden utilizar la página de Políticas de Privacidad que ha publicado la Comunidad BDotNetLatam en la siguiente url para apuntar sus apps, es indispendable que coloquen tanto en el cuadro de texto de Política de Privacidad que se encuentra en el formulario de subir App al Store, como en esta pagina de settings que debe contener toda App a desarrollar para Windows 8.


Link a página pública de Política de Privacidad de Comunidad BDotNet


Espero que lo disfruten y logren certificar sus Apps en el Store de Windows 8.


 


Hasta una proxima oportunid@d, Dios los bendiga mucho!

lunes, octubre 08, 2012

[Windows8] Tip de Publicación

Hola a tod@s!

Al momento de publicar nuestro App en el Windows Apps Store, en la información que se nos solicita al momento de cargar el App para ser validado y posteriormente colocado en el Store se solicita una información que no es obligatoria, pero que si debemos colocar para que no nos devuelvan el App después de 7 días.

El tip es el siguiente:

Se debe diligenciar el campo de Política de Privacidad, aqui colocamos el link a una pagina en donde especifiquemos la política de privacidad de nuestra aplicación, por ejemplo: “Accedemos a internet, pero no tomamos información local del dispositivo y la enviamos a la web del fabricante”.

 

Saludos y espero que tengan en cuenta esto al momento de publicar su App en el Store.

 

Saludos,

 

Roberto Alvarado

martes, septiembre 25, 2012

[Curso] Mi Primera App de Windows 8 con XAML

Hola a tod@s!

 

Aquí están los link de los videos de las dos primeras sesiones del curso:

 

La primera sesión:

https://www.livemeeting.com/cc/usergroups/view?id=R4T76T&pw=cD%7c6pb8Dt

 

la segunda sesión:

    Asunto: SESION II - Mi primera App Windows 8 con XAML
    Dirección URL de la grabación: https://www.livemeeting.com/cc/usergroups/view
    Id. de la grabación: RRHR6G
    Clave de asistente: cD|6pb8Dt

 

Espero los disfruten y los aprovechen

Saludos,

viernes, septiembre 14, 2012

Mi primera App de Windows 8 con XAML

Hola a tod@s!

Esta vez los estoy invitando a un curso para desarrollar Apps para Windows 8, utilizando XAML y Visual C#, el curso es totalmente virtual, serán 8 sesiones en 4 semanas, 2 sesiones semanales.

Para los que estén en Colombia tendrán posibilidad de ganar varios premios y subir su App de Windows 8 totalmente gratuita al Apps Store.

 

Mi1aAppWin8

Las inscripciones en Sitio web de la comunidad BDotNet

Los llevaremos de la mano para crear su propia aplicación para Windows 8.

 

No se lo pierdan, pueden empezar a ganar dinero con sus Apps muy rápidamente.

 

Hasta la Próxima.

miércoles, febrero 29, 2012

[Lanzamiento] Windows 8 Consumer Preview / VS2011

Hola a tod@s!

image

El día de hoy ha sido lanzado la versión de Windows 8 Consumer Preview la cual tendrá vigencia hasta marzo del 2013, desde el Mobile World Congress de Barcelona.

Para los que no estén muy enterados, una de los grandes cambios de Win8, es su estilo de presentación, el cual utiliza el estilo Metro, que ya había sido lanzado en la plataforma de Windows Phone 7.

image

Pero no solo esta es la gran característica del  sistema operativo de Microsoft, sino que este sistema operativo el multi hardware, este sistema operativo lo vamos a tener en versión Server, versión PC, versión Tablet, pero aquí lo importante es Windows 8 se ejecuta en procesadores ARM, los cuales antes eran exclusividad de Android.

Aquí les dejo los link de descarga de los ISO para que puedan probarlo.

Descargar ISO de Windows 8

 

image

Además de esto también tenemos el lanzamiento de Visual Studio 2011 en su versión Beta el cual trae entre otros el desarrollo de aplicaciones “Metro Style” tanto en HTML5 y JavaScript como utilizando XAML y Silverlight, con toda la potencia y novedades que trae el Framework .NET en su versión 4.5.

image

Algunas de las novedades del IDE de Desarrollo de Microsoft son: versión Team Foundation Express, la herramienta para control de versiones de aplicaciones y control del ciclo de vida de desarrollo. Esto coloca al alcance de todos esta herramienta de gran valor para un equipo de desarrollo pequeño pues la restricción de esta versión Express es que solo permite hasta 5 usuarios.

 

Desde aquí pueden descargar la versión Beta de Visual Studio 2011

 

Por hoy, los dejo con estas inquietudes para que puedan empaparse de lo nuevo que ha lanzado Microsoft el día de hoy.

 

Hasta pronto!