Páginas web: enero 2022

lunes, 31 de enero de 2022

Ampliación del examen

No válido para nota, pero para probar un plugin nuevo en Wordpress, haremos un nuevo ejercicio que es el siguiente:

Debemos crear una base de datos de animales abandonados en MySQL. Después de crear la estructura para contener las mascotas, el lugar donde se encuentran (pueden estar en nuestro local o en una casa de acogida momentáneamente), los datos individuales y comentarios que queramos incluir, tenemos que acceder a dichos datos desde una página de nuestra página web.

La página tendrá un listado con toda la información contenida en la base de datos. Para hacerlo, tenéis que descargaros un plugin que permita la introducción de código en PHP y conectar con la base de datos que habéis creado nueva en MySQL.

viernes, 28 de enero de 2022

Examen parcial

Tiempo: El tiempo disponible para la realización de la prueba es de 12 horas.

Deberá realizarse una página web en WordPress. La página web debe simular un caso real sobre una empresa de adopción de animales, por lo que tiene que contar con un estilo uniforme y claro. Para ello, el alumno creará un logo, y la página seguirá el diseño que marque el logo. La página tendrá mínimo de cuatro páginas/enlaces internos, además de algún plugin o script para cumplir con las peticiones que se indican a continuación.

- Galería de imágenes - 1 punto

- Sección de contacto - 1 punto

- Logos de redes sociales - 1 punto

- Cuatro entradas que hayan pasado el SEO - 2 puntos

- Sección de historia de la empresa - 1 punto

La página debe verse correctamente en otros dispositivos además del ordenador, pero el diseño será libre, por lo que el alumno puede escoger la disposición de su página. Se valorará que el diseño sea innovador, se pueda leer la información correctamente y sea acorde al logo propuesto (1 punto). También deberá estar validada en HTML y CSS (1 punto, para hacerlo dais botón derecho mostrar código fuente, por ejemplo de la página principal y vais a validar el código a ver que os dice. Sobre todo es para aseguraros de que está bien programada la plantilla) y desplegada en un servidor web correctamente, que será el local, pero para demostrar que sabéis instalarlo correctamente (2 puntos).

Para comprobar que se ha realizado el trabajo correctamente deben entregarse capturas con todas las pantallas de las que consta la página y sus validaciones. Para ello habrá que capturar todo ello en un documento en Word y ser enviado al profesor.

miércoles, 26 de enero de 2022

Ejercicio Wordpress

Realizar una página en un servidor gratuito sobre un restaurante denominado "Gente" situado en Oviedo. Esta página debe contener como mínimo las siguientes secciones (es aumentable si así se considera más apropiado):

La portada será muy gráfica, mostrando imágenes del lugar para lo cual podremos utilizar imágenes de Internet (preferiblemente libres ya que estamos en un servidor). También debe tener los logos de las redes sociales y el teléfono y dirección en un lugar visible.
Tendrá una sección denominada "Carta" para mostrar todas las opciones de las que dispone el restaurante, dividido en 1) Entrantes, 2) Pescados y carnes y 3) Postres.
Una sección de menús, donde se mostrará el menú del día, el menú degustación 1, el menú degustación 2, el menú grupos 1 y el menú grupos 2.
Una sección de contacto.

martes, 25 de enero de 2022

Crear plantilla Wordpress

https://raiolanetworks.es/blog/crear-plantilla-wordpress-desde-0/

https://codex.wordpress.org/es:Template_Hierarchy

https://www.inboundcycle.com/blog-de-inbound-marketing/como-crear-una-plantilla-de-wordpress-desde-cero-parte-1

viernes, 21 de enero de 2022

Moda

Realizar una localhost sobre una zapatería exclusiva de alto standing en Sant Andreu. Esta tienda tendrá como mínimo cinco secciones (es aumentable si así se considera más apropiado):

