Vanguarsoft Developers blog

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


Deja un comentario

Primera aplicación Xamarin (Xamarin Form)

 

Hola internautas para seguir pagando mi deuda prometida sobre Xamarin una vez que ya conocemos la introducción e instalamos visual studio siguiendo las instrucciones de los Link dados en el anterior Post.

https://javierleal.wordpress.com/2017/08/19/introduccion-a-xamarin/

Cabe destacar que en Xamarin puedes desarrollar aplicaciones Nativas como Aplicaciones compartidas y es por ello que en este tutorial veremos lo que es Xamarin Form, la mejor forma de comprender este concepto es teniendo la arquitectura de Xamarin sin Xamarin Form.

enfoque 1

Xamarin tiene un enfoque tradicional donde puede desarrollar toda la capa de negocio de tu aplicación en C Sharp y luego de manera individual en cada plataforma desarrollar el Front.

 

 

 

enfoque 2Xamarin Form por otra parte permite crear una interfaz compartida entre varias aplicaciones al igual que su capa de negocio o Back End esto brinda una flexibilidad y menos tiempo para el desarrollo de aplicaciones en Múltiples Plataformas..

 

 

Las ventajas de Xamarin form fueron visualizadas muy rápidamente por muchos desarrolladores que ya se encuentran explotando todas estas capacidades cabe destacar que el siguiente tutorial se enfoca en Xamarin Form por lo que crearemos el ejemplo tradicicional “Hola mundo” en una aplicación Xamarin Form que corra en Windows 10, Windows Phone y Android, para poder dar un ejemplo de IOS se requiere una Mac y en este momento no cuento con ella.

1.- Lo primero que se debe realizar es crear una nueva aplicación seleccionando nuevo ->proyecto, en la sección de lenguaje C sharp seleccionar Cross-Platform y luego aplicación multiplataforma (Xamarin Form o nativa) es mi caso le coloque al nombre del proyecto HelloWord.

paso1

2.- Aparecer una pantalla con diversas opciones del proyecto en este caso vamos a seleccionar aplicación vacía en la sección que dice Tecnología de UI seleccionamos Xamarin.Form y en estrategia de uso compartido del código seleccionamos Biblioteca de clases portatic (PLC)  y presionamos en Botón Aceptar.

paso2

3.- El proceso de creación del proyecto a veces tarda un poco en este proceso es normal que se solicite la configuración de la versión de aplicaciones universales en mi caso elegí Windows 10, y aceptamos para seguir con la creación del proyecto.

paso3

Así como debes Elegir la versión de Windows también se nos presenta inmediatamente opciones para conectar tu sitio web con una MAC en mi caso simplemente presiones cancelar por lo antes expuesto.

paso4

4.- Una vez ya creado podemos observar que se crearon 4 proyectos el primero representa la librería de clases potables donde podremos codificar toda la capa de negocio y por ser Xamarin Form también tenemos la capa de diseño, se crean 3 proyectos mas que representan las plataformas Android, IOS y Windows Universal este paso es mas para hacer una conceptualización sencilla .

paso5

5.- En el proyecto Portable, tenemos un archivo MainPage.xaml esta es la pantalla principal de la aplicación basta con tener conocimiento sobre XAML para ya empezar a trabajar en el diseño de la aplicación procedemos a abrir el archivo MainPage.xaml, de manera predeterminada el MainPage.xaml tiene el siguiente código:

<Label Text=”Welcome to Xamarin Forms!”
VerticalOptions=”Center”
HorizontalOptions=”Center” />

Para que sea mas interesante agregamos un Label donde mostrar resultados, Un entry que equivale a un TextBox para que la persona ingrese su nombre y un botón que permita saludar a quien escribió su nombre por lo que ahora su contenido queda de esta manera.

<StackLayout>
    <Label Text=”Welcome to Xamarin Forms!”
       VerticalOptions=”Center”
      HorizontalOptions=”Center” />
    <Label x:Name=”LBLMsg”
       VerticalOptions=”Center”
      HorizontalOptions=”Center” />
   <Entry x:Name=”TXTName”></Entry>
   <Button Text=”Saludar” Clicked=”Button_Clicked”></Button>
