SECCIÓN TEC.

DEL DEPARTAMENTO DE COMPUTACIÓNCARRERA DE

REDES Y TELECOMUNICACIONES

NRC:

6526

ASIGNATURA:

APLICACIONES MÓVILES

PROYECTO 2.1 TEMA:

Aplicación del promedio de todas las asignaturas en Xamarin.

INTEGRANTE:

Javier Alexander Armijos Herrera.

Melanny Giuliana Lema Guanotasig.

Andy Jhoel Montenegro Arteaga

Vanessa Gabriela Pujos Espín

Brian Stiven Toapanta Lagua

DOCENTE:

Ing. José Rubén Caiza Caizabuano

FECHA:

20/Julio/2022
 PROYECTO 2.1

1. TEMA:

Aplicación del promedio de todas las asignaturas en Xamarin.

2. OBJETIVOS:

2.1 Objetivo General

• Realizar una aplicación móvil que me permita obtener el promedio de cada asignatura
recibida en la malla de tercero semestre de Redes y Telecomunicaciones.

2.2 Objetivos Específicos

• Diseñar cada página de la aplicación móvil aspectos como el tamaño, color y ubicación
del texto en cada pestaña.

• Crear menús con el fin de que nos permita ingresar a las diferentes funciones de la
aplicación mediante botones.

• Realizar los cálculos necesarios para los promedios de cada asignatura con su diferente
rubrica e implementar en la aplicación mediante clases y métodos.

3. MARCO

TEÓRICO Visual

Studio

Microsoft Visual Studio es un entorno de desarrollo integrado, creado por la

compañía Microsoft y disponible para sistemas operativos Windows, Linux y macOS, y la

vez es compatible con múltiples lenguajes de programación, tales como C++, C#, Visual

Basic .NET, F#, Java, Python, Ruby y PHP, al igual que entornos de desarrollo web, como

ASP.NET, fue lanzado en 1997, cuenta con versiones gratis y de venta.

Es una aplicación informática que proporciona servicios integrales para facilitarle

al desarrollador o programador la creación de software, permitiéndonos desarrollar

aplicaciones, sitios y aplicaciones web, así como servicios web en cualquier entorno que

soporte la plataforma .NET, algunos lenguajes que podemos encontrar son: Visual Basic,

Visual C# y Visual C++. (espaciohonduras.net, 2022)

Ilustración 1

Símbolo de Visual Studio

Xamarin
Xamarin es una plataforma de código abierto para compilar aplicaciones modernas

y con mejor rendimiento para iOS, Android y Windows con .NET. Xamarin es una capa

de abstracción que administra la comunicación de código compartido con el código de

plataforma subyacente. Xamarin se ejecuta en un entorno administrado que proporciona

ventajas como la asignación de memoria y la recolección de elementos no utilizados.

Xamarin permite a los desarrolladores compartir un promedio del 90 % de la

aplicación entre plataformas. Este patrón permite a los desarrolladores escribir toda la

lógica de negocios en un solo lenguaje (o reutilizar el código de aplicación existente), pero

conseguir un rendimiento y una apariencia nativos en cada plataforma. (Microsoft, 2022)

Las aplicaciones de Xamarin se pueden escribir en PC o Mac, y compilar en

paquetes de aplicación nativos, como un archivo .apk en Android o .ipa en iOS.

Para la compilación e implementación de aplicaciones para iOS, en la actualidad se

necesita un equipo MacOS. Para más información sobre los requisitos de desarrollo, vea

Requisitos del sistema. (Microsoft, 2022)

Ilustración 2

Símbolo de Xamarin.

Xamarin es para desarrolladores con los siguientes objetivos:

• Compartir código, pruebas y lógica de negocios entre plataformas.

• Escribir aplicaciones multiplataforma en C# con Visual Studio.

• Funcionamiento de Xamarin

• Diagram of Xamarin architecture

En el diagrama se muestra la arquitectura general de una aplicación Xamarin

multiplataforma. Xamarin permite crear una interfaz de usuario nativa en cada plataforma

y escribir lógica de negocios en C# que se comparte entre plataformas. En la mayoría de

los casos, con Xamarin se puede compartir el 80 % del código de la aplicación. (Microsoft,

2022)

Ilustración 3

Arquitectura de una aplicación en Xamarin.

 Xamarin se agrega a .NET, que controla de forma automática tareas como la

asignación de memoria, la recolección de elementos no utilizados y la interoperabilidad

con las plataformas subyacentes. (Microsoft, 2022)

Xamarin.Forms.Xaml

El Lenguaje de marcado de aplicaciones extensible (XAML) es un lenguaje basado

en XML creado por Microsoft como una alternativa al código de programación para crear

instancias e inicializar objetos y organizar esos objetos en jerarquías padre-hijo. XAML se

ha adaptado a varias tecnologías dentro del marco .NET, pero ha encontrado su mayor

utilidad en la definición del diseño de las interfaces de usuario dentro de Windows

Presentation Foundation (WPF), Silverlight, Windows Runtime y Universal Windows

Platform (UWP). (Microsoft, 2021)

XAML permite a los desarrolladores definir interfaces de usuario en aplicaciones

de Xamarin.Forms mediante marcado en lugar de código. XAML nunca es necesario en un

