miércoles, 24 de junio de 2020

CRUD en Android Studio

El día de hoy le vengo a presentar este CRUD ( CREATE,READ,UPDATE,DELETE) hecho en Android Studio junto a mi compañero Israel Vazquez Castillo , este CRUD tiene la finalidad de ser el inicio de una APP para apoyar la economía local, lo que se muestra es el registro de usuarios ya que como comentaba es el inicio únicamente ,mostraremos como es el proceso de registro , ver que se guarda ,borrar un usuario y modificar informacion
Para crearla fue necesario crear diferentes clases segun la funcion que tenian dentro de la app como para el registro , el administrador , el password entre otros
 
























La captura anterior muestra todos los archivos realizados en Android Studio para el desarrollo de dicha app

Cabe recalcar que para poder guardar la informacion se utiliza una base de datos de Firebase la cual es NoSQL

La primer pantalla que veremos sera para hacer el registro





 
Procedemos a ingresar los datos que nos pide


Ahora ingresamos el numero de telefono

Despues de eso nos llega al numero que ingresamos el codigo y lo ingresamos 


Confirmamos y podemos observar que nuestros datos se ingresaron correctamente
Debemos iniciar sesion para poder observar

Ahora podemos ver dentro de nuestro perfil que se guardo la informacion
Decidimos cambiar la contraseña y ahora queda asi nuestra informacion

Ingresamos  a nuestro administrador de Firebase y podemos observar la informacion guardada correctamente


Desde otro dispositivo registramos a un segundo usuario
Hacemos los mismos pasos que en el anterior


Iniciamos sesion con la informacion registrada

Podemos ver que nuestra informacion se guardo correctamente , procedemos a Firebase para respaldar que si se hizo el registro

 
Y para verificar que borra desde nuestro dispositivo seleccionamos la opcion para borrarlo
Podemos ver que nos muestra el mensaje que se borro correctamente igual para verificar regresamos a nuestro administrador de Firebase para checar que se hizo correctamente , el usuario borrado fue el ultimo en crearse

Observamos que unicamente queda el primer usuario registrado

El numero de telefono es el que queda guardado como registro y nos muestra los datos del usuario



jueves, 18 de junio de 2020

Practica 2 Inscripcion a Universidad en DJANGO

Esta practica realizada en Django es con la intencion de mostrar un formulario para  ayudar en el registro de alumnos y materias en determinada universidad

  • -Lo primero es crear el proyecto desde el cmd
Como sabemos lo primero es dirigirse a la carpeta C:/ usamos los comandos cd.. para poder dirigirnos y despues crearla con el comando que aparece en pantalla











  • Verificamos que se creara correctamente desde nuestra carpeta C:/ bien conocida como la particion del disco para almacenar los sistemas y archivos

























  • Otra opcion es consultarlo desde el mismo cmd con el comando dir




























  • Lo siguiente sera crear el formulario o aplicacion de igual manera desde el cmd
    En este caso decidimos llamarlo gestion_academica y se crea con el comando mostrado en pantalla , recordando que hay que estar dentro de la carpeta del proyecto











  • Ya dentro del IDE podemos verificar de igual manera que se crearon los archivos y podemos trabajar con ellos
























  • Y si nos gusta verificar todo igualmente desde el cmd checamos con el comando dir que se creara correctamente el archivo















  • Lo siguiente sera correr el servidor desde el cmd con el comando runserver






  • Accedemos a traves de la IP que nos proporciona  para ver que el servidor corrio de buena manera




















  • Lo siguiente sera crear los modelos dentro del archivo models.py vamos a crear el formulario completo con el que vamos a ingresar la informacion  ,hay que recordar que este archivo se encuentra dentro del proyecto gestion academica 
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.db import models
class Alumno(models.Model):
    apellido_paterno = models.CharField(max_length=35)
    apellido_materno = models.CharField(max_length=35)
    nombre = models.CharField(max_length=35)
    dni = models.CharField(max_length=8)
    fecha_nacimiento = models.DateField()
    sexos = (('F', 'Femenino'), ('M', 'Masculino'))
    sexo = models.CharField(max_length=1, choices=sexos, default='F')
    #foto = models.ImageField(upload_to='photos')
    def nombre_completo(self):
        cadena = "{0} {1} {2}"
        return cadena.format(self.apellido_paterno, self.apellido_materno, self.nombre)
    def __str__(self):
        return self.nombre_completo()
