martes, 26 de septiembre de 2017

27 SEPTIEMBRE 2017

Se presento la nivelación del tercer periodo, la ca era realizar:

Tener una caja de selección, con la condición que fuera del número 10 al 20 y boton enviar.
y lo enviaba al modulo de que.php alli si usted escogió numero 8 en la otra paguina le sale "ocho" y asì con los demás números.

APROBE LA NIVELACION DE TERCER PERIODO 




 Introducción a las Bases de Datos Relacionales

Conjunto de datos organizados e interrelacionados que se organizan y relacionan entre sí de manera sistemática.

Objetos de una base de datos

  • Tablas
   Las tablas contienen registros y cada registro contiene campos.Un registro es cada una de las filas de la tabla,mientras que el campo es cada una de las columnas de la tabla.


  • Vistas: Tablas que se forman a partir de otras tablas como resultado de una consulta SQL. 
  • Funciones: Son operaciones que el sistema gestor de base de datos realiza sobre las mismas.
  • Índices: Permiten acceder a los elementos con mayor rapidez a los registros de una tabla de una base de datos.
  • Procesos almacenados: Programa que se almacena en la base de datos y que se ejecuta directamente en el sistema gestor de base de datos.
  • Triggers o disparadores: Proceso que se ejecuta únicamente cuando se cumple una condición preestablecida.Pueden crear, editar o borrar tablas en una base de datos.


sistema gestor de bases de datos

Nos acostumbramos a referir a estos sistemas con las siglas DBMS, que provienen del nombre en inglés: DatabaseManagement System.

Modelos de bases de datos


  1. Modelo tabla: Se trata de una serie formada por una tabla bidimensional compuesta  por registros y porcampos en la que se recogen los datos.http://www.esandra.com/file/2012/02/tabla-base-datos.jpg
  2. Modelo jerárquico: 


 3. Modelo de redes: Está basado en registros. Un registro puede tener otro registro, es una extensión del modelo anterior.



4.Modelo relacional: Basado en el modelo de tablas, pero permitiendo la relación entre las diferentes tablas en base a unas reglas. 

  • MySQL se basa en este modelo.
  • Los elementos de una base de datos relacional son capaces de relacionarse sin necesidad de duplicar la información.
  • Utilizan SQL (Structured Query Language) para obtener la información de varias fuentes en una única consulta
  • Utilizan claves para establecer estas relaciones (claves primarias y externas, que veremos enseguida).





--------------------------------------------------------------------------------------------------


SQL y MySQL

SQL (Structured Query Language)

 Lenguaje declarativo estándar para la gestión de bases de datos relacionales, que permite recuperar y modificar fácilmente información de interés de las bases de datos mediante consultas.

  • sistemas gestores de contenidos utilizan SQL,
  •  se puede trabajar con diferentes DBMS como :
  • MySQL
  •  Oracle, 
  • SQL Server,
  •  PostgreSQL, 

Característica de SQL:
  • Se divide en dos sublenguajes:
    • Data Definition Language (DDL): lenguaje para la  creación de objetos de una base de datos
    • Data Manipulation Language (DML): lenguaje para la manipulación y consulta de los datos de una base de datos.


-----------------------------------------------------------------------------------------------------------

Qué es MySQL

Sistema de base de datos basado en el modelo relacional, multihilo y multiusuario. Multihilo significa que el sistema distribuye automáticamente las tareas a realizar entre los procesadores disponibles, optimizando el rendimiento. El nombre proviene de la unión de My con SQL. My era la hija del cofundador de la empresa originaria de la idea.
Por qué utilizar MySQL:
  • Es código abierto, lo que significa que es gratis de utilizar y que se puede modificar.
  • Su uso está muy extendido: desde sistemas gestores de contenidos como WordPress y Drupal, a grupos de empresas como Prisa.
  • Es muy fácil de aprender y utilizar, al ser muy intuitivo.
  • Funciona muy bien junto con PHP, lo que permite crean páginas web dinámicas con facilidad.

Operaciones básicas con MySQL

Con MySQL se pueden realizar muchos tipos de operaciones. Las operaciones básicas son:
  • Crear bases de datos
  • Crear usuarios, grupos de usuarios y contraseñas.
  • Crear y modificar tablas
  • Eliminar tablas
  • Cargar datos
  • Añadir y modifcar registros en las tablas
  • Consultar y actualizar los registros
  • Eliminar registros
  • Hacer consultas conjuntas a varias tablas en modo vista
  • Operaciones de agrupación, orden, comparación, etc.
  • Operaciones avanzadas, como programación de triggers, procesos almacenados, etc.