programa Xamarin.Forms, pero a menudo es más breve y visualmente más coherente que

el código equivalente, y potencialmente utilizable. XAML es muy adecuado para su uso

con la popular arquitectura de aplicaciones MVVM (Model-View-ViewModel): XAML

define la Vista que está vinculada al código de ViewModel a través de enlaces de datos

basados en XAML. (Microsoft, 2021)

ContentPage Class

Una página que muestra una sola vista. (Microsoft)

InitializeComponent()

Es un método creado y administrado automáticamente por el diseñador de Windows

Forms y define todo lo que ve en el formulario. Todo lo que se hace en el formulario en

VS.NET usando diseñadores genera código. Cada control agregado y conjunto de

propiedades generará código y ese código va al método InitializeComponent().

(devcomponents, 2021)

EventArgs

Es un parámetro denominado e que contiene los datos del evento; consulte la página

de MSDN de EventArgs para obtener más información. (Gary Barret, 2021)

Object Sender

Es un parámetro llamado Sender que contiene una referencia al control/objeto que

generó el evento. (Gary Barret, 2021)

4. DESARROLLO

Se empezó creando un nuevo proyecto en Visual Studio se escogió la plantilla Aplicación

Móvil (Xamarin.Forms)se asignó un nombre al proyecto, se eligió en blanco y crear.

Ilustración 1

Nuevo Proyecto

Ilustración 2

Nombre del proyecto

Ilustración 3

Selección en blanco de la plantilla

En la Página de contenido Menu.xaml en donde se definió el contenido visual de la página

y su funcionamiento en conjunto con un archivo de código subyacente, en el archivo XAML, en el

cual se definió las interfaces para el usuario en la cual se utilizó Controles (Views), Diseños

(Layouts), Páginas (Pages) o clases personalizadas, también se declaro una clase que era la public

partial class en la cual están ddefinidas no una sino varias clases a la vez.

Ilustración 4

Página de contenido Menu.xaml

Ilustración 5

Código subyacente

Después de esto también se procedió a la edicion del fondo de la aplicación con

algunos comenados como el BackgroudColor, FontSize, TextColor, VerticalOptions entre

otras las cuales nos ayudan al alineado y la personalización del texto de la aplicación a

desarrollarse, se procedió a la creación de botones cada uno con su respectiva comando los

mismos usados para el desarrollo del menú.

Ilustración 6

Página de contenido Promedio.xaml

Ilustración 7

Código subyacente
 Para el ingreso de imágenes en la aplicación móvil se copiaron los archivos de imagen en

la carpeta drawab, para la verificación de la misma se lleva el cursor a encima de la imagen y se

puede verificar que la imagen se cargó correctamente ya que nos muestra una vista previa de la

misma.

Ilustración 8

Ingreso de imágenes
 Al terminar todos estos pasos se dio la ejecución del programa en donde se pudo

visualizar que la aplicación tiene una funcionalidad del 100% llegando así a nuestro objetivo con

la aplicación.

Ilustración 9

Ejecución de la App

Ilustración 10

Cálculo del promedio

5. CONCLUSIONES

• Los códigos que sirven para cambiar el formato y estilo de contenido de la aplicación

son BackgroundColor, FontSize, TextColor, FontAttributes, VerticalOptions,

HorizontalOption entre otros.

• Se creó los menús con botones con el fin de que la aplicación sea más

didáctica.

• La clase que se utilizó para implementar el código de los cálculos es public partial class

porque la clase está definida usando más de un archivo de código fuente y métodos

como el private void porque el campo o método sólo es visible dentro de la clase donde

se define.

6. RECOMENDACIONES

• Se recomienda identificar el código correcto para cambiar la parte grafica de la

aplicación.

• Es importante que la aplicación se la vaya realizando de forma ordenada.Tener

en cuenta la declaración de las variables para que en el código con el cálculo se

ejecute lo solicitado.
 7. BIBLIOGRAFÍA

devcomponents. (18 de Marzo de 2021). Obtenido de

https://www.devcomponents.com/kb2/?p=1327
espaciohonduras.net. (27 de Febrero de 2022). Obtenido de
https://www.espaciohonduras.net/microsoft-visual-studio-concepto-y-que-es-y-para-que-
sirve-microsoft-visual-studio
Gary Barret. (20 de Junio de 2021). Stack Overflow. Obtenido de
https://stackoverflow.com/questions/14479143/what-is-the-use-of-object-sender-and-
eventargs-e-parameters
Microsoft. (16 de Diciembre de 2021). docs.microsoft. Obtenido de
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/xaml-basics/
Microsoft. (10 de 05 de 2022). docs.microsoft. Obtenido de https://docs.microsoft.com/es-
es/xamarin/get-started/what-is-xamarin
Microsoft. (s.f.). docs.microsoft. Obtenido de https://docs.microsoft.com/en-
us/dotnet/api/xamarin.forms.contentpage?view=xamarin-forms
8. LEGALIZACIÓN

Armijos Herrera Javier Alexander Lema Guanotasig Melanny Giuliana

Toapanta Lagla Brian Steven Pujos Espín Vanesa Gabriela

Montenegro Arteaga Andy Jhoel