class Curso(models.Model):
    nombre = models.CharField(max_length=30)
    estado = models.BooleanField(default=True)
    creditos = models.PositiveIntegerField(default=1)
    def __str__(self):
        return "{0} -> {1}".format(self.nombre, self.creditos)
class Matricula(models.Model):
    alumno = models.ForeignKey(Alumno, null=False, blank=False, on_delete=models.CASCADE)
    curso = models.ForeignKey(Curso, null=False, blank=False, on_delete=models.CASCADE)
    fecha_matricula = models.DateTimeField(auto_now=True)
    def __str__(self):
        cadena = "{0} inscrito en: {1}"
        return cadena.format(self.alumno,self.curso)
  • Despues en el archivo admin.py de gestion_academica anexamos el siguiente codigo para que se puedan utilizar los archivos como administrador , lo que hace es importar los modelos creador para ser usados en el servidor
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.contrib import admin

# Register your models here.
from .models import Alumno, Curso, Matricula
admin.site.register(Alumno)
admin.site.register(Curso)
admin.site.register(Matricula)
  • Y es necesario agregar la aplicacion gestion_academica en el archivo settings.py para que pueda leerla
INSTALLED_APPS = [
    'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'gestion_academica'
]

  • Despues hay que hacer la migracion de lo que se paso en codigo para ello se hace desde el cmd y
  • se migra el archivo manage.py , recordando que debemos estar en la carpeta de nuestro proyecto





















  • Lo siguiente es ejecutar el siguiente comando con el fin de asegurar las migraciones de manera correcta
  • Procedemos a crear un superusuario con el comando createsuperuser , recordando una vez mas estar dentro de la carpeta del proyecto











  • Una vez creado el superusuario nos dirigimos a la direccion ip que nos dio el servidor dentro del navegador agregando la palabra admin
 http://127.0.0.1:8000/admin



















Ya iniciada la sesion podemos observas las tablas que se crearon


























  • Lo primero que haremos ya dentro es registrar a un alumno


































Ahora podremos agregar una materia nueva





































Lo siguiente sera agregar una matricula para el alumno y hacer que este inscrito en el curso















Lo siguiente sera ver que se guardo correctamente la informacion en las bases de datos a traves de sqlite manager


































martes, 16 de junio de 2020

CSS3 Informacion Basica

¿Que es CSS3?
CSS (siglas en inglés de Cascading Style Sheets), en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.2​ Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML, incluyendo XHTML, SVG, XUL, RSS, etcétera. Te puede ayudar a crear tu propio sitio web. Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web y GUIs para muchas aplicaciones móviles (como Firefox OS).3​

CSS está diseñado principalmente para marcar la separación del contenido del documento y la forma de presentación de este, características tales como las capas o layouts, los colores y las fuentes.4​ Esta separación busca mejorar la accesibilidad del documento, proveer más flexibilidad y control en la especificación de características presentacionales, permitir que varios documentos HTML compartan un mismo estilo usando una sola hoja de estilos separada en un archivo .css, y reducir la complejidad y la repetición de código en la estructura del documento.

