Ir al contenido principal

Combinación de colores, Moda y programación con PHP

Hola bienvenidos a otro post de este blog, estuve pensando en que otra área podíamos utilizar programación así que leyendo las noticias e Instagram, el 4 de mayo debió llevarse acabo La MET Gala , que es un evento que promueve (Museo Metropolitado de New York) donde artistas, famosos y celebridades acuden al evento y siguen una temática en su vestimenta, este año es Tiempo: moda y su permanencia como no se llevo acabo muchos artistas decidieron recordar en Instagram con fotos de galas anteriores y Vogue hizo un vídeo con los momentos más representativos.


Como resultado de esto Pensé en la Moda para generar un programa y este post, no me considero una persona con el criterio para dar consejos de moda, pero si una persona que pueda desarrollar una Página que de manera aleatoria nos sugiera 4 colores a combinar en nuestra ropa .


Les platico un poco más acerca de la moda, hay 2 temporadas para la semana de la moda una para la colección primavera-verano y otra otoño-invierno las semanas de la moda terminaron el 28 de Febrero de 2020 en Milán pero en Septiembre 11 comienzan de Nuevo en New York, les comparto las fechas y las ciudades



  • Del 6 al 14 de Febrero y del 11 al 16 de Septiembre, fue la semana da la moda en New York
  • Del 14 al 18 de Febrero y del 18 al 22 de Septiembre, fue la semana de la moda en Londres
  • Del 18 al 24 de Febrero y del 22 al 28 de Septiembre, semana de la moda en Milan
  • Del 24 de Febrero al 4 de marzo y del 28 de Septiembre al 6 de Octubre, la semana de la moda en París
  • Otros eventos que son importantes para la moda son los premios como los Golden Globe, los Oscares, Emys, Gramys, MET Gala 

    Si quieren ver las fechas e incluso las agendas pueden verlo en las siguientes ligas:

    Cada año existen los colores de temporada y diferente temporadas en la moda de acuerdo a las temporadas, primavera,verano,otoño invierno 


    • Naranja
    • Saffron
    • Aguamarina
    • Verde Hierba fresca
    • Rosado Coral
    • Morado
    • Classic Blue o lei  Heridate BLue



    Bueno buscando todo esto pensé en como hacer una Pagina WEB , que te ayude a poder armar tus combinaciones en tu look y que estés a la moda. 

    Primer paso arme mi colección de moda con 6 diseños:



    Esta moda esta inspirada en una muñeca recortarle que vendían y que podías vestir, quizá viendo una imagen algunos la recuerden.

    Mis diseños no tiene color, porque el color los vamos a mostrar  en la página en base a los colores de moda de esta temporada Primavera-Verano 2020, la página nos va a calcular la combinación y el atuendo de manera aleatoria 


    La página es  

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html

    La pantalla de inicio tiene los 6 diseños y 2 botones: Diseño a vestir y Colores a combinar

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html




    Con el botón diseño a vestir abre una pantalla con la sugerencia del diseño a vestir
    pagina PHP

    Con el botón colores a combinar , te abre otra pantalla con la sugerencia de 4 colores a combinar 
    colores aleatorios en PHP


    La página HTML


    <html>
    <head>
    <title>Combinaciones de Ropa</title>
    </head>
    <body>
    <p> Esta página es un ejemplo de como mostrar combinación de colores </p>
    <p> Primero mi coleccion de moda ProgramacionParaTodos 2020 </p>
    <img src="esquema.png" alt="Smiley face" height="300" width="800">
    <p>Ahora vamos a presionar el botón de Diseño a Vestir para
    elegir un modelo y despúes el botón Colores a Combinar para saber cuales utilizar
    y ¡¡¡vestir así el día de hoy!!!
    <form action="pagina_moda2.php" method="GET">
     <div align="center">
       <input type="submit" value="Diseño a Vestir"/>
     </div>  
    </form>
    <form action="pagina_moda3.php" method="GET">
     <div align="center">
       <input type="submit" value="Colores a Combinar"/>
     </div>  
    </form>

    </body>

    </html>

    El programa en PHP para seleccionar modelo

    <?php
    $num_atuendo = rand(1, 6);
    $esquema = "esquema" . strval($num_atuendo) . ".png";
    header("Content-type: image/png");
    $im = imagecreatefrompng($esquema);
    imagepng($im);
    imagedestroy($im);
     
    ?>

    Para el programa cada imagen es un archivo con nombre esquema1.png.... hasta el esquema6.png, lo que hacemos generar un numero aleatorio para que nos muestre el esquema correspondiente a ese número aleatorio.

    El programa en PHP para seleccionar colores
    <?php
    // Crear una imagen de 200 x 200
    $lienzo = imagecreatetruecolor(500, 100);

    // Asignar colores
    $azul = imagecolorallocate($lienzo, 51, 85, 139);
    $amarillo =  imagecolorallocate($lienzo, 254, 175, 18);
    $verde = imagecolorallocate($lienzo, 78, 196, 164);
    $chiva  = imagecolorallocate($lienzo,86, 92, 70);
    $rosa = imagecolorallocate($lienzo, 233, 172, 157);
    $canela = imagecolorallocate($lienzo, 162, 85, 58);
    $uva = imagecolorallocate($lienzo,114, 97, 124);
    $sol =  imagecolorallocate($lienzo,239, 218, 164);

    // Dibujar 4 cuadrados, cada uno con su color
    $col1 = rand(1,8);
    switch ($col1) {
        case 1:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $azul);
            break;
        case 2:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $amarillo);
            break;
        case 3:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $verde);
            break;
        case 4:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $chiva);
            break;        
        case 5:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $rosa);
            break;     
        case 6:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $canela);
            break;       
        case 7:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $uva);
            break;  
        case 8:
            imagefilledrectangle($lienzo, 4, 4, 100, 100, $sol);
            break;  
    }
    ........

    $col4 = rand(1,8);
    switch ($col4) {
        case 1:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $azul);
            break;
        case 2:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $amarillo);
            break;
        case 3:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $verde);
            break;
        case 4:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $chiva);
            break;        
        case 5:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $rosa);
            break;     
        case 6:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $canela);
            break;       
        case 7:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $uva);
            break;  
        case 8:
            imagefilledrectangle($lienzo, 360, 4, 460 , 100, $sol);
            break;  
    }

    // Imprimir y liberar memoria
    header('Content-Type: image/jpeg');
    imagejpeg($lienzo);
    imagedestroy($lienzo);
    ?>



    Luego para saber de que color vestirse tome los códigos de colores RGB de la página https://simpledits.com/color-palette-guide-with-pantone-colors-for-spring-summer-2020-nyfw-with-hex-cmyk-and-rgb-values/  y puse igual 4 funciones rand para saber que colores pintar



    Recuerden probar la página 

    https://ejemploprogramacionparatodos.000webhostapp.com/Pagina_moda.html


    La verdad es una página muy sencilla y pueden hacer o existen otras aplicaciones más complejas que te permiten crear un closet virtual y armar combinaciones, o buscar tendencias de moda por ejemplo, buscar un atuendo por fotografía les comparto algunas opciones que encontré:

    También existe la opción de closets con tecnología como 

    No olviden compartirnos y seguirnos en este blog o en Facebook.

    Comentarios

    Entradas más populares de este blog

    Graficar funciones en Python con dataframes

    Bienvenidos a un nuevo post, en esta semana, en esta ocasión les quiero platicar acerca de una librería en Python que se llama  matplotlib  que nos sirve para gráfica funciones de  matemáticas. Habitualmente en Python existen muchas librerías, lo que hay que hacer es primero investigar si ya existe alguna que nos ayude y entenderla antes de inventar el hilo negro, en mi caso encontré la librería  Matplotlib Para instalar deben utilizar el comando PIP en 2.7 Instalando en Python 3.7 Si tienen Python 2.7 deben realizar la ejecución de estos 2 comandos desde consola python -m pip install -U pip python -m pip install -U matplotlib Aunque lo más recomendable es utilizar la versión 3.7 o superior de Python. Programa para graficar en Python import matplotlib.pyplot as plt import numpy as np import math as mt def move_spines():     """Esta funcion divide pone al eje y en el valor      0 de x para dividir claramente los valores positivos y     negativos.&quo

    Ejemplo Macro en Word

    Hola: ¿Sabían que no solo en Excel pueden hacer Macros?  ¡¡¡También en Outlook, Word, Power Point,Access  es posible hacer Macros!!!  ☺️ Ya que Word, Excel, Power Point,Access son de familia Microsoft y Visual Basic también es que podemos programar nuestras macros en esta paquetería. Como hemos visto antes, para poder programar nuestras macros, necesitamos primero configurar la Barra de tareas de Developer o Desarrollador Seleccionan el Menu File>Options>Customize Ribbon o en Español Archivo>Opciones>barra de tareas Despues la parte de seguridad de las macros Menu File>Options>Trus Center o Archivo>Opciones>Centro de Seguridad y marcamos como se ve en la imagen, la cuarta opción y el combo Ejemplo Vamos hacer un ejemplo donde, tengamos que generar varios diplomas de fin de curso, pero con una lista de Nombres , entonces vamos a crear un nuevo archivo en Word y le vamos a guardar como tipo Macro  Tenemos una plantill

    Macro de Excel para abrir archivo csv

    Hay veces que quieres abrir un archivo de Excel pero está separado por comas, punto y coma o por un pipe. Hay formas de hacerlos desde Excel. Les quiero compartir algunas opciones de como hacerlo y espero que les sean de utilidad. 1.Es abrir el archivo en Excel y utilizar la función de separar por columnas y seleccionar el delimitador, por ejemplo ";" 2. Es colocar "sep=;" en el primer renglón del archivo que quieres abrir y guardar en formato CSV y abrirlo en Excel y te lo abrirá separado en columnas. 3. Otra forma es con una macro, esté en mi gusto es la que más me funciona porque si hay alguna coma en la descripción o en alguna columna, si lo abres desde Excel te va a desacomodar las columnas.  Este botón te abrirá un pantalla para abrir el archivo que quieres separar y te lo abrirá en una hoja de excel ya separado. El código de la macro es el siguiente  Private Sub CommandButton1_Click() Dim sht As Worksheet Dim fnd As Variant Dim rplc As Variant Dim