Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios»

De WikiEducator
Saltar a: navegación, buscar
(Ejercicio 2 : Manipulando un array)
 
(21 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 +
 
{{:Usuario:ManuelRomero/ProgramacionWeb/Arrays/nav}}
 
{{:Usuario:ManuelRomero/ProgramacionWeb/Arrays/nav}}
 +
 
<br />
 
<br />
 
==Acciones básicas sobre arrays==
 
==Acciones básicas sobre arrays==
Línea 23: Línea 25:
 
;Asignando y elmininando valores
 
;Asignando y elmininando valores
 
*Creamos un array asingnándole 5 valores de forma indexada
 
*Creamos un array asingnándole 5 valores de forma indexada
*Asinga valores entero, cadenas, y la quinta posición que sea otro array de tres elementos
+
*Asigna valores entero, cadenas, y la quinta posición que sea otro array de tres elementos
 
*Lo visualizamos con un '''''var_dump'''''
 
*Lo visualizamos con un '''''var_dump'''''
 
*Agregamos valores en posiciones 15 y 30  
 
*Agregamos valores en posiciones 15 y 30  
Línea 33: Línea 35:
 
<br />
 
<br />
  
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio2|Ejercicio 2 : Crear un array de notas]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio3|Ejercicio 3 : Crear un array de notas]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 2 : Crear un array de notas|
+
{{MRM_Actividad|Title=Ejercicio 3 : Crear un array de notas|
Crea un array con 10 notas aleatorias y posteriormente las visualizas obteniendo los valores  
+
Crea un array con 10 notas aleatorias y posteriormente las visualizas obteniendo los valores estadísticos de la  media, máxima y mínima
estadísticos de la  media, máxima y mínima
+
*Hazlo de forma algorítmica, sin usar funciones de arrays
 
}}
 
}}
 
<!--
 
<!--
Línea 43: Línea 45:
 
<hr/>
 
<hr/>
 
-->
 