La separación del formato y el contenido hace posible presentar el mismo documento marcado en diferentes estilos para diferentes métodos de renderizado, como en pantalla, en impresión, en voz (mediante un navegador de voz o un lector de pantalla, y dispositivos táctiles basados en el sistema Braille. También se puede mostrar una página web de manera diferente dependiendo del tamaño de la pantalla o tipo de dispositivo. Los lectores pueden especificar una hoja de estilos diferente, como una hoja de estilos CSS guardado en su computadora, para sobreescribir la hoja de estilos del diseñador.

La especificación CSS describe un esquema prioritario para determinar qué reglas de estilo se aplican si más de una regla coincide para un elemento en particular. Estas reglas son aplicadas con un sistema llamado de cascada, de modo que las prioridades son calculadas y asignadas a las reglas, así que los resultados son predecibles.

La especificación CSS es mantenida por el World Wide Web Consortium (W3C). El MIME type text/css está registrado para su uso por CSS descrito en el RFC 23185​. El W3C proporciona una herramienta de validación de CSS gratuita para los documentos CSS.
El objetivo inicial de CSS, separar el contenido de la forma, se cumplió ya con las primeras
especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los
diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones
anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs, pero los
desarrolladores aun continúan usando trucos diversos para conseguir efectos tan comunes o
tan deseados como los bordes redondeados o el sombreado de elementos en la página.
CSS 3 todavía avanza un poco más en la dirección, de aportar más control sobre los elementos
de la página.
Así pues, la novedad más importante que aporta CSS 3, de cara a los desarrolladores de webs,
consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el
estilo con el que se muestran los elementos de las páginas, sin tener que recurrir a trucos o
hacks, que a menudo complicaban el código de las web.
Propiedades nuevas en CSS 3
Bordes
  • border-color
  • border-image
  • border-radius
  • box-shadow
Fondos
  • background-origin
  • background-clip
  • background-size
  • hacer capas con múltiples imágenes de fondo
Color
  • colores HSL
  • colores HSLA
  • colores RGBA
  • Opacidad
Texto
  • text-shadow
  • text-overflow
  • Rotura de palabras largas
  • Web Fonts
Interfaz
  • box-sizing
  • resize
  • outline<7li>
  • nav-top, nav-right, nav-bottom, nav-left
Selectores
  • Selectores por atributos
  • Modelo de caja básico
  • overflow-x, overflow-y
Degradados CSS3
  • Degradados lineales
  • Degradados radiales
  • Degradados lineales de repetición
  • Degradados radiales de repetición
Otros
  • media queries
  • creación de múltiples columnas de texto
  • propiedades orientadas a discurso o lectura automática de páginas web
  • animaciones CSS3
  • Flexbox
 Ahora les dejo un ejemplo de codigo de trabajo de HTML5 Y CSS3
<html>
<head>
<title>Colores RGBA con CSS 3</title>
<style type="text/css">
div.cuadrado{
width: 150px;
height: 40px;
border: 1px solid #dddddd;
margin: 5px;
}
div.textogrande{
font-family: verdana, arial, helvetica;
font-weight: bold;
font-size: 40pt;
}
</style>
</head>
<body>
<h1>Colores RGBA con CSS 3</h1>
<h2>Ejemplo de capas con fondo azul y varias transparencias</h2>
<div class="cuadrado" style="background-color: rgba(0, 0, 255, 0.1);"></div>
<div class="cuadrado" style="background-color: rgba(0, 0, 255, 0.4);"></div>
<div class="cuadrado" style="background-color: rgba(0, 0, 255, 0.7);"></div>
<div class="cuadrado" style="background-color: rgba(0, 0, 255, 1);"></div>
<h2>Ejemplo de capas con fondo verde y varias transparencias, sobre una capa con fondo amarillo</h2>
<div style="background-color: #ff3; padding: 10px;">
<div class="cuadrado" style="background-color: rgba(0, 255, 0, 0.1);"></div>
<div class="cuadrado" style="background-color: rgba(0, 255, 0, 0.4);"></div>
<div class="cuadrado" style="background-color: rgba(0, 255, 0, 0.7);"></div>
<div class="cuadrado" style="background-color: rgba(0, 255, 0, 1);"></div>
</div>
<h2>Ejemplo de capas con fondo naranja y varias transparencias, sobre una capa con una imagen de fondo</h2>
<div style="background-image: url(http://www.desarrolloweb.com/articulos/ejemplos/photoshop/fondo-nieve/nieve.gif); padding: 10px;">
<div class="cuadrado" style="background-color: rgba(255, 125, 0, 0.1);"></div>
<div class="cuadrado" style="background-color: rgba(255, 125, 0, 0.4);"></div>
<div class="cuadrado" style="background-color: rgba(255, 125, 0, 0.7);"></div>
<div class="cuadrado" style="background-color: rgba(255, 125, 0, 1);"></div>
</div>
<h2>Ejemplo de texto de color rojo y varias transparencias, sobre una capa con una imagen de fondo</h2>
<div style="background-image: url(http://www.desarrolloweb.com/articulos/ejemplos/photoshop/fondo-nieve/nieve.gif); padding: 10px;">
<div class="textogrande" style="color: rgba(200, 0, 0, 0.3);">Este texto está para que se vea que puede ser también medio transparente</div>
<div class="textogrande" style="color: rgba(200, 0, 0, 0.7);">Este texto está para que se vea que puede ser también medio transparente</div>
</div>
</body>
</html>


CRUD en Android Studio

El día de hoy le vengo a presentar este CRUD ( CREATE,READ,UPDATE,DELETE) hecho en Android Studio junto a mi compañero Israel Vazquez Castil...