</StackLayout>

Como ven agregamos un botón y agregamos el evento Clicked que gracias a la ayuda de Visual studio genero el evento al cual le agregaremos el siguiente código.

private void Button_Clicked(object sender, EventArgs e)
{
          LBLMsg.Text = string.Format(“Hola Mundo {0}”, TXTName.Text);
}

6.- Ya con esto nuestra aplicación esta lista para ser probada, quizá por urgencia de integración del proyecto Xamarin en Visual Studio falta la detección de algunos errores es por ello que recomiendo comenzar compilando por Windows ya que el depurador de Windows 10 puede arrojar excepciones rápidamente y evitar quedar trancado corriéndolo en Android sin saber que hacer por que aun falta mejorar esos aspectos, es por ello que en la lista de proyecto elegimos para compilar UWP, para estas aplicaciones a veces se hayan problemas de arquitectura al compilar es por ello que yo personalmente elijo x86.

PASO6

Ya procedemos a compilar con nuestro equipo local y observamos la carga de la aplicación.

paso7

Y luego que carga ingresamos nombre y presionamos el botón para comprobar funcionalidad.

paso8

Ahora solo queda correr la misma aplicación en Android podemos conectar directamente el teléfono activando las opciones developer o simplemente ejecutamos los emuladores disponibles, la prueba de esta app con Windows 10 se las estaré debiendo debido a que al compilar con Windows Phone 10 se esta presentando la aplicación como la anterior y lo estaré resolviendo pronto, la aplicación de Android la veremos a continuación:

paso9

Esto seria todo por hoy espero que lo practiquen en sus casa y pronto vendremos con otro tutorial de Xamarin.

 

 

 

 


Deja un comentario

Introducción a Xamarin

Muy buenas tardes internautas como deuda de un curso que realice sobre esta tecnología vengo a saldar deudas comenzando inmediatamente.Xamarin-logo.svg

Xamarin es una tecnología que fue comprada recientemente por Microsoft enfocada en el desarrollo Móvil que nació de el proyecto Mono la misma nos permite a nosotros los desarrolladores construir aplicaciones con lenguaje de programación C sharp y la misma aplicaciones funciones en IOS, Android, Windows Phone, antes era pago pero luego de ser comprado por Microsoft esta gratuito con licencia Open Source.

Historia:

En junio de 2000, Microsoft anunció por primera vez su .NET Framework. Miguel de Icaza, de Ximian, comenzó a investigar si una versión para Linux era factible. Posteriormente, el proyecto Mono fue lanzado el 19 de junio de 2001. Ximian fue adquirida por Novell el 4 de agosto de 2003.

Después de la subsiguiente adquisición de Novell por parte de Attachmate en abril de 2011, Attachmate anunció el despido de cientos de trabajadores de Novell, incluyendo a desarrolladores de Mono, poniendo así el futuro del proyecto en cuestión.

El 16 de mayo, Miguel de Icaza anunció en su blog que Mono será desarrollado y soportado por Xamarin, empresa que planea lanzar una serie de productos para dispositivos móviles. De acuerdo con de Icaza, al menos una parte del equipo original de Mono se ha movido a la nueva compañía.

Sin embargo, en julio de 2011, Novell, ahora una subsidiaria de Attachmate, anuncio que concedería una licencia perpetua a Xamarin para Mono, MonoTouch y Mono para Android, tomando así Xamarin la administración oficial del proyecto. En febrero de 2016 es comprada por Microsoft.

Fuente: Wikipedia