Conclusión

En esta primera entrega del Curso de MySQL hemos visto una introducción a las bases de datos, los sistemas gestores de BD, el modelo relacional en que se basa SQL y una breve introducción a MySQL. Mañana publicaremos la segunda entrega, donde aprenderemos a instalar MySQL y los conceptos básicos para poder empezar a crear y manipular bases de datos.


















miércoles, 20 de septiembre de 2017

20 septiembre 2017

publicado en la paguina


                        TIPOS DE VALIDACIÓN 

Para evitar estos casos, se suele recurrir a un tipo de proceso automático llamado validación, en el cuál, establecemos unas pautas para que si el usuario introduce alguna información incorrecta, deba modificarla o en caso contrario no podrá continuar ni enviar el formulario correctamente.
Un esquema tradicional de validación de ejemplo podría ser el siguiente, donde tenemos un formulario diseñado en HTML5 y mediante javascript realizamos una validación para comprobar que los datos son correctos. Una vez superada, el formulario se envía al back-end de la página para ser procesado y enviarlo por email (por ejemplo).

colocados de peor a mejor:
Primer caso 
  • El formulario no tiene validación de ningún tipo.
  •  El usuario puede escribir la información y el sistema no comprobará los datos, ni realizará ningún tipo de validación. 
  • Es el peor escenario posible, puesto que el usuario podría enviar desde información incorrecta, hasta datos malintencionados que podrían comprometer la seguridad de la página.   
Segundo caso                                                                                                                                               
  • El formulario tiene validación sólo en el front-end (cliente). De esta forma, los datos son verificados en el navegador del usuario antes de enviarse, pero carecen de validación en elback-end, por lo que un usuario malintencionado podría eliminar la validación del front-end y saltársela, enviando datos malintencionados que comprometan la seguridad de la página.
