Monday, March 16, 2020


PRACTICA 006:  VALIDANDO UN JSON
Ing. Honoria Reyes Macedo 

Lenguaje de programación en web: PHP
Editor: Block de notas, Atom.

INTRODUCCION

JSON(JavaScript Object Notation), representa datos estructurados para su posterior intercambio, cumpliendo ciertas reglas para poder ser leído por diferentes softwares.


ACTIVIDADES
1.- Obtener un JSON ejecutando un programa php ó capturando en un block de notas

Crear un JSON, escoger opción “a” u opción “b”
a)    Ejecutando un programa php
Capturar y ejecutarlo (Recuerda iniciar tu servidor Apache)
Si la tecnologia es XAMPP, recuerda guardar tu archivo en:
C:\xampp\htdocs\rest







 b) Capturar en un block de notas, quedara así






2.- Desde tu navegador ejecutar el programa para validar

2.1  Copiar el texto JSON como sigue y presionar el botón ”Process”








Observar que te proporciona un modelo(Template) por default y una especificación de JSON también






2.2  Checar el resultado en la parte de abajo de la pagina




2.3  Probar con error
Agregar la palabra probando al inicio del JSON y presionar el botón ”Process”



2.4  Checar el resultado de nuevo



3.- Validar el JSON obtenido en la práctica 003





ANEXO:


Existen diferentes paginas para validar JSON:



Se pueden devolver los siguientes errores:




Código
Palabra clave JSON
Mensaje[#table]
2
multipleOf
Error al validar contra la llave'multipleOf'.
3
maximum
El valor dado no debe ser mayor que el especificado en el esquema ("{s1}").
4
exclusiveMaximum
El valor dado debe ser menor que el especificado en el esquema ("{s1}").
5
minimum
El valor dado no debe ser menor que el especificado en el esquema ("{s1}").
6
exclusiveMinimum
El valor dado debe ser mayor que el especificado en el esquema ("{s1}").
7
maxLength
La cadena es más larga que la especificada en el esquema.
8
minLength
La cadena es más corta que la especificada en el esquema.
9
pattern
La cadena "{s1}" no coincide con el patrón del esquema: {s2}.
10
additionalItems
Error al validar un array. JSON contiene más elementos que los especificados en el esquema.
11
maxItems
El array contiene más elementos que los especificados en el esquema.
12
minItems
El array contiene menos elementos que los especificados en el esquema.
13
uniqueItems
Error al validar un array. Los elementos no son únicos. Otra instancia de "{s1}" ya está en el array.
14
maxProperties
El número de propiedades es mayor que el especificado en el esquema.
15
minProperties
El número de propiedades es menor que el especificado en el esquema.
16
required
Falta la propiedad requerida "{s1}".
17
additionalProperties
No hay propiedades adicionales permitidas por el esquema. La(s) propiedad(es) {s1} debe(n) ser eliminada(s).
18
dependencies
La propiedad "{s1}" requiere la propiedad "{s2}".
19
enum
Error al validar contra la llave 'enum'. "{s1}" no coincide con ningún elemento enum del esquema.
20
type
Tipo incorrecto. El tipo esperado es: {s1}
21
oneOf
El JSON coincide con más de un valor.
22
oneOf
El JSON no coincide con ningún valor.
23
not
El JSON es válido contra el valor de 'not'.
24
format.
La cadena no coincide ("{s1}")






-----------------------------------------------------------0---0-----------------------------------------------------------
-------------------------------------------------------------~-------------------------------------------------------------
--------------------------------------------------------000---000-------------------------------------------------------

Monday, March 2, 2020

PRACTICA 005:  CONSUMIR UN JSON GENERADO DESDE PHP
Ing. Honoria Reyes Macedo 

IDE: Dreamweaver,  Atom
Lenguaje de Programación: JavaScript
Lenguaje de paginas ESTATICAS: HTML(HyperText Markup Language)
Base de Datos: SQLServer.
Servidor Web: Apache XAMPP

INTRODUCCION
En esta práctica se usa XAMPP, herramienta para emular un servidor Apache en la PC.
Se crea una página en html5 y un programa en JavaScript para leer un JSON creado con PHP.
Para esta practica sera necesario tener una carpeta "img" la cual se usara para guardar imagenes 
registradas en la tabla de alumnos..

ACTIVIDADES

1.- Crear un archivo miscriptLeeJSON.js
            1.1 En la ruta C:\xampp\htdocs\rest\js àCopiar el archivo JQuery.js
1.2 En la ruta C:\xampp\htdocs\rest\jsà crear el archivo miscriptLeeJSON.js   






1.3 Capturar lo siguiente en el archivo creado





2.- Trabajar en tu página web creada en la practica 1:  en mi caso es inicio.html
            Nota: Guardar inicio.html en la ruta C:\xampp\htdocs\rest\






2.1.- Agregar las 3 líneas siguientes en alguna sección de la pagina








2.2.- Agregar la siguiente línea antes del cierre de la etiqueta <body>




3.- Registrar en la Base de Datos de SQL Server, de la practica anterior.

    Nota: Guardar en la carpeta "img" imagenes correspondientes a los alumnos( hasta 200kb de tamaño)

       3.1 En la tabla alumno: 
           Por cada alumno agregar en su campo "foto" el nombre de una imagen guardada en la carpeta img

         


4.- Probar en el navegador
            4.1 Recuerda iniciar el servidor Apache desde XAMPP (xampp-control.exe)







4.2 Verifica el puerto que se activa y ejecutar ahi tu pagina








5.- Agregar al archivo miestilo.css en la carpeta css

  .contenedorimag{
    display: inline-block;
    vertical-align: top;
    max-width: 20%;
    font-size: 1em;
    border:0.1em #009 solid ;
  }
  .contenedor,.contenedorimag{
    display: inline-block;

  }




Nota: Si al ejecutarlo detecta un error de seguridad de  CORS à activar Cors (Parte superior derecha del navegador)