-->
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio3|Ejercicio 3 : Usando funciones de arrays]]===
+
 
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio4|Ejercicio 4 : Usando funciones de arrays]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 3 : Usando funciones de array|
+
{{MRM_Actividad|Title=Ejercicio 4 : Usando funciones de array|
 
Repite el ejercicio anterior usando funciones para todas las acciones
 
Repite el ejercicio anterior usando funciones para todas las acciones
  
*Crea un array de notas de 15 alumnos
+
*Crea un array de notasde 15 alumnos Inicializadas con 0
*Inicializalas con 0
+
 
*Asiga a cada nota un valor aleatorio entre 5 y 10
 
*Asiga a cada nota un valor aleatorio entre 5 y 10
 
*Visualiza el array y verfica sus valores
 
*Visualiza el array y verfica sus valores
Línea 56: Línea 58:
 
*Crea otro array de notas de 15 alumnos con notas entre 0 y 5
 
*Crea otro array de notas de 15 alumnos con notas entre 0 y 5
 
*Junta los dos array en uno solo
 
*Junta los dos array en uno solo
*Vuelve a realizar las acciones anteriores
+
*Vuelve a realizar las acciones anteriores (max, min y media)
 
*Recorre el array con un foreach
 
*Recorre el array con un foreach
*REaliza el recorriod con las funciones de recorrido especificadas anteriormente, mostrando en cada caso el ínice  y valor  
+
*REaliza el recorrido con las funciones de recorrido especificadas anteriormente, mostrando en cada caso el ínice  y valor (next, reset, current, key)
 
*Busca el primer 10 en el array y devuelve su posición
 
*Busca el primer 10 en el array y devuelve su posición
*Confirma si hay un 11 y un 4 como valores dentro del arrayu
+
*Confirma si hay un 7 y un 4 como valores dentro del array
 
*Ordena el array ascendentemente y muéstralo
 
*Ordena el array ascendentemente y muéstralo
 
*Ordena el array descendentemente y muéstralo
 
*Ordena el array descendentemente y muéstralo
*Elinina valores repetidos y muéstralos
+
*Elimina valores repetidos y muéstralos
  
 
}}
 
}}
  
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio4|Ejercicio 4 : Imágenes aleatorias]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio5|Ejercicio 5 : Imágenes aleatorias]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 4 : Imágenes aleatorias|
+
{{MRM_Actividad|Title=Ejercicio 5 : Imágenes aleatorias|
Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria
+
*Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria.
 +
*Es muy importante que las 3 imágenes no se puedan repetir, que sean diferentes
  
 
{{Tip|Para recargar de forma periódica la página pasados unos segundos podemos usar el meta de html
 
{{Tip|Para recargar de forma periódica la página pasados unos segundos podemos usar el meta de html
Línea 91: Línea 94:
 
"https://es.wikieducator.org/images/e/e5/M3_web.png",
 
"https://es.wikieducator.org/images/e/e5/M3_web.png",
 
"https://es.wikieducator.org/images/a/a6/Ficheros.jpeg"];
 
"https://es.wikieducator.org/images/a/a6/Ficheros.jpeg"];
);
 
</source>
 
}}
 
<!--
 
{{Plegable|hide|Posible solución|
 
<source lang=php>
 
<?php
 
//Inicializamos el array de imágenes
 
$array=[
 
"https://es.wikieducator.org/Archivo:Ajax_cliente_servidor.png",
 
"https://es.wikieducator.org/Archivo:Funcionamiento_ajax.png",
 
"https://es.wikieducator.org/Archivo:Angular_app_base.png",
 
"https://es.wikieducator.org/Archivo:Docker_distancia_1.png",
 
"https://es.wikieducator.org/Archivo:Opcion_Instalar.png",
 
"https://es.wikieducator.org/Archivo:AplicacionWeb.png",
 
"https://es.wikieducator.org/Archivo:Red3.png",
 
"https://es.wikieducator.org/Archivo:DACTW.png",
 
"https://es.wikieducator.org/Archivo:M3_web.png",
 
"https://es.wikieducator.org/Archivo:Ficheros.jpeg"
 
];
 
$ind1 = rand(0, count($array) - 1);
 
$ind2 = rand(0, count($array) - 1);
 
$ind3 = rand(0, count($array) - 1);
 
?>
 
<!DOCTYPE html>
 
<!--
 
To change this license header, choose License Headers in Project Properties.
 
To change this template file, choose Tools | Templates
 
and open the template in the editor.
 
 
<html>
 
    <head>
 
        <meta charset="UTF-8">
 
        <META HTTP-EQUIV=Refresh CONTENT="3; URL=index.php">
 
        <title>Imágenes</title>
 
    </head>
 
    <body>
 
        <img src="<?php echo $array[$ind1] ?>" alt="">
 
        <img src="<?php echo $array[$ind2] ?>" alt="">
 
        <img src="<?php echo $array[$ind3] ?>" alt="">
 
    </body>
 
</html>
 
 
</source>
 
</source>
 +
}}
  
 
}}
 
}}
-->
 
}}
 
<!--
 
<font size=4 color=red>[[Usuario:ManuelRomero/NewPHP/Arrays/Ejercicios/Ejercicio4 | Solución]]</font>
 
<hr/>
 
-->
 
  
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio5|Ejercicio 5 : Tienda de verduras]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio6|Ejercicio 6 : Tienda de verduras]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 5 : Tienda de verduras|
+
{{MRM_Actividad|Title=Ejercicio 6 : Tienda de verduras|
 
Dada una tienda de verduras con los siguientes productos
 
Dada una tienda de verduras con los siguientes productos
 
<source lang=php>
 
<source lang=php>
Línea 166: Línea 122:
 
}}
 
}}
  
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio6|Ejercicio 6 : Accesos de usuario]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio7|Ejercicio 7 : Accesos de usuario]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 6 : Accesos de usuario|
+
{{MRM_Actividad|Title=Ejercicio 7 : Accesos de usuario|
 
;Creamos una aplicación dónde los usuarios se identifican (una caja de texto para identificarse)
 
;Creamos una aplicación dónde los usuarios se identifican (una caja de texto para identificarse)
 
:Luego iremos contando cada vez que un usuario hace un click
 
:Luego iremos contando cada vez que un usuario hace un click
Línea 217: Línea 173:
 
}}
 
}}
  
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio7|Ejercicio 7 : Array multinivel]]===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio8|Ejercicio 8 : Array multinivel]]===
 
<br />
 