Xamarin es único en que combina todo el poder de las plataformas nativas y añade una serie de características poderosas propias, incluyendo:

  1. Binding completo para los SDK subyacentes – Xamarin contiene enlaces para casi todos los SDK de la plataforma subyacente en iOS y Android. Además, estos enlaces están fuertemente mecanografiados, lo que significa que son fáciles de navegar y usar, y proporcionan una comprobación robusta del tipo de tiempo de compilación y durante el desarrollo. Esto genera menos errores de ejecución y aplicaciones de mayor calidad.
  2. Objetivo-C, Java, C y C ++ Interop – Xamarin proporciona facilidades para invocar directamente bibliotecas Objective-C, Java, C y C ++, dándole el poder de usar una amplia gama de código de terceros que ya se ha creado. Esto le permite aprovechar las bibliotecas iOS y Android existentes escritas en Objective-C, Java o C / C ++. Además, Xamarin ofrece proyectos vinculantes que le permiten enlazar fácilmente bibliotecas nativas de Objective-C y Java usando una sintaxis declarativa.
  3. Modern Language Constructs – Las aplicaciones de Xamarin están escritas en C #, un lenguaje moderno que incluye mejoras significativas sobre Objective-C y Java, tales como características de lenguaje dinámico , construcciones funcionales como Lambdas , LINQ , características de programación paralela , genéricos sofisticados y más.
  4. Amazing Base Class Library (BCL) – Las aplicaciones de Xamarin utilizan .NET BCL, una colección masiva de clases que cuentan con funciones completas y optimizadas, como potentes soportes XML, Database, Serialization, IO, String y Networking, por nombrar algunos. Además, el código C # existente se puede compilar para su uso en aplicaciones, lo que proporciona acceso a miles y miles de bibliotecas que le permitirán hacer cosas que aún no están cubiertas en el BCL.
  5. Entorno de desarrollo integrado moderno (IDE) – Xamarin utiliza Xamarin Studio en Mac OS X y Visual Studio en Windows. Estos son IDEs modernos que incluyen características como autocompletado de código, un sofisticado sistema de administración de Project y Solution, una biblioteca de plantillas de proyectos completos, control de fuentes integrado y muchos otros.
  6. Soporte de plataforma móvil cruzada – Xamarin ofrece un sofisticado soporte multiplataforma para las tres principales plataformas móviles de iOS, Android y Windows Phone. Las aplicaciones se pueden escribir para compartir hasta un 90% de su código, y nuestra biblioteca Xamarin.Mobile ofrece una API unificada para acceder a recursos comunes en las tres plataformas. Esto puede reducir significativamente los costos de desarrollo y el tiempo de lanzamiento al mercado para desarrolladores móviles que apuntan a las tres plataformas móviles más populares.

Esta tabla muestra qué plataformas se pueden construir con diferentes combinaciones de herramientas de desarrollo y sistemas operativos:

MAC OS VENTANAS
Entorno de desarrollo VISUAL STUDIO PARA MAC ESTUDIO VISUAL
Xamarin.iOS Sí (con equipo Mac)
Xamarin.Android
Xamarin.Forms Sólo para iOS y Android
(macOS en vista previa)
Android, Windows / UWP
(iOS con equipo Mac)
Xamarin.Mac Abrir proyecto y compilar solo ^

NOTA: Para desarrollar para iOS en equipos con Windows debe haber un equipo Mac accesible en la red , para la compilación remota y la depuración. Esto también funciona si tiene Visual Studio ejecutándose dentro de una máquina virtual de Windows en un equipo Mac.

Para su instalación la propia documentación nos brinda un manual para realizar la instalación paso a paso síguelas y lograras instalar Xamarin exitosa mente:

https://developer.xamarin.com/es-es/guides/android/getting_started/installation/windows/

En caso de ser util te coloco el link de la instalación con MAC.

https://developer.xamarin.com/guides/ios/getting_started/installation/

Con Xamarin los objetivos son como los que vemos en las imágenes podremos ver nuestra aplicación corriendo en tres plataformas con el mismo código.

intro-app-examples

Una vez que lo tengas instalado comenzaremos luego de este Post una serie de video s con ciertas características de Xamarin que podrán ayudarte a comenzar en ese mundo.


Deja un comentario

Serializar JSON resultado de Query MYSQL con PHP

Buenos días amigos hoy les traigo algo bastante sencillo, a veces muchos programadores nos topamos con problemas que parecen ser difíciles pero no lo son y terminan solucionando con algo muy sencillo y como el tiempo de un programador lo vale quiero compartir esto con lo que estuve casi 2 horas lidiando bueno mi fuerte no es php pero no deja de ser un tips que pueda usar yo mismo al pasar del tiempo o simplemente ayudar a algún colega.

