Net art y diseño interactivo para la web

 

Estudios teóricos


 

 

Referencias de código y Herramientas


 

 

 

Configuración de un Servidor local

La carga de archivos externos a veces, cuando estás tratando de revisarlos localmente, dan algún error del tipo “cross-origin” (origen cruzado). La solución a esto es usar lo que se conoce como un servidor web local. Aquí 3 tipos de servidores web locales en Mac OSX, Windows y Linux.

1) Python SimpleHTTPServer
Para ejecutar rápidamente un servidor web, Python incluye un servidor HTTP simple. Con la ayuda de este pequeño servidor HTTP puedes transformar cualquier directorio en tu sistema en un directorio de un servidor web. Lo único que necesitas es tener instalado Python (Python ya viene instalado en Mac OS X).

Instalar Python 2.7 o 3.~

En el terminal hacer cd (cambiar directorio) al directorio que tiene los archivos que quieres poner en tu servidor, Por ejemplo:

$ cd Downloads/p5

Donde Downloads es la carpeta descargas y p5 el nombre del directorio de tu proyecto base.

Una vez ubicados en éste directorio,  iniciar el servidor escribiendo.

python -m SimpleHTTPServer

O escribe esto si estás usando Python 3:

python -m http.server
A continuación visita http://localhost:8000 en el navegador.

El servidor de Python es un poco lento, sin embargo será suficiente para cargar la mayoría de los textos, tipografías e imágenes.

 

2) Node http-server
Otra alternativa es http-server de node.js.

Descarga e instala node.js

Abre una sesión de terminal

En OSX/Linux escribe
sudo npm install -g http-server

En Windows escribe (quizás necesites abrir la terminal como admin)
npm install -g http-server

De ahora en adelante para ver una página en tu servidor local, en el terminal hacer cd (cambiar directorio) al directorio que tiene los archivos que quieres poner en tu servidor, Por ejemplo:

$ cd Downloads/p5

Donde Downloads es la carpeta descargas y p5 el nombre del directorio de tu proyecto base.

Una vez ubicados en éste directorio,  iniciar el servidor escribiendo.

http-server -c-1

Luego podemos visitar la página de nuestro proyecto escribiendo en el navegador http://localhost:8080/

 

 

3) Apache Server
Un servidor Apache soporta una gran rango de funciones HTTP y escala bien para proyectos más grandes.

Mac OS X 10.7 y más
Abre Terminal y escribe:
sudo apachectl start
Verifica que esté funcionando visitando http://localhost en tu navegador. Deberías ver “It works!” en el navegador.
Autoriza los permisos para los archivos en el servidor escribiendo los siguientes dos comandos en la Terminal:
sudo chown root:<tu nombreDeUsuario> -R /Library/WebServer/Documents

sudo chmod -R 755 /Library/WebServer/Documents
Ubica tu proyecto en algún lugar dentro de /Library/WebServer/Documents/.
Visítalo en http://localhost/el directorio del proyecto dentro de /Library/WebServer/Documents).
http://localhost/mi-proyecto-p5

Windows
Descarga WampServer desde http://www.wampserver.com/en/.
Instala WampServer y sigue las instrucciones.
El directorio “www” será creado automáticamente (usualmente c:\wamp\www).
Crea un subdirectorio dentro de “www” y ubica tus archivos HTML/JS dentro.
Abre tu navegador web y anda a la URL : http://localhost/tuarchivo.html.

Linux
Instala apache2 con apt-get.
Ubica tu proyecto en algún lugar dentro de /var/www/.
Revísalo en http://localhost.

 

 

 

Editores de código desktop y en línea

Librerías

 

Frameworks CSS

 

Código Referencial

https://codepen.io/libertario/

 

 

 

Bibliografía


 

Técnicas

 

 

Teóricas

 

 

 

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

6 Comentarios

Nativel AguadoPublicado  3:34 pm - abr 19, 2017

Buenísimos los textos sobretodo se agradece el detalle de publicarlos gratuitamente en pdf!!!

Constanza OrtegaPublicado  3:10 pm - jul 30, 2017

Debo decir que estoy sorprendida por el alto nivel de sus cursos y formaciones, por ello gracias por compartir conocimiento, mucho mejor que varias universidades que conozco en España y algunas del mundo. Definitivamente he aprendido muchas cosas nuevas! Y he llegado a resolver problemas técnicos que se me escapaban y demoraban proyectos personales. Espero pronto pasar por BCN y participar de uno de sus cursos. Enhorabuena por el trabajo!!

Gonzalo N.Publicado  9:55 am - may 3, 2018

Gracias, Gracias, Gracias! ! ! Muchas Gracias por poner estos contenidos abiertos al público!

AriannaPublicado  10:03 am - may 3, 2018

Wow nice book collection! I found this book from Rachel Green is also helpful: https://www.amazon.com/Internet-Art-World-Rachel-Greene/dp/0500203768 I havent found a spanish version to share …

Mario FdezPublicado  10:00 am - may 9, 2018

Yo estuve en las clases de “creative Coding” que ofrecieron en mi Master de diseño de producto digital en lci; el profesor tiene mucho conocimiento y paciencia, puso en marcha herramientas muy prácticas para hacer el taller mas ameno y con sus tips ayuda a que sacáramos adelante nuestros proyectos con rapidez. merci!

Brenda NovakPublicado  2:13 pm - jun 30, 2018

Ha sido un gran placer haber participado del último curso de net art, muy agradecida

Deja un comentario

Redes