Semana 10 apuntes curso programación

Fundacio gentis salt girona

Lunes 19 de marzo de 2018

Clase con Josep, repasamos los ficheros que hemos creado para la aplicación de gestión de datos.

Hemos repasado el require y el include.

Include hace que se incluya un archivo pero no es indispensable para seguir con la secuencia.

Require  hace que se requiera un archivo para seguir la secuencia.

ob_start() esto sirve para vaciar la memoria de servidor.

Ahora añadiremos un comprobante al archivo insert que compruebe si los datos vienen de formulario para que no nos accedan por url.

 

Lo hacemos con el if y la función !empty  con exclamativo delante que le dice “si no esta vació”lo aplicamos de este modo:

if (!empty($_POST['inserir']))
{
require ('funcions.php'); //Crida funcions.php que conté info de connexió BBDD

/*Recollim les dades del formulari per POST
i eliminem possible contingut HTML i PHP <?php ?>
*/

$nom= strip_tags($_POST['nom']);
$cognoms= strip_tags($_POST['cognoms']);
$DNI= strip_tags($_POST['DNI']);
$apostal= strip_tags($_POST['apostal']);
$CP= strip_tags($_POST['CP']);
$poblacio= strip_tags($_POST['poblacio']);
$provincia= strip_tags($_POST['provincia']);
$mail= strip_tags($_POST['mail']);
$telefon1= strip_tags($_POST['telefon1']);
$telefon2= strip_tags($_POST['telefon2']);
$naixement= strip_tags($_POST['naixement']);
$sexe= strip_tags($_POST['sexe']);
$professio= strip_tags($_POST['professio']);

//Inserim dades en la BBDD
//$sql="INSERT INTO app_dades SET nom='$nom','$cognoms'";
//mysqli_query ($connect,$sql);

$sql="INSERT INTO app_dades VALUES ('','$nom','$cognoms','$DNI','$apostal','$CP','$poblacio','$provincia','$mail','$telefon1','$telefon2','$naixement','$sexe','$professio')";
mysqli_query ($connect,$sql);

//$sql="INSERT INTO app_dades VALUES ('','$nom','$cognoms','$DNI','$apostal','$CP','$poblacio','$provincia','$mail','$telefon1','$telefon2','$naixement','$sexe','$professio')";
//mysqli_query ($connect,$sql);

echo 'OK';
header ("refresh:5;url=formulari_insert.php");

}
else
{
echo 'error. operacion no permitida';
header ("refresh:3;url=formulari_insert.php");

}

Traducido seria; si la variable inserir viene vacía, no ejecutes lo que esta dentro de esto  {aquí dentro } y muestra un mensaje de error que diga operación no permitida.

Ahora estamos creando el fichero llistat.php que nos mostrara una lista de los registros encontrados en la tabla de la base de datos especificada.

He tenido un fallo que solo mostraba la pantalla en blanco y todo el código estaba bien, ha resultado que el fallo estaba en la tabla que tenia puesto congnom y en el select y el formulario tenia cognoms por esa “s” no me mostraba nada, he cambiado el nombre de la tabla a cognoms y ha funcionado todo correctamente.

Así ha quedado el código del listado solo falta hacer una tabla bien hecha y darle estilos.