El problema que se me presento es el siguiente: hacia una consulta del MYSQL  y quería serializar el resultado y pensé que utilizando mysql_fetch_array podría la consulta convertirse en un arreglo y devolver el valor deseado pero era lo esperado y tampoco tenia los key de los campos por lo que investigue y luego de varias pruebas fallidas soluciones con el siguiente código.

$resultData=mysql_query(“Select * from tableSample”,$conexion);

$rows = array();
while($r = mysql_fetch_assoc($resultData)) {
$rows[] = $r;
}

echo json_encode($rows);

Se utilizo el mysql_fetch_assoc para que devolviera los KEYS de cada campo consultado lo que llamamos un arreglo asociativo y se realizo un bucle while para recorrer cada valor devuelto por la consulta que este era uno de los errores que presentada por crees que ya el arreglo venia completo al consultarlo y al llevarlo todo de los datos utilizar json_encode para serializar en json y devolver el valor a donde desees ya que json lo permite y es un gran estandar

 


Deja un comentario

JSfiddle y Codepen (Tools)

Hola amigos amantes de tecnologías yo otras vez diciendo que volveré y no termino de volver espero que esta si sea la vencida, en mi articulo de hoy les traigo Tools y mas Tools, las herramientas al momento de desarrollar son sumamente importante sobre todo cuando no estar en una pc de manera fija o simplemente quieres probar algo sin afectar el código existente o si tienes talento y quieres mostrarle a al mundo lo que sabes hacer con tecnologías Font and Back del mundo web pues estas son las herramientas necesarias para mostrar y compartir tus habilidades.

Ahora mas allá de todo eso también si simplemente necesitas hacer una funcionalidad y quieres buscar de que manera lo ha hecho otro desarrollador también este termina siento el lugar correcto..

LogoEs un sitio web en el que te puedes registrar para guardar funcionalidad web que hayas hecho construido la herramienta tiene un poder impresionante por que si por ejemplo estas en la pc que no es tuya pero necesitas probar o comprobar una funcionalidad básica que no sea necesario de traer tu código existente puede usar codepen, esta te permitirá agregar otros tools como jquery , bootstrap para hacer tus pruebas directo en la web y a real time donde puedes ver código y resultados en una sola pantalla, codepen es mi favorito cuando deseo buscar un diseño agradable para mis web Sites mucho talento ha compartido sus creaciones aca y son una comunidad bastante grande ademas si eres Teachers puedes usarlo para mostrar a tus alumnos código y resultado de manera que lo entiendan.

Aca te coloco una vista previa para que veas como se veras tus pruebas o lo que hagas con esta herramienta.

codepen

Url: http://codepen.io/

Como todo lo bueno siempre debe seguir y no por ser el segundo en este blog significa que no sea mejor que codepen todo depende del usuario:

jsfiddle.pngAl igual que codepen es una excelente herramienta para compartir, buscar, practicar tus códigos aquí tenemos un área de colaboración bastante interesante para por ejemplo dar tus clases yo les recomiendo que las empiecen a usar y sin mas que explicar les dejo la captura y url del site de JSFiddle.

jsfiddle.jpg

Url: https://jsfiddle.net/


Deja un comentario

Windows 8.1 Arquitectura de la plataforma.. lo que hay y lo que viene.

Buenas tardes y feliz año 2015, quiero como introducción anunciarles a los que frecuentan mi blog que desde ahora en adelante este estará totalmente concentrado en el tema de aplicaciones para la Windows Store, este será el primero de muchos artículos donde estarán viendo características útiles que van a poder usar en sus aplicaciones, todas las demostraciones que se vallan a dar de ahora en adelante estarán construidas en base a Visual Studio 2013 y 2015 una vez se haga el lanzamiento Oficial, Enfocado en aplicación Windows 8.1 y Windows Pone 8.1 hasta la llegada de Windows 10 que se convertirá por lo visto en un solo sistema, sin mas preámbulos comencemos primero por lo primero.

6320.image_07C9A1E3