Tercer caso 

    •  El  formulario tiene validación sólo en el back-end
    • De esta forma, garantizamos que un usuario malintencionado no podrá eliminar el proceso de validación, y los datos siempre se comprobarán. 
    • Sin embargo, la desventaja de este método es que el usuario puede rellenar un formulario.
    • Es necesario que lo envíe (con la tardanza que eso puede acarrear), se procese en el back-end y al devolver un error, el usuario tenga que retroceder al formulario y en algunos casos
    • Incluso tener que volver a rellenar todos los campos de nuevo.
    Cuarto caso 
      •  En que el formulario tiene validación en el front-end y en el back-end, también denominado doble validación
      • El formulario es sometido a un proceso de validación en la parte del front-end, y si lo supera, vuelve a pasar otro proceso de validación en el back-end. 
      • La desventaja de este método es que conlleva más trabajo de validación, pero es el sistema recomendado, puesto que es más estricto y sobre todo, más seguro.


      13 SEPTIEMBRE 2017


       SEMANA DE RECESO

      Resultado de imagen para VACACIONES


      Los nuevos input HTML5 para formularios


      * Datalist input HTML5

      Este nuevo elemento aglutina varios valores predefinidos que facilitan el autocompletado de un campo tipo input.
      Es decir, según el usuario va escribiendo, el navegador abre una lista desplegable con las diferentes opciones a seleccionar. Es muy parecido a un combo o lista.
      Podéis ver la documentación y ejemplos en el post ‘Datalist en HTML5: Sugiere una lista de valores en un form‘.

      keygen HTML5

      Es un campo para enviar claves en el autentificado web.
      Al enviarse el formulario se crean 2 claves, una pública que se envía al servidor y que posteriormente se usará para seguir auntentificándonos en el sistema, y otra privada que se almacena localmente en el navegador.

      output HTML5

      Esta nueva etiqueta representa el resultado de un cálculo entre los diferentes input de un formulario.
      Tened en cuenta que solo representa y no se recoge dicho dato en el envio del formulario. Podéis verlo en funcionamiento en el post ‘HTML5 output: operaciones matemáticas en tiempo real en tu form‘.

      2
      3
      4
      5
      <form method="POST" oninput="resultado.value=parseInt(valor1.value)+parseInt(valor2.value)">
          <input type="number" id="valor1" value="0"> +
          <input type="number" id="valor2" value="0"> =
          <output name="resultado" for="valor1 valor2"></output>
      </form>


      number input HTML5

      Este input valida automáticamente que los valores introducidos sean numéricos, con el consiguiente ahorro de código en la recepción o validación de los formularios.
      El post en el que hay más info es ‘HTML5 number input: Un nuevo campo de tipo numérico en el form‘. 
      Os dejo una imagen del elemento.

      range input HTML5

      Este input es muy parecido al HTML5 number input, la diferentecia radica en que en este caso la única manera de especificar el valor es mediante su slider con sus correspondientes límites.

      tel input HTML5

      Este nuevo input html5 resulta muy últil en los dispositivos móviles actuales.
      El dispositivo móvil detecta que el input es de tipo ‘tel’ y al pulsar en él automáticamente sale el teclado telefónico del movil para insertar el número en cuestión.
      3
      4
      5
      6
      7
      8
      9
      <form name="ejemplo1" action="15-html5-tel-input.php" method="POST">
          Introduce tu TELEFONO: <input type="tel" name="telefono">
          <input type="submit" value="Enviar">
      </form>
       
      <?php
      if ($_POST['telefono'])
      echo "tu teléfono es: " .$_POST['telefono'];
      ?>
      tomado de : http://www.anerbarrena.com/html5-tel-input-1802/

      email input HTML5

      Pues con este  la validación de campos de email va a ser tarea sencilla.
      El elemento por defecto detecta que el campo debe ser rellenado con contenido válido de una cuenta de email, por lo que mostrará una @ en el teclado y hara las verificaciones pertinentes para cumplir los requisitos de una dirección de email.

      <form name="ejemplo1" action="16-html5-email-input.php" method="POST">
          Introduce tu email: <input type="email" name="email">
          <input type="submit" value="Enviar">
      </form>

      PHP
      1
      2
      3
      4
      <?php
      if ($_POST['email'])
      echo "tu email es: " .$_POST['email'];
      ?>

      color input HTML5

      Representa una paleta (selector) de colores sin necesidad de añadir plugins ni códigos adicionales como veníamos haciendo hasta ahora. Así con un solo click podemos elegir facílmente un color.

      3
      4
      <?php
          if ($_POST['color'])
          echo "El color seleccionado es: " .$_POST['color'];
      ?>

      http://www.anerbarrena.com/html5-color-input-2173/

      search input HTML5

      Con este input podremos decir en la validación del formulario que el campo contendrá valores de búsqueda, así el propio input nos porporciona un dato válido y el teclado del dispositivo móvil mostrará el botón ‘buscar’.
      <form name="ejemplo" action="22-html5-search-input.php" method="POST">
      Introduce el término de búsqueda: <input type="search" name="busqueda"><br>
      <input type="submit" value="Enviar">
      </form>


      http://www.anerbarrena.com/html5-search-input-2315/

      url input HTML5

      http://www.anerbarrena.com/html5-url-input-2781/

      date input HTML5

      Este elemento vale para representar en nuestra web un datepicker o calendario, el formato de la fecha devuelto es ‘AAAA-MM-DD’.


      Como podréis ver la sintaxis es muy sencilla, os pongo varias de las opciones y parámetros más usados:
      • El formato de fecha devuelto por defecto es AAAA-MM-DD.
      • Se puede configurar un mínimo de fecha a seleccionar con el atributo ‘min‘:
        min=”2013-10-08″.
      • Se puede configurar un máximo de fecha a seleccionar con el atributo ‘max‘:
        min=”2014-10-08″.
      • Con el atributo ‘value‘ se puede poner una fecha por defecto en el calendario:
        value=”2013-10-08″.
      • Con el atributo ‘step‘ puedes establecer el avance o retroceso de días con las flechas del calendario.
      ejemplo : 
      Fecha nacimiento: <input type="date" name="cumpleanios" step="1" min="2013-01-01"
      max="2013-12-31" value="2013-01-01">

      Poner la fecha actual por defecto con la ayuda de PHP date()


      En este segundo ejemplo vamos a poner por defecto la fecha actual con la ayuda de la función de PHP date():

      otro

      <input type="date" name="cumpleanios" step="1"
      min="2013-01-01" max="2013-12-31" value="<?php echo date("Y-m-d");?>">
      http://www.anerbarrena.com/date-input-html5-2829/