<br />
{{MRM_Actividad|Title=Ejercicio 7 : Array multinivel|
+
{{MRM_Actividad|Title=Ejercicio 8 : Array multinivel|
 
;Vamos a realizar un recorrido de un array asociativo de varios niveles.
 
;Vamos a realizar un recorrido de un array asociativo de varios niveles.
 
:Realizaremos un estudio del array y luego lo recorreremos
 
:Realizaremos un estudio del array y luego lo recorreremos
Línea 557: Línea 513:
 
<hr />
 
<hr />
 
-->
 
-->
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Arrays/ejercicios/ejercicio8|Ejercicio 8 : Canales de tv]]===
 +
<br />
 +
{{MRM_Actividad|Title=Ejercicio 8 : Canales de TV|
 +
;Accedemos al siguiente fichero json que contiene canales de tv
 +
:La ubiciación del fichero en github: https://github.com/MAlejandroR/json_tv
 +
:Primero cargamos el fichero y lo convertimos en un array asociativo
 +
Para acceder al contenido de un fichero en git,d ebemos
 +
<source lang=php>
 +
$url=  "https://raw.githubusercontent.com/MAlejandroR/json_tv/main/tv.json";
 +
$contenido = file_get_contents($url);
 +
</source>
 +
:Posteriormente vamos a cargar canales de tv en nuestra web
 +
<source lang=php>
 +
 +
</source>
 +
}}
 +
<!--
 +
{{Plegable|hide|Posible solución|
 +
}}

Última revisión de 17:24 14 nov 2023




Acciones básicas sobre arrays

  • En esta sección son de accions básicas sobre arrays.

Ejercicio 1 : Recorrer un array básico



Icon activity.jpg

Ejercicio 1: Recorrer una array básico

  • Crea un array indexado con 5 valores de países y recórrelo con un for
  • Ahora crea un array con 5 países como índice y sus correspondiente capitales como valores
  • Después recorrelo con un foreach






Ejercicio 2 : Manipulando un array



Icon activity.jpg
Ejercicio 2: Manipulando un array
Asignando y elmininando valores
  • Creamos un array asingnándole 5 valores de forma indexada
  • Asigna valores entero, cadenas, y la quinta posición que sea otro array de tres elementos
  • Lo visualizamos con un var_dump
  • Agregamos valores en posiciones 15 y 30
  • Lo visualizamos con un var_dump
  • Eliminamos los índices vacíos de forma que quede compacto (sin usar funciones)
    • Es decir las desaparecen las posiciones 15 y 30
    • Sus valores se mantienen en las posicones 5 y 6




Ejercicio 3 : Crear un array de notas



Icon activity.jpg
Ejercicio 3 : Crear un array de notas

Crea un array con 10 notas aleatorias y posteriormente las visualizas obteniendo los valores estadísticos de la media, máxima y mínima

  • Hazlo de forma algorítmica, sin usar funciones de arrays




Ejercicio 4 : Usando funciones de arrays



Icon activity.jpg
Ejercicio 4 : Usando funciones de array

Repite el ejercicio anterior usando funciones para todas las acciones

  • Crea un array de notasde 15 alumnos Inicializadas con 0
  • Asiga a cada nota un valor aleatorio entre 5 y 10
  • Visualiza el array y verfica sus valores
  • Obtener la nota máxima, la mínima y la media del array
Ahora continuamos usando más funciones vistas en la teoría
  • Crea otro array de notas de 15 alumnos con notas entre 0 y 5
  • Junta los dos array en uno solo
  • Vuelve a realizar las acciones anteriores (max, min y media)
  • Recorre el array con un foreach
  • REaliza el recorrido con las funciones de recorrido especificadas anteriormente, mostrando en cada caso el ínice y valor (next, reset, current, key)
  • Busca el primer 10 en el array y devuelve su posición
  • Confirma si hay un 7 y un 4 como valores dentro del array
  • Ordena el array ascendentemente y muéstralo
  • Ordena el array descendentemente y muéstralo
  • Elimina valores repetidos y muéstralos




Ejercicio 5 : Imágenes aleatorias



Icon activity.jpg
Ejercicio 5 : Imágenes aleatorias
  • Crea un array con imagenes aleatorias y luego haz que se carguen cada 5 segundos de forma aleatoria.
  • Es muy importante que las 3 imágenes no se puedan repetir, que sean diferentes
Icon present.gif
Tip: Para recargar de forma periódica la página pasados unos segundos podemos usar el meta de html
<META HTTP-EQUIV=Refresh CONTENT="5; URL=vuestra_pagina.php">
Como array de imágenes podemos tomar estas
$array=[
"https://es.wikieducator.org/images/3/3d/Ajax_cliente_servidor.png",
 
"https://es.wikieducator.org/images/7/7b/Funcionamiento_ajax.png",
"https://es.wikieducator.org/images/a/aa/Angular_app_base.png",
"https://es.wikieducator.org/images/3/3d/Docker_distancia_1.png",
 
"https://es.wikieducator.org/images/4/4e/Opcion_Instalar.png",
"https://es.wikieducator.org/images/a/ab/AplicacionWeb.png",
"https://es.wikieducator.org/images/e/e4/Red3.png",
"https://es.wikieducator.org/images/f/f2/DACTW.png",
"https://es.wikieducator.org/images/e/e5/M3_web.png",
"https://es.wikieducator.org/images/a/a6/Ficheros.jpeg"];





Ejercicio 6 : Tienda de verduras



Icon activity.jpg
Ejercicio 6 : Tienda de verduras

Dada una tienda de verduras con los siguientes productos

$productos = [
    'lechuga' => ['unidades' => 200,
                   'precio' => 0.90],
    'tomates' =>['unidades' => 2000,
                 'precio' => 2.15],
    'cebollas' =>['unidades' => 3200,
                  'precio' => 0.49],
    'fresas' =>['unidades' => 4800,
                'precio' => 4.50],
    'manzanas' =>['unidades' => 2500,
                  'precio' => 2.10],
];
  • Realiza una aplicación con un formulario para poder comprar productos
  • Tras la compra se visualizará la factura del producto siempre que haya unidades
  • Se mostrará las unidades que quedan de cada producto




Ejercicio 7 : Accesos de usuario



Icon activity.jpg
Ejercicio 7 : Accesos de usuario
Creamos una aplicación dónde los usuarios se identifican (una caja de texto para identificarse)
Luego iremos contando cada vez que un usuario hace un click




Ejercicio 8 : Array multinivel



Icon activity.jpg
Ejercicio 8 : Array multinivel
Vamos a realizar un recorrido de un array asociativo de varios niveles.
Realizaremos un estudio del array y luego lo recorreremos
Dado un fichero que contiene un array asociativo
El array contiene información de cantantes y de cada cantante su nombre, su década y canciones que tiene
Se trata que trabajes en dos aspectos que se complementas
  1. Entender y explicar el contenido del array, es decir si es asociativo o indexado y los indices que tiene. Si una posición es un array a su vez procedemos a explicarlo igualmente
  2. Posteriormente lo recorreremos mostrando información de los cantantes y para cantante sus canciones
Para hacer esta parte facilito un pequeño css y consistiría en aplicar el div cantante y el div canciones
Ficheros

Artista.pdf Este fichero es un css para el ejercicios Contenido del ArrayAsociativo.php

Para ver el array una buena forma es cargarlo en un fichero php y hacer o bien un var_dump o bien un print_r
<?php
 
require_once ("datos.php");
 
var_dump( $artistas );
 
 
?>
  • A partir de él podemos mostrar la siguiente imagen que describe el aray

ArrayComplejo.png

  • Observamos que en primera instancia tengo un array asociativo de 6 índices cuyos valores son
185711, 32841, 84062, 84430, 84221, 118504
  • Cada posición tiene como valor un array asociativo de 4 posiciones cuyos índices tiene los valores
name decades link canciones
  • La posición name directamente tiene un valor string que es el nombre del artista
  • La posición decades tiene un valor string que es la década de ese cantante
  • La posición link tiene un valor string que es un url a una página con información sobre el artista
  • La posición canciones es un array indexado de tantas posicione como canciones tenga el artista
  • Cada posición del array indexado canciones es un array asociativo con dos índices
title link
  • La posición title es un string con el título de la canción
  • La posición link es un string con un url donde se puede oir la canción (Actualmente ya no están alojadas en esa posición)



Ejercicio 8 : Canales de tv



Icon activity.jpg
Ejercicio 8 : Canales de TV
Accedemos al siguiente fichero json que contiene canales de tv
La ubiciación del fichero en github: https://github.com/MAlejandroR/json_tv
Primero cargamos el fichero y lo convertimos en un array asociativo
Para acceder al contenido de un fichero en git,d ebemos 
$url=  "https://raw.githubusercontent.com/MAlejandroR/json_tv/main/tv.json";
$contenido = file_get_contents($url);
Posteriormente vamos a cargar canales de tv en nuestra web