La portada tiene un blog que mostrará noticias de apariciones de nuestra tienda en la prensa o en eventos de renombre (tres como mínimo). Cada entrada contará con texto original, alguna fotografía y cumpliendo con el SEO de uno de los dos plugins de SEO.
Historia sobre cómo se formó la tienda (cumplir con el SEO).
Mostrará por pantalla en forma de galería algunos de nuestros mejores productos.
Una tienda con algunos de nuestros diseños. Para ello se recomienda la instalación del plugin WooEcommerce (WooCommerce - excelling eCommerce) para que aparezcan varios de nuestros zapatos.
Sección de contacto de nuestra tienda de Sant Andreu.

Examen final

Insertar_per.php

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

include('barra.php');

<label for="nombre">Nombre</label>

</div>

<label for="apellido1">Apellido1</label>

</div>

<label for="apellido2">Apellido2</label>

</div>

<label for="fechanac">Fecha nacimiento</label>

</div>

<label for="localidad">Localidad</label>

<?php

$bd = new mysqli("localhost", "root", "", "futbol");

if ($resultado = $bd->query("SELECT * FROM localidad")) {

while ($fila = $resultado->fetch_assoc()) {

$nombre=$fila['nombre'];

$id=$fila['id'];

echo "<option value='$id'>$nombre</option>";

}

</select>

</div>

</div>

<label for="altura">Altura</label>

</div>

<label for="posicion">Posición</label>

</div>

</form>

</div>

</body>

</html>

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

inserta.php

<?php

if(isset($_POST['peso'])) {

$nombre=$_POST['nombre'];

$apellido1=$_POST['apellido1'];

$apellido2=$_POST['apellido2'];

$fechanac=$_POST['fechanac'];

$localidad=$_POST['localidad'];

$peso=$_POST['peso'];

$altura=$_POST['altura'];

$posicion=$_POST['posicion'];

$bd = new mysqli("localhost", "root", "", "futbol");

$borrar = "INSERT INTO jugador (nombre, apellido1, apellido2, fechaNac, localidad_id, peso, altura, posicion)

VALUES ('$nombre', '$apellido1', '$apellido2', '$fechanac', '$localidad', '$peso', '$altura', '$posicion')";

} else {

$nombre=$_POST['nombre'];

$presidente=$_POST['presidente'];

$localidad=$_POST['localidad'];

$bd = new mysqli("localhost", "root", "", "futbol");

$borrar = "INSERT INTO equipo (nombre, presidente, localidad_id)

VALUES ('$nombre', '$presidente', '$localidad')";

}

if ($resultado = $bd->query($borrar)) {

echo "Todo ha ido correctamente";

echo "<a href='jugador.php'>Volver al index</a>";

} else {

echo "Hubo un error en la inserción";

echo $bd->error;

}

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

jugador.php

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

include('barra.php');

echo "<div class='container'>";

$bd = new mysqli("localhost", "root", "", "futbol");

echo "<a href='insertar_per.php' class='btn btn-danger'>Insertar jugador</a>";

echo "<table class='table'>";

echo "<tr>";

echo "<th>Nombre</th><th>Apellido1</th><th>Apellido2</th><th>Fecha Nac</th><th>Lugar Nac</th><th>Peso</th><th>Altura</th><th>Posición</th><th>Borrar</th>";

echo "</tr>";

if ($resultado = $bd->query("SELECT jugador.id, jugador.nombre, jugador.apellido1, jugador.apellido2, jugador.fechaNac, localidad.nombre as localidad, jugador.peso, jugador.altura, jugador.posicion FROM jugador, localidad where jugador.localidad_id=localidad.id")) {

while ($fila = $resultado->fetch_assoc()) {

echo "<tr>";

echo "<td>";

echo $fila['nombre'];

echo "</td>";

echo "<td>";

echo $fila['apellido1'];

echo "</td>";

echo "<td>";

echo $fila['apellido2'];

echo "</td>";

echo "<td>";

echo $fila['fechaNac'];

echo "</td>";

echo "<td>";

echo $fila['localidad'];

echo "</td>";

echo "<td>";

echo $fila['peso'];

echo "</td>";

echo "<td>";

echo $fila['altura'];

echo "</td>";

echo "<td>";

echo $fila['posicion'];

echo "</td>";

echo "<td>";

$id=$fila['id'];

echo "<a href='borrar.php?var=$id'>Borrar</a>";

echo "</td>";

echo "</tr>";

}

echo "</table>";

echo "</div>";

</body>

</html>

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

borrar.php

<?php

$id=$_GET['var'];

$bd = new mysqli("localhost", "root", "", "futbol");

$borrar = "DELETE FROM jugador WHERE id=$id";

if ($resultado = $bd->query($borrar)) {

echo "Todo ha ido correctamente";

echo "<a href='jugador.php'>Volver</a>";

} else {

echo "Hubo un error en la inserción";

echo $bd->error;

}

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

barra.php

<a class="navbar-brand" href="#">BDFútbol</a>

</button>

</li>

<a class="nav-link" href="insertar_per.php">Insertar jugador</a>

</li>

<a class="nav-link" href="insertar_equipo.php">Insertar equipo</a>

</li>

</ul>

</div>

</nav>

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

insertar_equipo.php

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

include('barra.php');

<label for="nombre">Nombre</label>

</div>

<label for="presidente">Presidente</label>

</div>

<label for="localidad">Localidad</label>

<?php

$bd = new mysqli("localhost", "root", "", "futbol");

if ($resultado = $bd->query("SELECT * FROM localidad")) {

while ($fila = $resultado->fetch_assoc()) {

$nombre=$fila['nombre'];

$id=$fila['id'];

echo "<option value='$id'>$nombre</option>";

}

</select>

</div>

</form>

</div>

</body>

</html>

miércoles, 19 de enero de 2022

Wordpress

https://raiolanetworks.es/blog/usuarios-wordpress/

https://www.drauta.com/los-formatos-del-futuro-en-las-imagenes-para-la-web

martes, 18 de enero de 2022

Laravel

1) Instalar Composer (manejador de paquetes de PHP), indicándole donde está el PHP instalado (en la carpeta de Wamp64). Para comprobar que funciona bien poner en la línea de comandos: composer -v.

2) Ahora intalamos Laravel. En la línea de comandos ponemos: composer global require "laravel/installer".

Seguir https://laravel.com/docs/8.x/installation en la sección de Composer.

Vamos a crear el proyecto, pero lo hace en el mismo sitio donde estamos en ese momento. Si estamos en línea de comandos lo creará en Users/Usuario, así que mejor hacerlo en wamp64/www. Salimos de la carpeta con cd.. y entramos dentro de la carpeta. Para crear el proyecto ponemos:

composer create-project laravel/laravel prueba

composer create-project --prefer-dist laravel/laravel prueba

Dentro de la carpeta ponemos "php artisan serve" para lanzar el servidor. En caso de que tengamos el proyecto en el WampServer, podemos entrar directamente poniendo localhost/prueba/public.

lunes, 17 de enero de 2022

PHP Server

//Returns the filename of the currently executing script

echo $_SERVER['PHP_SELF'];

//Returns the version of the Common Gateway Interface (CGI) the server is using

echo $_SERVER['GATEWAY_INTERFACE'];

//Returns the IP address of the host server

echo $_SERVER['SERVER_ADDR'];

//Returns the name of the host server (such as www.w3schools.com)

echo $_SERVER['SERVER_NAME'];

//Returns the server identification string (such as Apache/2.2.24)

echo $_SERVER['SERVER_SOFTWARE'];

//Returns the name and revision of the information protocol (such as HTTP/1.1)

echo $_SERVER['SERVER_PROTOCOL'];;

//Returns the request method used to access the page (such as POST)

echo $_SERVER['REQUEST_METHOD'];

//Returns the timestamp of the start of the request (such as 1377687496)

echo $_SERVER['REQUEST_TIME'];

//Returns the Accept header from the current request

echo $_SERVER['HTTP_ACCEPT'];

//Returns the Host header from the current request

echo $_SERVER['HTTP_HOST'];

//Returns the IP address from where the user is viewing the current page

echo $_SERVER['REMOTE_ADDR'];

//Returns the port being used on the user's machine to communicate with the web server

echo $_SERVER['REMOTE_PORT'];

//Returns the absolute pathname of the currently executing script

echo $_SERVER['SCRIPT_FILENAME'];

//Returns the value given to the SERVER_ADMIN directive in the web server configuration file (if your script runs on a virtual host, it will be the value defined for that virtual host) (such as someone@w3schools.com)

echo $_SERVER['SERVER_ADMIN'];

//Returns the port on the server machine being used by the web server for communication (such as 80)

echo $_SERVER['SERVER_PORT'];

//Returns the path of the current script

echo $_SERVER['SCRIPT_NAME'];

Examen final UF

Vamos a tener que realizar una pequeña página web para EDE. En primer lugar, debemos realizar un diagrama de casos de uso en UML (1,5 puntos) que refleje las posibilidades que puede tener la aplicación en un futuro. Estas posibilidades hay que desarrollarlas también en Trello (1,5 punto).

De momento, únicamente implementaremos la inserción y borrado de personas (hay que añadir datos personales, entre ellos la localidad) gracias a una base de datos MySQL y a PHP (2 puntos). Debemos subir la página web a un servidor gratuito para que puedan ver los avances (2 puntos), pero antes debemos realizar las pruebas pertinentes para su buen funcionamiento. La página debe tener el HTML y el CSS validado (1 punto), además de otras pruebas que consideréis necesarias (cuantas más mejor, ya que la nota también será mayor, 2 puntos) en las páginas siguientes:

https://developers.google.com/speed/pagespeed/insights/
http://tools.pingdom.com/fpt/ (Ayuda)
Otras páginas similares: https://gtmetrix.com/
WAI (buscar en el WCAG para conocer las pautas de accesibilidad o también la WAVE
Intentar responder a esta página

jueves, 13 de enero de 2022

Borrar PHP

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

$bd = new mysqli("localhost", "root", "", "angel");

echo "<table class='table'>";

if ($resultado = $bd->query("SELECT * FROM persona")) {

while ($fila = $resultado->fetch_assoc()) {

echo "<tr>";

echo "<td>";

echo $fila['id'];

echo "</td>";

echo "<td>";

echo "<a href='index1.php?var=" . $fila['id'] . "'>" . $fila['nombre'] . " ". $fila['apellido1'] . " " . $fila['apellido2'] . "</a>";

echo "</td>";

echo "<td>";

echo $fila['fechaNac'];

echo "</td>";

echo "<td>";

echo "<a href='borrar.php?var=".$fila['id']."'>Borrar</a>";

echo "</td>";

echo "</tr>";

}

$resultado->close();

}

echo "</table>";

$bd->close();

</body>

</html>

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

<?php

$id=$_GET['var'];

$bd = new mysqli("localhost", "root", "", "angel");

$sql = "DELETE FROM `persona` WHERE id='".$id."'";

if(!$resultado = $bd->query($sql)){

print('No esta funcionando la consulta inserción [' . $bd->error . ']');

} else {

echo "<p>El borrado ha ido bien, pulsa <a href='index.php'>aquí</a> para volver al listado</p>";

}

miércoles, 12 de enero de 2022

Insertar PHP

$sql = "INSERT INTO `alineacion` (`Id`, `Idpersona`, `Posicion`) VALUES ('$id', '$Idpersona', 'P')";

if(!$resultado = $db->query($sql)){

print('No esta funcionando la consulta inserción [' . $db->error . ']');

}

lunes, 10 de enero de 2022

Solución PHP Bases de datos

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

$bd = new mysqli("localhost", "root", "", "angel");

echo "<table class='table'>";

if ($resultado = $bd->query("SELECT * FROM persona")) {

while ($fila = $resultado->fetch_assoc()) {

echo "<tr>";

echo "<td>";

echo $fila['id'];

echo "</td>";

echo "<td>";

echo "<a href='index1.php?var=1'>" . $fila['nombre'] . " ". $fila['apellido1'] . " " . $fila['apellido2'] . "</a>";

echo "</td>";

echo "<td>";

echo $fila['fechaNac'];

echo "</td>";

echo "</tr>";

}

$resultado->close();

}

echo "</table>";

$bd->close();

</body>

</html>

miércoles, 5 de enero de 2022

Solución PHP 4.3

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

if ((isset($_POST['adivina']) && ($_POST['adivina'] == $_POST['numero']))) {

echo "<h2>¡Has acertado! El número era el " . $_POST['numero'] . "</h2>";

} else {

if (!isset($_POST['numero'])) {

$numero = rand(1,10);

} else {

$numero = $_POST['numero'];

}

if (!isset($_POST['numero'])) {

echo "<h2>Adivina un número entre el 1 y el 10</h2>";

} else {

echo "<h2>Inténtalo de nuevo anda...</h2>";

if ((int)$_POST['adivina']<(int)$_POST['numero']) {

echo "El número que buscas es mayor";

}

else {

echo "El número que buscas es menor";

}

<label>Puede ser el número...</label>

<input type="text" name="adivina" maxlength="2" size="5">?

</form>

<?php } ?>

</body>

</html>

Solución PHP 4.2

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

for ($i=0; $i<10; $i++) {

echo '<input type="text" name="nota'.$i.'"><br>';

}

</form>

</body>

</html>

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

<?php

var_dump($_POST);

foreach ($_POST as $var) {

$suma=$suma+$var;

}

echo "La suma total de los valores es: " . $suma;

Solución PHP 4.1

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</form>

</body>

</html>

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

<?php

var_dump($_POST);

$suma=$_POST["nota1"]+$_POST["nota2"]+$_POST["nota3"]+$_POST["nota4"]+$_POST["nota5"];

echo "La suma es: " . $suma . "<br>";

echo "La nota media es: " . $suma/5 . "<br>";

if ($_POST["nota1"]<5 || $_POST["nota2"]<5 || $_POST["nota3"]<5 || $_POST["nota4"]<5 || $_POST["nota5"]<5) {

echo "Tienes que recuperar...";

}

martes, 4 de enero de 2022

PHP4

1- Programa que recoge 5 notas de alumnos, cuando damos a enviar nos dice la media de las notas, si tiene que recuperar alguna y si aprobó todas lo felicitamos.

2- Mostrar diez textfield (bucle) donde recogemos datos y después los sumamos todos.

3- En la misma página (index.php) hay que intentar adivinar un número. Introducimos un valor en un campo de texto y le iremos diciendo al usuario si ha acertado o no hasta que lo acierte.

Solución PHP3

<!DOCTYPE html>

<html>

<head>

<style>

table, tr, td {

border: 1px solid black;

border-collapse:collapse;

}

</style>

</head>

<body>

<?php

echo "<table>";

echo "<tr>";

for ($i=33; $i<127; $i++) {

echo "<td>";

echo $i;

echo "</td>";

echo "<td>";

echo chr($i);

echo "</td>";

if ($i==42 || $i==52 || $i==62 || $i==72 || $i==82 || $i==92 || $i==102 || $i==112 || $i==122) {

echo "</tr><tr>";

}

echo "</tr>";

echo "</table>";

</body>

</html>

Solución PHP2

<!DOCTYPE html>

<html>

<head>

<style>

table, tr, td {

border: 1px solid black;

border-collapse:collapse;

}

</style>

</head>

<body>

<?php

echo "<table>";

echo "<tr>";

for ($i=0; $i<7; $i++) {

echo "<td>";

$alea= rand(-10, 10);

echo $alea;

echo "</td>";

$suma=$suma+$alea;

if ($alea<0) {

$gastos=$gastos+$alea;

}

echo "</tr>";

echo "<tr>";

echo "<td colspan='7'>";

echo $suma;

echo "</td>";

echo "</tr>";

echo "<tr>";

echo "<td colspan='7'>";

echo "Este mes los gastos han ascendido a ";

echo $gastos;

echo "</td>";

echo "</tr>";

echo "</table>";

</body>

</html>

Solución PHP1

<!DOCTYPE html>

<html>

<head>

<style>

table, tr, td {

border: 1px solid black;

border-collapse:collapse;

}

</style>

</head>

<body>

<?php

$alea= rand(1, 20);

echo "<table><tr>";

for ($i=1; $i<=$alea; $i++) {

echo "<td>";

echo $i;

echo "</td>";

}

echo "</tr></table>";

</body>

</html>

lunes, 3 de enero de 2022

PHP

1 - Se recoge un número aleatorio (rand()) y se guardan en un tabla todos los números desde el 1 hasta el aleatorio. La tabla contendrá tantas celdas como números dentro.

2 - Tenemos siete números aleatorios entre -100 y 100. Se muestran en la primera fila de una tabla alineada al centro. En caso de que alguno de ellos sea negativo entonces pondremos esa celda con el fondo rojo, y las positivas con fondo verde.

En la segunda fila ocupará el mismo ancho que los siete números aleatorios y mostrará la suma, y en caso de ser negativa también tendrá un color de fondo rojo que indicará que ese mes hemos perdido dinero.

La tercera fila ocupará lo mismo que la anterior mostrará la suma de todos los números negativos y nos mostrará un mensaje que indique “Este mes los gastos han ascendido a…”.

3 - Dibuja una tabla de los caracteres ASCII como la que se muestra a continuación sabiendo que puedes utilizar las funciones chr(65) y ord(‘A’).

Variables

//Returns the filename of the currently executing script

echo $_SERVER['PHP_SELF'];

//Returns the version of the Common Gateway Interface (CGI) the server is using

echo $_SERVER['GATEWAY_INTERFACE'];

//Returns the IP address of the host server

echo $_SERVER['SERVER_ADDR'];

//Returns the name of the host server (such as www.w3schools.com)

echo $_SERVER['SERVER_NAME'];

//Returns the server identification string (such as Apache/2.2.24)

echo $_SERVER['SERVER_SOFTWARE'];

//Returns the name and revision of the information protocol (such as HTTP/1.1)

echo $_SERVER['SERVER_PROTOCOL'];;

//Returns the request method used to access the page (such as POST)

echo $_SERVER['REQUEST_METHOD'];

//Returns the timestamp of the start of the request (such as 1377687496)

echo $_SERVER['REQUEST_TIME'];

//Returns the Accept header from the current request

echo $_SERVER['HTTP_ACCEPT'];

//Returns the Host header from the current request

echo $_SERVER['HTTP_HOST'];

//Returns the IP address from where the user is viewing the current page

echo $_SERVER['REMOTE_ADDR'];

//Returns the port being used on the user's machine to communicate with the web server

echo $_SERVER['REMOTE_PORT'];

//Returns the absolute pathname of the currently executing script

echo $_SERVER['SCRIPT_FILENAME'];

echo $_SERVER['SERVER_ADMIN'];

//Returns the port on the server machine being used by the web server for communication (such as 80)

echo $_SERVER['SERVER_PORT'];

//Returns the path of the current script

echo $_SERVER['SCRIPT_NAME'];