Esta es la arquitectura de la plataforma de Desarrollo de Windows 8.1 tenemos un gran pilar y base que es el Windows Core OS Services que consiste en el núcleo central del Sistema Operativo donde mantiene características comunes para todas las aplicaciones y pueden ser utilizados para programación de bajo nivel.

Luego tenemos toda la WinRT APIs, esta nos permite lograr desde las aplicaciones acceder a características del sistema como el Acceso a datos, comunicación, Audio, Video, Impresión, Dispositivos varios que son necesarios y están basados en las nuevas características de Windows 8.1 donde muchas de ellas están centralizadas para poder acceder y usar a través de cualquier a de los lenguajes disponibles.

Tenemos la Posibilidad de elegir lenguajes de Programación dependiendo de las capacidades que viene desarrollando la persona interesada en iniciar en esa plataforma si tu fuerte en la programación es JavaScrips puedes fácilmente basarte en dicho lenguaje que te permitirá a su vez trabajar en la capa de diseño con HTML y CSS.

También podemos elegir entre lenguajes como C, C++, Visual Basic y C sharp y aprovechar una base de diseño utilizando XAML que es un lenguaje de marcado para aplicaciones que te permitirá crear muy fácilmente interfaz interesantes.

Cabe destacar que con la llegada de Windows 8.1 se esta hablando de Aplicaciones Unificadas donde Windows y Windows Phone posiblemente será uno solo, por lo que quizá próximamente estaremos explicando la arquitectura de desarrollo para Aplicaciones de Windows 10 y esta sola imagen lo dice todo.

Windows-10 

Las dudas que nos quedaran quizá ya estén resueltas para finales del año 2015, y una de esas preguntas es: Como quedara la Arquitectura de la plataforma de desarrollo de Windows 10?, Habrán cambios que afecten la manera en que ya lo estamos haciendo con Windows 8.1?

Yo personalmente les diría que creo que desarrollar en Windows 8.1 será igual que en Windows 10 solo que esta tendrá mas madurez así que serán de provecho muchos de los artículos en los que estaré basando en mi blog con nuevo enfoque.


Deja un comentario

Cuenta de Desarrollo Microsoft pasan a ser Gratuitas.

image

Mucho antes del anuncio del nuevo Nombre de la nueva versión del Sistema Operativo de Microsoft “Windows 10” se dio a conocer que las cuenta de desarrollo de Tienda de Windows pasaron a ser Gratuitas, anteriormente había que hacer un pago para poder subir aplicaciones en la plataforma a menos que tuvieras una suscripción MSDN o clave de activación para estudiantes lo cual fortalece y da mas oportunidades a desarrolladores de todo el mundo a probar las herramientas y dar a conocer sus habilidades con el desarrollo de sus propias aplicaciones.

Ya lo eh comprobado y al crear la cuenta no te pide ningún tipo de pago solo se genera una factura en 0 debido a un código de activación automático que obtienes automáticamente al estar haciendo el registro.

Puedes registrarte en el siguiente enlace: https://dev.windows.com/es-es

Y te dejo también el enlace de las versiones express de Visual Studio donde puedes empezar desde ya a crear tus aplicaciones poniendo un poco en practica todo las características que ya se conocen sobre Windows, Windows Phone, Azure, WPF,Silverlight y demás tecnologías que permite la plataforma de desarrollo Visual Studio a través de .NET.

http://www.visualstudio.com/en-us/products/visual-studio-express-vs.aspx

Estos anuncios fueron hechos antes del anuncio del nuevo Windows 10 donde una de sus características importantes es la unificación de aplicaciones globales donde desarrollar una aplicación y funciona para todo, con esto ya vemos un poco la luz del futuro de las plataformas moviles, Tables, PC y demás dispositivos que soportaran el nuevo Sistema Operativo donde veremos en el 2015 su versión final para el publico.. lo cierto es que según lo dicho todo será Windows 10 esta imagen tomada de la pagina de Dev Center de Windows lo dice todo.

image

Si te animas comienza ya descargando la versión de Visual Studio 2013 Express Update 3

http://www.microsoft.com/es-es/download/details.aspx?id=43729