<!--?php /*APP CLIENTS Autor: Contacte: Versió: 1.0 Reservats tots els drets.
 Construir un llistat amb els registres de clients inserits a la base de dades. 
*/ //inclou fitxer de funcions 
require('funcions.php'); $sql="SELECT id,nom,cognoms,DNI,apostal,CP,poblacio,
provincia,mail,telefon1,telefon2,naixement,sexe,professio FROM app_dades ORDER BY id";
 $resultat=mysqli_query($connect,$sql); while($fila=mysqli_fetch_array($resultat)) { ?-->

Ahora creamos el archivo que nos permitirá modificar los datos de los clientes almacenados en la tabla de la base de datos.

Martes 20 de marzo de 2018

Clase con Albert, hoy haremos bootstrap estamos esperando a que comience la clase.

Estamos creando el blog que comencemos el otro día, estamos añadiendo secciones a la barra lateral, compartir en redes sociales, categorías, entradas recientes, suscribe te al blog.

Lo hacemos con asignando diferentes clases que previamente hemos escogido en la documentación de bootstrap en la pagina oficial.

cursos programacion en salt girona
Barra lateral con aside,  div para imagen col-3 y div para texto col-12

Me falta darle un margen al botón de enviar del formulario del correo, pero esta dominado por una clase de bootstrap y el padding no le afecta.

Ahora vamos a cambiar de web, hemos escogido una web entre todos y la estamos desfragmentando la web es https://demos.wireddots.com/boom

Entre toda la clase vamos separando las partes que forman la web y la vamos a intentar clonar a ojo sin ver el código, esta es la web:

Esta parte tiene un header con tres cajones uno de 3 columnas uno de 6 columnas y otro de 3 columnas con un total de 12.

En las primeras 3 columnas tiene el logotipo BOOM, en la segunda caja tiene el menú de navegación que ocupa 6 columnas y en la ultima caja tiene un botón que ocupa 3 columnas.

Luego tiene una sección con un pre menú un titulo y una descripción todo en un mismo div.

Mas abajo tiene una sección full size que va de extremo a extremos y contiene 4 cajones de 3 columnas

Después encontramos la segunda sección porfolio, aquí es prácticamente igual que la primera sección pero tiene dos cajones de 6 columnas cada uno que contiene imágenes.

Hemos creado un nuevo directorio llamado boom y dentro hemos añadido la carpeta bootstrap y los iconos awesome dentro de la carpeta css que hemos creado y por ultimo una carpeta llamada img que es la que utilizaremos para las imágenes del proyecto.

Hemos cogido los colores de la web el azul y el gris código exadecimal la fuente karla.

21 de marzo de 2018

Clase con Josep, volvemos al php!

Estábamos haciendo el fichero llistat que lista todos los datos de la tabla de la base de datos especificada.

Ahora vamos hacer el formulario_modifica.

Una vez hecho el formulario tenemos que hacer que muestre los datos correspondientes a cada usuario, lo hacemos abriendo php dentro de un value y de esa manera nos muestra por pantalla dentro del formulario el campo correspondiente.

Aquí podéis ver el código utilizado:

<?php
/*APP CLIENTS
Autor: Marc Oliveras Guerrero
Contacte: freeboxinfo@gmail.com
Versió 1.0
Reservats tots els drets.

Formulario de modificacion de datos
*/

$id=$_GET['id']; //almacena el valor recogido por url en la variable id

if (isset($id))//comprueba que se ha enviado la variable id
require('funcions.php');

{
$sql="SELECT * FROM app_dades WHERE id='$id'"; /*selecciona todos los valores de la tabla especificada*/
$resultat= mysqli_query ($connect,$sql); /* le dice que ejecute la orden de arriba*/
$fila = mysqli_fetch_array ($resultat); /* le dice que los campos escogidos en el select los ponga en una varible */
echo $fila['nom'];
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" />
<title>Títol Dinàmic</title>
</head>
<body>
<h1>MODIFICAR DATOS CLIENTE</h1>
<form name="Inserció de dades de clients" action="insert.php" method="post">
<input type="text" name="nom" value="<?php echo $fila['nom'];?>">
<input type="text" name="cognoms" value="<?php echo $fila['cognoms'];?>">
<input type="text" name="DNI" value="<?php echo $fila['DNI'];?>">
<input type="text" name="apostal" value="<?php echo $fila['apostal'];?>">
<input type="text" name="CP" value="<?php echo $fila['CP'];?>">
<input type="text" name="poblacio" value="<?php echo $fila['poblacio'];?>">
<input type="text" name="provincia" value="<?php echo $fila['provincia'];?>">
<input type="text" name="mail" value="<?php echo $fila['mail'];?>">
<input type="text" name="telefon1" value="<?php echo $fila['telefon1'];?>">
<input type="text" name="telefon2" value="<?php echo $fila['telefon2'];?>">
<input type="text" name="naixement" value="<?php echo $fila['naixement'];?>">
<input type="text" name="sexe" value="<?php echo $fila['sexe'];?>">
<input type="text" name="professio" value="<?php echo $fila['professio'];?>">
<input type="submit" value="Inserir" name="inserir">
<input type="reset">
</form>

Hemos añadido nombres al los formularios que se encuentran fuera del formulario para identificar cada campo.

También hemos añadido un campo de formulario oculto para la id lo hemos hecho de esta manera:

<input type="hidden" id="id" name="id" required value="<?php echo $fila['id'];?>">

Ahora vamos a crear el modifica.php aprovecharemos el el código del fichero insert.php y solo cambiaremos algunos parámetros para que funcione bien.

Aquí dejo el código utilizado para el archivo que modifica los datos de la tabla.


Ahora crearemos un archivo que sera una pagina donde nos preguntara si de verdad queremos eliminar el registro escogido en el listado o no, es un simple método de seguridad ante posibles eliminaciones involuntarias.

Esta la parte estética que no puedo mostrar el código por que me coge los estilos y me desfigura la web.. per simplemente tiene algunos estilos y un par de link internos y la parte que ejecuta tienen este código:


Ahora vamos hacer el login para que nadie pueda entrar sin autentificarse.

jueves 22 de marzo de 2018

Clase con Albert, seguimos “copiando una web a ojo” estamos desglosando la segunda sección de la web el porfolio.

Es impresionante como estamos calcando prácticamente la web a ojo! al tener estilos no puedo colgarlos en el blog por que me desfigura la web.. xD

Para esto que veis aquí arriba hay este código:

y esto solo es el código HTML sin estilos CSS!!

Ahora la segunda sección de la web, aun estamos en about.

y el código de esta sección con pre-titulo titulo párrafo e imagen, aquí abajo.

 

Antes del descanso hemos hecho esta ultima parte del apartado about de la web son 4 div que ocupan 3 columnas, abajo vemos el código:

todo esto es solamente la estructura faltan los estilos.

Ahora vemos un manual corporativo de SABA donde esta documentado el uso que se debe dar al logotipo, ya sea los margenes del texto el color tipografía.. etc

Viernes 23 de marzo de 2018

Clase con David Flores, continuamos los ejercicios que dejemos a medias el pasado viernes y vamos a seguir con las conexiones remotas, probaremos el escritorio remoto de Google Chrome.

  1. Activitats de 2.2 Connexió amb sistemes remots
  • Tal i com hem vist als dos últims exemples de connexions amb Windows, crea un manual d’utilització amb Teamviewer per utilitzar la versió REUNIÓN i connectar-vos al servidor del professor en mode REUNIÓ. Des de la URL on descarregar l’arxiu fins a la captura de pantalla on aparegui el vostre PC en el registre d’usuaris connectats a la reunió.

Es desacarrega l’Aplicació desde la web

https://download.teamviewer.com/download/TeamViewerQJ.exe

Un cop descarregat l’executem i s’obrira la aplicació on i aurem de posar el ID de reunio el nom que volem mostrar i per ultim li apreten a unirse.

Ara ja podriem veure la presentació o asistir a la reunio remota.

  • Descarrega el manual d’usuari de Teamviewer des de la pàgina oficial.
  • Què significa l’accés no presencial i quina relació té amb els Serveis de Windows.

o Acceso no presencial, puede configurar TeamViewer para que se inicie automáticamente con Windows (servicio del sistema), asignar el dispositivo a su cuenta y elegir una contraseña personal. De este modo podrá acceder a su ordenador en cualquier momento mediante TeamViewer.

  • Para usar el acceso no presencial se necesita iniciar un servicio al iniciar Windows.
  • Què és ITBRAIN i com podriem aplicar-ho mentre administrem servidors?
  • La opción de menú ITbrain permite visualizar el estado de los dispositivos supervisados
  • Troba 3 utilitats per les que utilitzaries el MODO REUNIÓN de Teamviewer.

presentacion remota

Video conferencia

Chats de audio y texto

  • Fes una taula dels preus de les 3 llicències.

  • Compara aquestes tres llicències amb un altre programa de connexió remota (Ammy admin, VNC, Join.me…)

  • Prova amb els companys l’aplicació ANY DESK i connecteu-vos entre els portàtils amb el programa instal·lat i els PC’s sense permisos. També podeu fer-ho des del vostre smartphone. Fes-ne una captura de pantalla i adjuntala.

– Segons vam aprendre l’últim dia amb les taules ARP, copia i enganxa només les paraules que es compleixin en cada connexió. Recorda que tant el switch com el router tenen taula ARP i valora qui va abans. Per exemple:

  • Connexió per IP FIXE EXTERNA amb RDP de Windows (Segon exemple de les diapositives):

PC CLIENT -> SWITCH -> ROUTER -> INTERNET -> ROUTER -> SWITCH -> PC SERVIDOR

  • Connexió per IP INTERNA amb RDP de Windows (2n exemple):

PC CLIENT -> SWITCH PC SERVIDOR

  • Connexió per IP EXTERNA amb ajuda de Windows (1r exemple):

PC CLIENT ROUTER INTERNET ROUTER PC SERVIDOR

  • Connexió per DYNDNS amb RDP de Windows (2n exemple):

PC CLIENT -> SWITCH -> ROUTER -> INTERNET -> ROUTER -> SWITCH -> PC SERVIDOR

  • Connexió per DYNDNS amb Teamviewer.

Teamviewer funciona amb ID’s

 

Hemos hecho otro ejercicio con referencia a control remoto.

MF0952_02 – MF3 Publicació de pàgines web

 

SESSIÓ 8 23/03/2018

Activitats de 2.2 Connexió amb sistemes remots

A la classe d’avui analitzarem i opinarem diferents mètodes i softwares de connexió remota.

ESCRITORIO REMOTO DE GOOGLE CHROME. (Windows i Mac)

  1. Instal·leu el programa Escritorio remoto de Google Chrome al vostre ordinador. Si no teniu instal·lat el Google Chrome, serà necessari.

https://goo.gl/3xUFx9

  1. Inicieu-lo i us demanarà el vostre usuari de GMAIL. Podeu iniciar la sessió i no l’obra automàticament.
  2. Connecteu-vos al portàtil de proves i veieu-ne les funcionalitats.

RESPÒN: Creus que les funcionalitats que té aquest programa són prou útils com per solucionar problemes a distància?

No es nada práctico hay que hacer demasiados pasos, tienes que compartir información confidencial como tu correo electrónico y tienes que instalar dos programas si quieres tener función de Host y cliente

AMMYY ADMIN (només Windows, inclús els de la classe sense permisos funcionaran)

  1. Entra des del Google Chrome a descarregar el programa: http://www.ammyy.com/es/
  2. Entra des de Internet explorer i descarrega el programa.
  3. Executa’l i connecta’t amb algun company de la classe o amb el portàtil de proves.

RESPÒN: Què ha passat al voler descarregar el programa amb Chrome? Perquè creus que està passant això?

No te deja descargar solo en iExplore no se por que lo hace, debe ser propiedad de Microsoft.. no da muchas garantías que salte como archivo malicioso..

RESPÒN: Troba el manual d’usuari a la web de Ammyy i busca més informació sobre la última línia de la captura que tens just a sobre. Què significa que connecti amb RDP?

Que funciona con el escritorio remoto de Windows

RESPÒN: Comenta per què serviria la utilitat CONTACTOS mitjançant l’ajuda que has trobat per fer l’altre activitat.

Sirve para añadir contactos mediante IP para tenerlos ordenados y disponibles para futuras conexiones, además podemos hacer carpetas para organizar mejor los contactos

RESPÓN: Amb el programa obert, situat a AMMY → SERVICE → INSTALL. Què farà això?

Instala un servicio para que se inicie automáticamente de ese modo no tenemos que abrirlo manualmente y podemos establecer una conexión remota desatendida.

LOGMEIN.

Fins fa un temps, LogMeIn era gratuït. Actualment només disposa de la versió PRO i els preus són bastant elevats:

De totes maneres, han tret un software que permet unir-te a una reunió o compartir pantalla.

Com que aquest programa és d’instal·lació amb paquet i no podries instal·lar-lo al teu ordinador sense permisos, baixa la app de JOIN.ME al teu smartphone i connecta’t al portàtil de proves.

RESPÒN: Connecta’t al portàtil de proves i fes una captura de pantalla. Adjunta-la i comenta les opcions que tens des del telèfon mòbil (fes TAP a la pantalla i apareixeran amb color verd les opcions disponibles)

RESPÒN: A l’apartat de compartir pantalla, quines dos opcions pots triar? En què es diferenciarien cada una d’elles a l’hora de compartir un link amb el codi?

se puede escoger compartir o unirse, la diferencia es con una somos el anfitrión y con la otra somos invitados.

RESPÒN: Crea un vinculo o aprofita el que ja hi ha creat al portàtil. Pots entrar-hi des del Chrome?

Si se puede entrar por url eso mola es mas sencillo de compartir y usar que una id

ANYDESK

Descarrega AnyDesk i connecteu-vos tant en mode client com en servidor amb un dels companys de la classe o amb el portàtil.

 

RESPÒN: Quines accions pots fer com a administrador un cop has acceptat a l’usuari que s’ha connectat?

Como administrador puedes habilitar o deshabilitar las diferentes opciones del usuario que esta conectado,

ACTIVITAT AMB UN COMPANY:

BUSCA UNA APLICACIÓ NOVA QUE NO HAGUEM TREBALLAT A CLASSE, PROVA-LA I COMENTA LES OPCIONS MÉS INTERESSANTS.

NOTA: Busca’n alguna que sigui “PORTABLE” d’aquesta manera podràs instal·lar-la als ordinadors de classe.

hemos probado show my pc, esta bien por que no necesita permisos de administrador y podemos acceder desde la aplicación para android disponible, me ha gustado que tenga una especie de acceso directo a atajos de windows.

Sobre Marc Oliveras 110 Artículos
Técnico en sistemas y redes informáticas, blogger, youtuber & gamer

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*