Inicio Blog Página 21

Geolocalización en Xamarin Forms 1

0
Geolocalización Xamarin
Geolocalización Xamarin

Geolocalización en Xamarin Forms

En la celebración del cuarto año de la comunidad xamarin en español colabore con mi participación con el tema de geolocalización en el cual se hablo de que es el GPS, como este funciona en los celulares y cual es la implementación que se realiza en Xamarin para su uso en proyectos,  como se puede obtener la dirección de una ubicación GPS, y como los mapas  pueden mostrar la ubicación actual y el nivel de exactitud.

 

 

 

 

Puedes encontrar el repositorio con el código fuente en https://github.com/jucaripo/xamarin-forms-gps

Problemas de permisos en Brew con macOS Catalina

0
homebrew
homebrew

Problemas de permisos en Brew con macOS Catalina

Si tienes Problemas de permisos al instalar brew en  Mac OS Catalina,
encontraras que a nivel de consola te marcara que no tienes los permisos suficientes.

 

para solucionar esto tenemos que aplicar.

 

sudo chown -R $(whoami):wheel /usr/local/*

en la terminal y con esto  podrás funcionando bien  brea

Cómo desinfectar celulares

0
Como desinfectar celulares
Como desinfectar celulares

Cómo desinfectar celulares covid

Como promedio, el celular se manipula más de 50 veces al día, justo con las mismas manos con que anteriormente se han tocado en espacios públicos pasamanos, picaportes, interiores de transportes colectivos, dinero y un amplio etc.

Por eso para higienizar te decimos cómo desinfectar celulares, para esto no hace falta sustancias ni instrumentos complicados y los pasos son simples:

-Primero, apagar el teléfono.

-Utilizar un pañito de microfibra preferiblemente, de esos que se usan para limpiar los espejuelos. En caso de no contar con uno, elegir algún tejido suave que no suelte pelusas. No es recomendable usar servilletas de papel ni papel higiénico porque podrían rayar la pantalla.

-Preparar una solución de agua tibia y jabón con la que humedecer levemente el pañito, no demasiado para que no se mojen los puertos u otras entradas.

Hay sustancias que acaban con los virus y bacterias, pero también podrían acabar con el teléfono, que posee capas oleofóbicas e hidrofóbicas, la primera para que las huellas digitales no queden tan marcadas, y corren el peligro de ser destruidas si se le aplican ciertos limpiadores.

Ni solución con cloro ni con vinagre, su poder abrasivo es perjudicial para el móvil y otras pantallas. Aun cuando en muchos casos se emplean micas protectoras de la pantalla, de todas formas, no es conveniente emplearlas y tampoco limpiar puertos o sectores donde haya conectores.

La solución jabonosa no debe rociarse directamente sobre el teléfono, sino frotarla con el pañito.

Y no es que el agua y el jabón se hayan vuelto de pronto mágicos, sino que el nuevo coronavirus tiene una delgada membrana recubriéndolo que se destruye con esa solución jabonosa.

En el caso de los teclados de laptop y computadoras de escritorio, para limpiarlos debe emplearse preferiblemente uno de esos bastoncillos con algodón en los dos extremos, o, en su defecto, un palillo de dientes donde se enrolle algodón en sus puntas.

Recuerda como desinfectar celulares nos permite  tener nuestro equipo limpio y tener menos riesgo de contagio.

 

Material Design Type System en Xamarin Forms

0
Xamarin Material Design
Xamarin Material Design

Material Design Type System en Xamarin Forms.

Este post  forma parte del Calendario de Adviento  de Xamarin 2019  Día 19.

Un saludo amigos de la comunidad Xamarin,  en el post del día 2 de Diciembre  deje mi aportación de como usar el Material Design Color System en nuestros proyectos de Xamarin de form y tener los colores bien documentados  y poder hacer uso de ellos en todo el proyecto.

En  esta mi segunda aportación  continuare con otro tema muy importante que es el Manejo de tipografías  y como deben ser manejadas en nuestro proyecto basado en las Recomendaciones de Material Design Type System

Cual es la finalidad del Material Design Type System

Usar la tipografía para presentar su diseño y contenido de la manera más clara y eficiente posible.

Cada proyecto  Móvil  es un reto de diseño. y concepto,  para el Diseñador gráfico  que no tiene experiencia en el desarrollo de aplicaciones móviles  puede que cometa el error de  declarar  una gran variedad de fuentes tipográficas y de tamaños que  hacen  un reto complicado su implementación,  ya que la formación de la mayoría de los diseñadores proviene del Mundo editorial  y no del  mundo tecnológico.

 

Si nosotros vemos la plantilla de Material Design para el adobe XD que se puede descargar de https://www.adobe.com/mx/products/xd/resources.html

encontraremos este panel :

 


 

La primera duda que genera la documentación es ¿cuantas fuentes  son las ideales para el proyecto?:
La respuesta  ideal es  de una a no mas de 5 fuentes tipográficas.

Recomendaciones con fuentes tipográficas:

  1. Cada fuente tipográfica  aumenta el tamaño de nuestra aplicación ejemplo la fuente Roboto en su versión regular aumenta en 159k  la app “nota la fuente esta ya instalada en Android error incluirla dentro de los resources de Android”
  2. Usar una fuente tipográfica de fácil lectura para los textos,  tipo Arial , Helveticas, etc.
  3. En el caso de aplicaciones de Marcas incluir la fuente tipográfica de la Marca para su uso en texto publicitario y en títulos “Opcional”.
  4. Si usamos Iconos como fuentes tipográficas  “FontAwesome”, “Material Design Icons”   ver de solo usar los archivos con los iconos que realmente usamos ejemplo:  fa-solid900.ttf mide 194k
    si usamos todo el set de FontAwesome tendremos 400kb   de archivos en la app.
  5. Ver que los archivos  De Fuentes sean compatibles con  dispositivos móviles,

 

La escala de tipo Material Design incluye una gama de estilos contrastantes que respaldan las necesidades de su producto y su contenido.

La escala de tipos es una combinación de 13 estilos compatibles con el sistema de tipos los cual permite representar armónicamente   cualquier texto de manera clara
estas son:

La serie H1 al H6 son los Headers “Titulos sección”  y van desde grande a pequeño sirven para enfatizar una sección de la app.  el valor Size esta en Pts “Puntos tipográficos” no confundir  Puntos con Pixeles.
ya que por ejemplo una letra a 12 pixeles que es el tamaño recomendado para textos es igual a  9 Pts

por lo que se tiene que tener cuidado al poner las unidades de tamaño en Xamarin por ejemplo:

Es fácil caer en el error de declarar   FontSize=”Header” en  Xamarin Forms y pensar que el header estará con el tamaño adecuado en todo el sistema  aquí el ejemplo:

<Label Text=”Texto 96″ FontSize=”96″/>
<Label Text=”Texto Font Header” FontSize=”Header”/>

 en Xamarin Android la salida es :


Lo que vemos es que FontSize=”Header” es igual a FontSize=”96″  pero o sorpresa al pasar a IOS o WPF
ver caso IOS:

Aqui vemos que FontSize=”Header”  es different  a FontSize=”96″ y que su valor real es 17, por lo que no recomiendo usar los valores de FORMS.
ver la siguiente tabla para ver la diferencia en los tamaños  de las definiciones por nombre de Xamarin.Forms.

Por lo que la recomendación es crear nuestra definición  de material design Type System.

en un resource estatico para todo el desarrollo:

ejemplo de código para las definiciones por tamaño:

Código Aplicado a una pagina

 

Vista del resultado

 

Aplicando la escala de tipo

La escala de tipo aparece como texto en los componentes y el diseño general. Los atributos de tipo pueden usar valores personalizados para el tipo de letra, la fuente, el caso, el tamaño y el espacio entre letras.

1. Categorías de escala2. Valores reales

 

Titulares

En la escala de tipo, los encabezados abarcan desde un rango de 1 a 6. Los encabezados son el texto más grande en la pantalla, reservado para cortos, importantes …

LEE MAS

En la escala de tipo, los encabezados abarcan desde un rango de 1 a 6. Los encabezados son el texto más grande en la pantalla, reservado para texto o números cortos e importantes.

Para los titulares, puede elegir una fuente expresiva, como una pantalla, manuscrita o estilo de guión. Estos diseños de fuentes poco convencionales tienen detalles y complejidad que ayudan a atraer la atención.

Se utiliza un estilo de visualización para el Título 2.
Se utiliza un estilo de script para el Título 3.

Los tipos de letra serif o sans serif funcionan bien para los titulares, especialmente en tamaños más pequeños.

Un sans serif se usa para el Título 6.

 

Subtitulos

Los subtítulos son más pequeños que los titulares. Por lo general, están reservados para texto de énfasis medio que es más corto en longitud. Los tipos de letra serif o sans serif funcionan bien para …

LEE MAS

Los subtítulos son más pequeños que los titulares. Por lo general, están reservados para texto de énfasis medio que es más corto en longitud. Los tipos de letra serif o sans serif funcionan bien para los subtítulos.

Se utiliza un tipo de letra sans serif para el Subtítulo 1.

Para los subtítulos, tenga cuidado al usar fuentes expresivas, incluidos los estilos de pantalla, manuscritos y guiones.

Precaución.

Tenga cuidado al usar fuentes expresivas para subtítulos.

 

Cuerpo

El texto del cuerpo viene en rangos 1-2, y generalmente se usa para escritura de formato largo, ya que funciona bien para tamaños de texto pequeños. Para secciones más largas de …

LEE MAS

El texto del cuerpo viene en rangos 1-2, y generalmente se usa para escritura de formato largo, ya que funciona bien para tamaños de texto pequeños. Para secciones más largas de texto, se recomienda un tipo de letra serif o sans serif.

Se utiliza un tipo de letra serif para el Cuerpo 1.
Se utiliza un tipo de letra sans serif para el Cuerpo 2.

No utilice fuentes expresivas, incluidos los estilos de pantalla, manuscrita y guión para la copia del cuerpo.

No lo hagas.

No utilice fuentes expresivas para el texto del cuerpo.

 

Subtítulo y overline

Los subtítulos y el texto sobreimpreso (texto con una línea encima) son los tamaños de fuente más pequeños. Se usan con moderación para anotar imágenes o para introducir …

LEE MAS

Los subtítulos y el texto sobreimpreso (texto con una línea encima) son los tamaños de fuente más pequeños. Se usan con moderación para anotar imágenes o para introducir un titular.

Un tipo de letra serif que se utiliza para una leyenda.
Un tipo de letra sans serif que se utiliza para un overline.

No utilice fuentes expresivas, incluidos los estilos de pantalla, manuscritas y guiones para subtítulos o líneas generales.

No lo hagas.

No utilice fuentes expresivas para un overline.

 

Botón

El texto del botón es un llamado a la acción que utiliza diferentes tipos de botones (como texto, botones contorneados y contenidos) y en pestañas, cuadros de diálogo y tarjetas …

LEE MAS

El texto del botón es una llamada a la acción que utiliza diferentes tipos de botones (como texto, botones contorneados y contenidos) y en pestañas, cuadros de diálogo y tarjetas.

El texto del botón suele ser todo en mayúsculas sin serifa.

Se utiliza un tipo de letra sans serif en mayúsculas para un botón.

El texto del botón puede ser un caso de oración, sans serif o serif.

Precaución.

Tenga cuidado cuando el texto del botón aparezca distinto del texto no interactivo, como este tipo de letra sans serif superior inferior en un botón.

No utilice fuentes expresivas como texto de botón, incluidos los estilos de pantalla, manuscritos y guiones.

No lo hagas.

No utilice un estilo de visualización para el texto del botón.

Gracias a todos los miembros de la Comunidad de Xamarin en Español por  su retroalimentación y aportaciones en este calendario de Adviento  de Xamarin.

Como  nota final  este articulo solo se enfoco en comprender la recomendación y  en como usarla  algunos podrán decir porque no incluyes la fuente  y el color, estos son 2 aspectos que muchos desarrolladores integran y no esta mal este tipo de notación en Xamarin, solo recomiendo simplificar a  que es mejor declarar fuentes y colores acordes al número de Fonts que el diseñador especifico  y que los colores depende del juego definido en el color System el cual es más simple declararlo según el uso en su componente.

Féliz Navidad y prospero año nuevo,  mucho éxito en sus proyectos.

Usando Material Design Color System en Xamarin Forms

0
Xamarin Materia Design
Xamarin Materia Design

El Primer Calendario de Adviento de Xamarin 2019 – Día 2.

Al trabajar con aplicaciones Móviles  encontramos que  hacer uso correcto de los colores en nuestros  proyectos  es un deber y responsabilidad de los diseñadores y que  aplicar estos a nuestros sistemas solo es  copiar y pegar  un color más dentro de nuestros diseños XAML,  si bien  muchos programadores ya hacen uso de Xamarin Resource Dictonaries para poder tener mejor control de cambios sobre  Fuentes y colores  aun falta entender como organizar  estos de manera efectiva.

Primero tenemos que entender lo que es  un Patrón de Diseño “Gráfico”,
Los diseñadores  al desarrollar materiales para la elaboración de  pantallas tienen que generar las Guías  que servirán para todo el proyecto:

Guía de Color.-   colores usados dentro del proyecto

Guías Tipográficas .- Tipos de Letras, tamaños.

Guía Iconografica  .-  Símbolos usados  para la comunicación general, en diseño móvil.

Seguir Patrones de diseño UI .- Los patrones de diseño de la interfaz de usuario son soluciones recurrentes que resuelven problemas de diseño comunes. Los patrones de diseño son puntos de referencia estándar para el diseñador experimentado de interfaz de usuario.

Material design es una normativa de diseño enfocado en la visualización del sistema operativo Android, además en la web y en cualquier plataforma. Fue desarrollado por Google y anunciado en la conferencia Google I/O celebrada el 25 de junio de 2014. Ampliando la interfaz de tarjetas vista por primera vez en Google Now.

Una ves entendiendo los conceptos bases   encontraremos que en Materia Design  existe un apartado llamado

Color System “Sistema de color” ver link: uso de colores

El sistema de color Material Design utiliza un enfoque organizado para aplicar color a su IU.
En este sistema, generalmente se selecciona un color primario y uno secundario para representar la Marca de la empresa  ejemplo: “rojo y blanco Coca Cola o Azul y Rojo Pepsi” . Las variantes oscuras y claras de cada color se pueden aplicar a su interfaz de usuario de diferentes maneras para lograr un mejor acabado visual.

Nuestra guía de color que nos entregara el diseñador debe tener los siguientes elementos:

Nota:  si el diseñado no entrega esto en sus prototipos y guías, puede llevarle esta información y ayudarlo a que puedan colaborar de forma conjunta, para definir estos elementos, tengamos en cuenta que no todos los diseñadores están preparados en estos temas, al igual que hay programadores que no tenemos conocimientos  de diseño.


Primary:
 Color de marca  y es usado normalemente en barras de navegación y como color de fondo pantalla completa en dashboard y algunas secciones.
Primary Variant:  Color Primario Variante  sirven como  apoyos tonales para estar junto al color primario.

Secondary : Color secundario de marca y es usado como color alternativo al primario en alguna sección
Secondary Variant :  Color Secundario Variante sirvo como apoyo al color secundario y es un color para complementar la pantalla.

Nota: ver como  cada color tiene una variante “Variant” si el proyecto requiere más colores puede el diseñador usar  Tertiary Color , Quaternary Color usando la nomenclatura Cuantitativa,  el patrón define 2 pero en casos especiales puede llegar a tener no mas de cuatro.

Backgound  :  color de fondo que se usara en toda la aplicación.
Surface :  color de superficie  en algunas secciones tendremos un color para resaltar contra el fondo
Error:  error color es usado para todas las alertas  dentro del sistema

Nota:  en esta parte se menciona Contraste, este es un color  opuesto al mencionado ejemplo “negro el color de contraste puede ser Blanco”. 
On Primary:
   Color sobre el primario  es un color que tiene que ser contraste al color Primario y sirve para  cualquier elemento que este dentro de un Color Primario o Primario Variante.
On Secondary: Color sobre el secundario  es un color que tiene que ser contraste al color Secundario y sirve para  cualquier elemento que este dentro de un Color Secundario o Secundario Variante.
On Background: Color sobre el fondo,  es un color que tiene que hacer contraste con el Background.
On Surface: Color sobre superficie   es un color que hace contraste  con el color de superficie.
OnError:   Color de Error es un color que contrasta con  el color de Error ejemplo: “color de error rojo,  On Error color Blanco”.

Ya tenemos los conocimientos base para aplicar el Material Design Color System  quiere decir que podemos  tener los elementos para poder generar temas de color en aplicaciones.

Ahora llega el momento de aplicar este conocimiento  en el campo practico.

1 . Entramos a Visual Studio y Creamos un proyecto de xamarin forms shell

2.-  La nombramos  metaldesign  y le damos en siguiente

3.-  Vemos que nuestro proyecto esta bien y le damos crear

4 Una vez cargado el proyecto abrimos   el archivo app.xaml para poder implementar nuestro diseño.

5.- Implementamos nuestro código de Material Design Color System para que nuestra aplicación nos permita usar los colores en toda la aplicación según la reglas de diseño

 

 

Con esto tendremos disponibles los colores para usarlos en cualquier XAML y así poder solo aplicar el color que corresponde

6.- Para terminar  mostraremos como usarlo con el proyecto de arranque para esto vamos abrir appShell.xaml

7.- Para terminar realizamos los siguientes cambios. en la etiqueta ResourceDictionary :

 

 

Como se puede ver lo que estamos haciendo es colocar la variable de color correspondiente a a la sección que queremos aplicar.

con esto ganamos que  si hay cambios de color en la app solo tenemos que modificar  la variable del static Resource y en automático todas sus referencias quedaran modificadas con lo que es mas fácil mantener los cambios de diseño en la app.
También nos ayuda a que tenemos más control sobre los colores y secciones.

En un próximo post estaremos agregando las fuentes tipográficas  del proyecto y continuando como implementar todos los patrones de diseño.

el repositorio de GitHub es https://github.com/jucaripo/Xamarin-Forms-Metal-Design

 

Diseño de Aplicaciones forms

0
prototipos en xamarin forms
prototipos en xamarin forms

Diseño de Aplicaciones forms

el Diseño de Aplicaciones forms basadas en prototipos  es un Webinar impartido en la Comunidad Xamarin en Español sobre el desarrollo de aplicaciones móviles, desde su concepto y los pasos de desarrollo UX/UI.

¿Qué es el link baiting?

0
contenido
contenido

Una de las técnicas de marketing digital mas usada por los blogger,  y que actualmente  usan las empresas para mejorar las visitas a sus sitios es el Link Baiting   (traducido al castellano sería “cebo de enlaces” ) .   es un término en inglés que hace referencia a cualquier contenido o característica de un sitio web en que el usuario estimula a los visitantes a crear enlaces hacia él desde sus propias webs. Intentar generar este tipo de contenidos con frecuencia es empleado en tareas de posicionamiento en buscadores “SEO”.

 

De las diferentes técnicas de link bait destacan:

  • Proporcionar material descargable bajo licencias Creative Commons.
  • Establecer listas de recomendaciones
  • Son muy habituales los ataques a personas conocidas con el fin de mover a la opinión pública desfavorable a tu favor.
  • Aspectos humorísticos /amarillistas
  • Envío de notas de prensa con licencia Creative Commons.

Matt Cutts define este término como “cualquier cosa lo suficiente interesante para captar la atención de la gente”.

 

Maneras de hacer link baiting[

  • Enviar emails a amigos y conocidos que estén interesados en el tema para que viralicen la historia entre otras personas que disponen de página web.
  • Ponerse en contacto con bloggers influyentes para llegar al máximo de usuarios posibles.
  • Utilizar foros web y comunidades online.
  • Utilizar las redes sociales como Facebook, Twitter , LinkedIn, Instagram y Youtube principalmente.
  • Promocionar la página web en espacios participativos y sociales con gran cantidad de visitas y participación diaria.
  • Ofrecer contenido gratis a cambio de algo (una acción social o suscripción).

¿En qué se diferencian el Linkbaiting del Linkbuilding?

La principal diferencia que encontramos entre el Linkbaiting y el linkbuilding es que el linkbaiting no busca crear enlaces, sino que son los propios usuarios quienes integran el enlace gratis en su web.

Cuando realizamos linkbuilding, solemos establecer un acuerdo entre dos o más personas para intercambiar enlaces de las webs. No obstante dados los últimos cambios en el algoritmo de Google y el aumento de penalizaciones en las webs, lo más sensato suele ser un intercambio de artículos como guest bloggers.

Para poder evitarnos todo este trabajo, lo que primero tenemos que hacer es ver si podemos ser los primeros en ofrecer el mejor contenido. De esta manera, obtendremos el mismo número de visitas o superior, sin necesidad de tener que hacer acuerdos previos.

Para lograr un mejor resultado puedes  apoyarte en esta gráfica  para crear contenidos.

 

estrategias lin baiting

 

te recomiendo veas mis post sobre marketing digital

El Marketing de productos con Video.

0
YouTube
YouTube

Actualmente en las estrategias de Marketing digital  se usa el  Aprovechar el poder de los videos.
Más del 90% de los usuarios asegura haber descubierto marcas y productos nuevos en YouTube. Y hay más +40% de los compradores de todo el mundo decidió qué producto o marca comprar mirando videos online.

En México las búsquedas en YouTube subieron un 30% en los últimos tres años y, durante El Buen Fin, se vieron +410K horas de video relacionada con el evento durante los cuatro días que duró.
Al ver estos datos te preguntaras como  asegúrate de alcanzar a los usuarios con contenido inspirador y útil, sin importar en qué parte del proceso de compra se encuentren.

Un dato importante es la estadística de google sobro como la gente busca productos y en esta se ven los siguientes datos:

Encontramos que los buscadores son el primer lugar al que recurre el consumidor,  luego están las Redes Sociales, le siguen los sitios de tiendas y marcas reconocidas, posteriormente  encontramos a YouTube como medio de consulta.
Es interesante ver que los Blog no son una fuente de información  para atraer a consumidores.
y que las recomendaciones de Amigos y Familiares están al parejo del uso de YouTube.

Una de las dinámicas mas usadas actualmente en el marketing de productos en video  es contar tu historia, hacer demostraciones de producto o recorridos dentro de tu tienda, recomendar regalos de temporada pero, sobre todo, muestra qué es lo que hace diferentes a tus productos o servicios y el valor de tu marca.
¿Sabías que en  Argentina, Chile y México las personalidades de internet tienen un 74% de credibilidad a la hora de recomendar marcas o productos?.
Aprovecha estos datos para trabajar con personalidades de Internet que son capaces de llevar tu marca a sus leales suscriptores.

Eso sí, si quieres obtener el máximo rendimiento de tus videos durante estos eventos, recuerda incluirlos en los títulos de los videos: las búsquedas sobre estas seasonalities en YouTube subieron un 30% en los últimos tres años.

 

 

El desarrollo web moderno en 2019

0
web
web

El desarrollo web  con el paso del tiempo a pasado por una evolución tanto estética como programática.

El Desarrollo web moderno es un termino complicado ya que refleja las tendencias actuales o sugerencias  de producción de sitios web en una época determinada,  en este 2019  tenemos estas tendencias en la creación de sitios web, estas tendencias  solo son el reflejo de como  evoluciona la industria y las que en mi perspectiva están presentes.

Desarrollo Web moderno del diseño a la implementación.

En este 2019  los sitios web deben ser desarrollados pensando en un mundo multidispositivo. “Pantallas de computadoras, tabletas, Teléfonos celulares y hasta en dispositivos variados del Internet de las cosas “IoT”.

Actualmente en el desarrollo de sitios Web  dominan herramientas como Bootstrap ” herramientas de código abierto para diseño de sitios y aplicaciones web”,  gracias a estas herramientas es posible generar sitios web responsivos  de forma rápida, limpia y elegante.

Este tipo de herramientas permiten  generar proyectos de contenido único y  generar un solo sitio para la comunicación.
Aun con estos avances encontramos que muchos sitios  encuentran desempeño lento en equipos móviles.

uno de los retos  al usar sitios responsivos  es  la descarga de imágenes y scripts al dispositivo mismo y en este mismo proceso encontramos  las posibilidades amplias de  creación desde sitios clásicos de algunas páginas hasta sistemas complejos desarrollados en algún lenguaje de programación.

Aplicaciones ligeras

Las aplicaciones web ligeras  “lightweight application” surgen de la necesidad de mejorar la experiencia de usuario, en esta etapa  están las aplicaciones de páginas única “single page application”  las cuales gracias  a marcos de trabajo como VUE.js,  Angular y React.  podemos generar proyectos que permiten una mejor experiencia de usuario al  simplificar las llamadas de información entre el servidor y el navegador del cliente.

API y Microservicios

Un patrón de programación  que actualmente es importante  en el desarrollo moderno es la creación de API-REST y la tendencia actual a la creación de Microservicios.
Esta tendencia  no  es una moda, ya que  en la arquitectura moderna de aplicaciones basada en multidispositivo, es necesario optimizar recursos y simplificar desarrollo,

Los microservicios  es la búsqueda de la abstracción de los procesos de negocios  a funciones simples y concretas. Establecer su alcance y limitaciones junto con el reto de despliegue en redes de contenedores es parte de la tendencia actual.

 

Frontend de escala menor

Los frontend de escala menor toman la idea de microservicios y los aplican  en que el extremo del Frontend este alimentado por microservicios. Por lo tanto construye grupos alrededor de cada una de estas partes del sistema y genera el tener mecanismo de control entre cada micro servicio generado.
La separación  de los procesos y  de los servicios es todo un reto para los arquitectos de software actuales.

WebComponents

Web Components consiste en distintas tecnologías independientes. Puedes pensar en Web Components como en widgets de interfaz de usuario reusables que son creados usando tecnología Web abierta. Son parte del navegador, y por lo tanto no necesitan bibliotecas externas como jQuery o Dojo. Un Web Component puede ser usado sin escribir código, simplemente añadiendo una sentencia para importarlo en una página HTML. Web Components usa capacidades estándar, nuevas o aún en desarrollo, del navegador. Su código está encapsulado, de esta manera el código externo al Web Component no afecta al mismo.

Con Web Components, puedes hacer casi cualquier cosa que pueda ser hecha con HTML, CSS y JavaScript, y puede ser un componente portable que puede ser reutilizado fácilmente.

A veces hay confusión respecto a Web Components y Google Polymer. Polymer es un framework que está basado en las tecnologías Web Components. Puedes hacer y usar Web Components sin Polymer.

 

Conclusión

El mundo del desarrollo web ha avanzado mucho durante estos 10 años.  Estos avances se lograron gracias a que actualmente contamos con  sitios como GitHub, GitLab, Source Forge, entre otros más que ayudaron a compartir y generar  herramientas y mejoras a los sistemas.
Tambien es importante como StackOveflow  creció  para convertirse en una referencia para la resolución de problemas en el desarrollo diario.

Espero que este post te sea útil en entender el panorama actual o en conocer la industria desde mi perspectiva.

 

 

 

 

 

 

 

 

 

 

.NET 5 el futuro del desarrollo multiplataforma

0
Net5 next
Net5 next

En la .NET Conf 2019, celebrada el 23 de septiembre, Microsoft presentó grandes novedades que transformarán la forma de desarrollar aplicaciones con la plataforma .NET. A continuación, te explico de forma sencilla los puntos más destacados:


1. Una Plataforma Unificada: .NET 5

  • Un solo entorno para todo:
    .NET 5 reunirá lo mejor de .NET Core, .NET Framework, Xamarin y Mono en una única plataforma. Esto significa que podrás desarrollar aplicaciones para Windows, web, móviles, IoT y más, utilizando el mismo código base.

  • Adiós al “Core”:
    Ya no se usará el término “Core” en el nombre. Con .NET 5, tendrás un solo runtime y framework que funcionará en cualquier dispositivo, simplificando el proceso de desarrollo.


2. Mejor Rendimiento y Nuevas Formas de Compilar

  • Compilación Just-in-Time (JIT):
    Ideal para cargas de trabajo en servidores y escritorios, optimizando el rendimiento durante la ejecución de la aplicación.

  • Compilación Ahead-of-Time (AOT):
    Permite que las aplicaciones se inicien más rápido y ocupen menos espacio, algo muy útil para dispositivos móviles e IoT.


3. Soporte para Todo Tipo de Aplicaciones

  • Aplicaciones de Escritorio en Windows:
    Con .NET Core 3.0 ya se pueden crear aplicaciones de escritorio usando tecnologías como WPF y Windows Forms. Esto trae mejoras en rendimiento y acceso a las últimas funciones del lenguaje C#.

  • Desarrollo Web con Blazor:
    Ahora es posible crear aplicaciones web completas usando C# en lugar de JavaScript. Blazor utiliza HTML y CSS junto con C# para construir interfaces interactivas, lo que simplifica el desarrollo web.

  • Funciones en Tiempo Real con SignalR:
    SignalR y su versión en la nube (Azure SignalR Service) permiten agregar funcionalidades en tiempo real, como chats y notificaciones, de forma más sencilla y confiable.


4. Mejoras en el Lenguaje y en el Acceso a Datos

  • Novedades en C# 8:
    Este lenguaje incorpora características que ayudan a evitar errores comunes (como los problemas de referencias nulas) y facilitan la escritura de código claro y eficiente.

  • Entity Framework Core 3.0:
    Se han mejorado la calidad y el rendimiento en el manejo de bases de datos, haciendo que trabajar con datos sea más robusto y eficiente.


5. Herramientas de Desarrollo Actualizadas

  • Visual Studio 2019 Versión 16.3:
    La última versión de este entorno de desarrollo ya permite trabajar con .NET Core 3.0, ofreciendo mejoras en productividad y soporte para múltiples lenguajes y plataformas.

  • Visual Studio para Mac 8.3:
    Los desarrolladores en macOS también se benefician de mejoras importantes, incluyendo un mejor soporte para .NET Core 3.0, administración de paquetes NuGet y herramientas optimizadas para trabajar en proyectos modernos.


6. Integración de Inteligencia Artificial

  • ML.NET:
    Se trata de un framework de aprendizaje automático gratuito y de código abierto que permite agregar inteligencia artificial a las aplicaciones .NET. Con ML.NET, es posible crear modelos personalizados para tareas como análisis de sentimientos, predicción de precios y recomendaciones.

En Resumen

Microsoft está simplificando y unificando el desarrollo de aplicaciones con .NET. Con la llegada de .NET 5, los desarrolladores podrán crear aplicaciones de manera más rápida, segura y eficiente, sin importar la plataforma destino. Esta evolución incluye mejoras en el rendimiento, nuevas formas de compilación, soporte para aplicaciones de escritorio, web y móviles, además de un entorno de desarrollo renovado tanto en Windows como en macOS.

¡Esta transformación promete facilitar la vida a los programadores y ofrecer a los usuarios finales aplicaciones de mayor calidad y mejor rendimiento!