Anuncios

Bienvenidos sean a este post, para esta ocasion vamos a crear un proyecto que usaremos para estudiar el manejo de scripts y la GUI.

Anuncios

Este proyecto es un simple buscador de imagenes en paginas webs para descargarlas, basicamente constara de tres partes:

  • Creacion de un servidor web
  • Un script que extraera informacion de una URL
  • Una GUI que extraera informacion de una URL
Anuncios

Antes de comenzar con nuestro proyecto deben descargar el siguiente archivo donde tenemos las imagenes que usaremos:

Anuncios
Anuncios

Una vez descargado el archivo extraigan el contenido en la computadora despues les comentare que haremos con los mismos, nuestro siguiente paso crear el directorio donde trabajaremos y su respectiva estructura, el directorio principal lo llamaremos ProyectoWeb, una vez creado este directorio ingresaremos a este y crearemos otro directorio llamado servidor_simple, ingresaremos a este directorio y crearemos otro llamado img, dentro de este directorio copiaremos los archivos extraidos del archivo, quedando de la siguiente manera:

.
└── servidor_simple
    └── img
        ├── tux-alcohol.png
        ├── tux-argentina.png
        ├── tux-book.png
        ├── tux-ebook.png
        └── tux-luke.png
Anuncios

Dentro del directorio servidor_simple vamos a crear dos archivos, uno para iniciar al servidor web y otro para la pagina de inicio, primero crearemos el archivo web que llamaremos index.html y le agregaremos el siguiente codigo:

index.html

<!DOCTYPE html>
<html lang="es">
        <head><title>Tux es lo mas!</title></head>
        <body>
                <h1>Bienvenido a esta galeria de Tux</h1>
                <div>
                        <img src="img/tux-alcohol.png" height="128" />
                        <img src="img/tux-argentina.png" height="128" />
                        <img src="img/tux-book.png" height="128" />
                        <img src="img/tux-ebook.png" height="128" />
                        <img src="img/tux-luke.png" height="128" />
                </div>
        </body>
</html>
Anuncios

Esta es una pagina simple donde mostraremos las 5 imagenes que descargamos y ubicamos previamente, con este archivo creado podemos pasar a trabajar con el servidor web, en realidad python nos provee de un mini servidor para poder hacer algunas pruebas basicas, para este caso desde el directorio donde creamos el archivo debemos ejecutar el siguiente comando desde la terminal:

$ python3 -m http.server 8000
Anuncios

Esto ejecutara un modulo del servidor http con el puerto 8000, una vez iniciado quedara esperando las conexiones, si queremos probarlo podemos abrir un navegador y usar la siguiente direccion:

http://localhost:8000

Anuncios

Si todo esta correcto nos devolvera una pagina similar a esta

Anuncios

Una vez conectado veremos que nuestro comando anterior nos devolvera lo siguiente:

tinchicus@dbn001vrt:~/lenguajes/python/ProyectoWeb/servidor_simple$ python3 -m http.server 8000
Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) ...
127.0.0.1 - - [29/Apr/2021 12:07:04] "GET / HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /img/tux-alcohol.png HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /img/tux-argentina.png HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /img/tux-book.png HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /img/tux-ebook.png HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /img/tux-luke.png HTTP/1.1" 200 -
127.0.0.1 - - [29/Apr/2021 12:07:09] code 404, message File not found
127.0.0.1 - - [29/Apr/2021 12:07:09] "GET /favicon.ico HTTP/1.1" 404 -
Anuncios

Por ultimo crearemos un archivo simple para ejecutar este servidor, para ello en la terminal dentro del directorio servidor_simple crearemos un archivo llamado server.sh y le agregaremos el siguiente codigo:

server.sh

python3 -m http.server 8000
Anuncios

Como pueden ver es simplemente la ejecucion del modulo de python pero a este archivo debemos hacerlo ejecutable y para ello ejecutaremos el siguiente comando:

$ chmod 744 server.sh
Anuncios

Con esto nos garantizamos que nuestro usuario tiene acceso total y el resto solo de lectura, veamos como quedo:

tinchicus@dbn001vrt:~/lenguajes/python/ProyectoWeb/servidor_simple$ ls -l
total 12
drwxr-xr-x 2 tinchicus tinchicus 4096 abr 29 10:16 img
-rw-r--r-- 1 tinchicus tinchicus  407 abr 29 12:05 index.html
-rwxr--r-- 1 tinchicus tinchicus   28 abr 29 12:18 server.sh
tinchicus@dbn001vrt:~/lenguajes/python/ProyectoWeb/servidor_simple$
Anuncios

Con esto simplemente ejecutando el archivo como ./server.sh nos bastara para que el servidor este activo, veamos como quedo hasta ahora la estructura de nuestro directorio:

.
└── servidor_simple
    ├── img
    │   ├── tux-alcohol.png
    │   ├── tux-argentina.png
    │   ├── tux-book.png
    │   ├── tux-ebook.png
    │   └── tux-luke.png
    ├── index.html
    └── server.sh
Anuncios

En los proximos posts iremos agregando los distintos archivos que usaremos para las distintas tareas.

Anuncios

En resumen, hoy hemos establecido la base de un proyecto para ver dos temas interesantes de python, hemos creado su estructura, hemos visto como habilitar un mini servidor web, hemos creado la pagina web principal y por ultimo hemos creado un pequeño script para levantarlo, espero les haya gustado sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios
pp258

Donación

Es para mantenimento del sitio, gracias!

$1.50