Jonathan Echeverría - Lo que tengo en la cabeza » HTML CSS JavaScript y PHP

Un buen hosting a un buen precio

Jonathan Echeverria — Mon, 21 Feb 2011 19:49:40 +0000

Siempre que comienza un año nos hacemos muchos propósitos. Pero es cuando ya llega febrero-marzo, cuando de verdad empiezan a cuajar algunos de esos proyectos que nos hemos planteado para este 2011. Si uno de tus proyectos es crear una página web, comprar un dominio y ponerla online hoy estás de suerte.

Y es que ya he renovado el contrato con el servidor y he creado una sección con las tarifas para este 2011:

Nombre del plan	Espacio en MB	Precio en €
El baratillo	400MB	40€
El normal	800MB	80€
El avanzado	1000MB	100€
El “a medida”	XXXX MB	XXX €

Todos los planes incluyen base de datos mysql, cuentas de correo ilimitadas, administración Plesk, soporte técnico casi inmediato (si tu web no va, la mía tampoco va…)… Además si quieres te gestiono tu dominio por 10€ anuales, a sumar al plan que hayas elegido.

Si quieres más información puedes contactar conmigo y te envío páginas que están alojadas en mi servidor para que veas lo bien que va:

Gestores documentales I. Webshare

MrViSiOn — Fri, 08 May 2009 06:00:33 +0000

Comenzamos una trilogía de post para hablar de los gestores documentales. Un gestor documental es un sistema/aplicación que permite un control sobre archivos y permisos de acceso a ellos. También puede incluir un control de versiones de forma que queden guardadas todas las versiones y cambios que se han realizado en ese archivo, por cada usuario.

La idea de hablar de este tipo de software parte de que en su momento me comentó Daniel, un buen amigo y seguidor de este blog, a ver si conocía algún gestor documental y cuál le recomendaba. Le propuse utilizar dos: Webshare y DocMgr. Le comenté muy por encima las ventajas y le recomendé el que más se ajustaba a sus necesidades (quizá Webshare no es tanto un gestor documental, sino un gestor más potente de FTP, pero hace las veces de gestor documental, tal y como veréis más adelante), pero a cambio le pedí que escribiera un artículo sobre el que el quisiera. Eligió Webshare, así que yo me quedé con el artículo de DocMgr. Sin mas presentaciones y palabrería, os dejo con su artículo.

Yo andaba buscando un software online gratuito para instalar en un servidor web que me ayude a gestionar los documentos que me estaban surgiendo en un proyecto.

El gestor documental que os voy a describir es WebShare. Le llamo gestor documental porque el acceso a la aplicación está protegida por usuario y contraseña y, por tanto, el control de los ficheros y carpetas está controlado por el administrador.

Cómo instalarlo
Lo que mas me ha sorprendido de este sencillo programa es su sencillez de instalación. NO hay más descargarlo de su web http://www.webshare.fr y descomprimirlo en una carpeta dentro del servidor web. Con eso ya lo tenemos instalado prácticamente. Deberemos tener una base de datos mysql vacía y lista para que la aplicación cree tablas.
Ahora, debemos acceder al administrador a traves de la ruta: http://direccionWebSahre/admin/. La aplicación nos llevará a una página que está desprotegida y que podremos hacerlo con: , definiendo una cuenta de administrador.

Una vez allí tenemos la posibilidad de configurar los siguientes apartados:

Preferencias: donde configuraremos los parámetros de la base de datos, y otros datos de la aplicación.
Compartido: donde crearemos carpetas virtuales en el servidor (localmente) y, ademas, tenemos la posibilidad de conectar a un ftp para manejar el mismo.
Usuarios: Manejo de usuarios. Creación, edición y eliminación de usuarios. Además podremos dar permisos sobre carpetas y ficheros a cada uno.
Información: ofrece información acerca de la instalación de la aplicación
Asociaciones: es el apartado donde se controla la característica más atractiva de este gestor. Podremos crear nuevas extensiones (o editar las existentes) para nuestros ficheros y decidir qué hacer con los ficheros que tienen dichas extensiones cuando hacemos doble click o click derecho en ellos.
Logs: Para ver la actividad que a habido en el gestor documental desde subida de ficheros a eliminación.

Cómo usarlo

Una vez acabado la configuración, es decir, después de haber creado nuestros usuarios y haberles dado permisos, después de haber creado las carpetas del sitio y haber configurado la base de datos, ya podremos empezar a usarlo.

El uso es muy parecido al de las carpetas de Windows. Podremos crear carpetas (si tenemos permisos para ello), podremos subir ficheros, descargarlos, renombrarlos, adjuntar alguna nota a los ficheros, modificar los atributos de acceso a los mismos. Además, podemos usar la característica de arrastrar y soltar (drag & drop) para mover ficheros de una carpeta a otra.

Conclusiones

La verdad es que me ha encantado este sencillo programita PHP, Además, una de las cosas que más me gusta es que sea open source. Se puede modificar la lógica de negocio y adaptarla a las necesidades que se requieran en un momento determinado.

Os animo a usar (o a lo sumo probar) este gestor documental si necesitais uno.

Sin más, un saludo…

Daniel

Como generar JavaScript desde PHP

Jonathan Echeverria — Fri, 24 Apr 2009 08:40:43 +0000

En ocasiones, cuando se hace un desarrollo web puede ser necesario utilizar tanto PHP como JavaScript. Pero en algunos casos el problema no reside en utilizar ambos lenguajes, si no en comunicarlos entre sí, y poder enviar datos desde PHP a JavaScript. ¿Y por qué existe ese problema? Porque PHP se ejecuta en el servidor, y JavaScript se ejecuta en la máquina cliente. Por tanto, para poder comunicar PHP con JavaScript no será necesario más que el poder generar el código correspondiente desde PHP para que lo pueda interpretar JavaScript. El problema a la inversa (de JavaScript a PHP) se resuelve generando desde JavaScript el POST que luego se encargaría de recoger la página PHP correspondiente.

Presentado el problema, creo que la mejor forma de explicarlo es, como en la mayor parte de las veces, mediante un ejemplo sencillo. Se trata de generar un array desde PHP y mostrar como ser vería al ser cargada la página, para ser interpretado con JavaScript.

Bien, pues generamos desde PHP un array llamado productos_array que contiene por cada entrada un array llamado producto_contador y que se obtiene de una base de datos.

 

$prod_javascript = '';
$pos = 0;
 
while ($prod = fetch_object($query_selecciona_productos)) {
 
  // Compongo las variables javascript con los datos de cada producto para poder acceder posteriormente.
  $prod_javascript = $prod_javascript . 'var producto_'.$pos.' = new Array(3); producto_'.$pos.'[0] = "'.$prod->codigo.'"; producto_'.$pos.'[1] = "'.$prod->descripcion.'"; producto_'.$pos.'[2] = "'.$prod->precio.'";';
 
  $pos = $pos +1;
}
echo $prod_javascript;
echo "n";
?>

De esta forma habremos generado un un código JavaScript desde PHP, similar al siguiente:

 
var producto_1 = new Array(3); producto_1[0] = "1000"; producto_1[1] = "lo que el viento se llevo"; producto_1[2] = "50";
var producto_2 = new Array(3); producto_2[0] = "1786"; producto_2[1] = "paquete 1000 folios"; producto_2[2] = "12";
var producto_3 = new Array(3); producto_3[0] = "9856"; producto_3[1] = "Boligrafo bic"; producto_3[2] = "4";
 
var productos_array = new Array();
productos_array[0] = producto_1;
productos_array[1] = producto_2;
productos_array[2] = producto_3;

Bien pues como hemos visto, el mayor problema de generar JavaScript a partir de PHP consiste en tener cuidado con las ” y con las ‘ para ver qué estamos concatenando todo bien, y obtener el resultado esperado. Así pues os recomiendo prestar atención a ello, y el esto salen como churros, como decía un antiguo profesor mío…

Colaboraciones para nuevo proyecto web

Jonathan Echeverria — Fri, 20 Mar 2009 12:51:56 +0000

Hola a todos,

Estoy preparando un proyecto de una página web para la que necesito algún colaborador que me eche una mano. La página va a ser implementada con exponentcms 0.97 y tendrá varios archivos flash. En principio para este proyecto ya estamos 3 personas (un diseñador, un publicista y yo), pero toda ayuda será bienvenida puesto que es un proyecto importante, y que si se plantea bien desde el principio puede tener una gran repercusión social, que es lo que se pretende.

Ya siento estos secretismos pero es que hasta que no este más madura la idea no quiero contaros más. Los perfiles que buscamos son: programadores php, programadores flash y gente con conocimientos elementales con ganas de trabajar por una buena causa. Si hay alguien interesado en participar que ponga un comentario y ya consultaré yo en privado, y le doy más detalles. Es una web no comercial, y por la que no cobraremos ni un céntimo, pero bueno, es lo que hay.

Saludos

Firebug, el arte de hacer webs (Parte 2)

MrViSiOn — Sat, 21 Feb 2009 11:16:41 +0000

Hola de nuevo. Vamos a explicar en esta última parte algunos usos prácticos de este gran plugin. Voy a hablar de cómo lo uso yo personalmente, con el fin de que el lector pueda adquirir una idea básica de uso.

Debemos fijarnos siempre, y tener en cuenta, que nuestra meta, como ya repetí en el artículo anterior, es que debemos conseguir un tiempo de carga mínimo. Esto no significa que debamos cambiar nada de nuestra capa de presentación de la página. Hace referencia a la carga de las imágenes, a la carga de nuestras librerías javascript, al número de llamadas AJAX, a nuestros SWFs.

Yo, personalmente y a la hora de hacer webs, hago bastante uso de AJAX (Asynchronous JavaScript And XML, http://es.wikipedia.org/wiki/AJAX). Esto abre un abanico de posibilidades increíble para ahorrar ancho de banda, hacer menos largas las esperas de nuestros visitantes, y dar un dinamismo a la página que hace unos pocos años esto era impensable. Y la pregunta que nos podremos hacer en este punto puede ser… ¿por qué estamos ahora hablando de AJAX? Precisamente porque firebug nos ayuda a ‘depurar’ nuestras llamadas asíncronas al servidor. La pestaña de consola nos muestra todas las llamadas que se hacen asincrónicamente desde que se carga la página. Además no sólo eso sino que va un poco más alla: muestra todos los parámetros usados (de GET o POST) para la llamada y la respuesta del servidor a la misma.

En esta misma consola podremos ejecutar funciones javascript que estén ‘presentes’ en la página que se está cargando en ese momento de la ejecución. Esto nos lleva a un control total del comportamiento de nuestras funciones, ya que podremos usar esta característica para depurar y optimizar dicho comportamiento para que sea el deseado por el programador.

La pestaña HTML nos muestra el lenguaje de marcas que está interpretando el navegador. Además no solo lo muestra como si fuera texto plano, sino que nos resalta en la página las partes en las cuales coloquemos el cursor del ratón encima. Por ejemplo si colocamos el cursor encima de:

<input type="submit" value="Buscar con Google" name="btnG"/>

La página nos aparecerá de la siguiente forma:

Además firebug dispone de un botón inspeccionar para ir con el ratón por los diferentes objetos de la página y él te resalta el códgio HTML al que hace referencia. Todo esto nos viene genial para posicionamiento de los objetos dentro del espacio web del navegador firefox. Además podremos modificar como queremos dicho código, viendo su resultado inmediatamente. Podemos cambiar, por ejemplo, in situ el estilo de un label, o de un botón.

Otra pestaña interesante es la que nos resume todas las hojas de estilo que están involucradas en la decoración de la página que actualmente se está viendo. Podemos, como en el caso anterior, modificar in situ cualquier estilo viendo su resultado inmediatamente. Por ejemplo podemos cambiar la propiedad color de texto de negro (#000000) a blanco (#FFFFFF) para ver qué color de letra nos gusta más. Esto evita que tengamos que salir del navegador, ir a nuestro programa de edición web cambiar el color y actualizar nuestra página en el navegador. Además podremos añadir propiedades de estilo nuevas.

La pestaña Script (o Guión si es la versión castellano) sirve para controlar nuestros scripts de cliente. Podremos añadir puntos de ruptura en una instrucción, ver el contenido de nuestras variables y comprobar, en el fondo, si hace lo que nosotros habíamos diseñado. Veremos además que existen teclas de función para ir instrucción por instrucción recorriendo todo el flujo de ejecución o simplemente recorriendo las instrucciones de una función sin meterse en las que métodos hijos de esta última. Esta pestaña es de solo lectura.

Existe una parte de este plugin que es llamado DOM (Document Object Model, quién no sepa lo que es que se de una vuelta por Wikipedia). En el podemos ver todos los elementos existentes en la página, con sus propiedades. Esto nos puede servir (es el mayor uso que le hago) para localizar determinado objeto por medio de javascript y modificar sus propiedades. Por ejemplo, trabajar con anchos de objeto para posicionar otros de forma que no se superponga ninguno. Esto lo podemos hacer con el DOM y esta herramienta del plugin.

Por último existe el network, o red en castellano, que nos muestra todos los ficheros externos a nuestro HTML que se usan para darle funcionalidad y acabado a la página, como son swf, jpgs, javascripts, llamadas Ajax, etc. Se muestra el tiempo de carga de cada elemento y su tamaño. Esta información es vital para esforzarnos en mejorar el tiempo de carga reduciéndolo al mínimo (reduciendo imágenes o swf, comprimiendo cabeceras HTML, minimizando el código javascript, etc.

Esto es todo. Me he dejado detalles pero son poco importantes creo. De todas formas si teneis alguna duda poned algún comentario a este artículo y yo responderé con gusto. Ah! Se me olvidaba, un plugin de este plugin llamado YSlow de yahoo es muy útil también para reducir el tiempo de carga de una web ya que te dice en qué elementos podremos reducir el peso de la web.

Firebug, el arte de hacer webs (Parte 1)

MrViSiOn — Mon, 16 Feb 2009 18:00:36 +0000

Firebug es otro fantástico plugin de firefox casi indispensable cuando se conoce en profundidad. Este plugin está dirigido principalmente a los desarrolladores web y, en menor medida, a los diseñadores web (que no son lo mismo, ver diferencia).

Es una herramienta de desarrollo web con la que podemos editar, debugear javascript o html así como modificar los estilos de una página. Además nos ayudará a analizar el peso que tiene nuestro HTML (monitorizar todas las peticiones que se hagan al servidor: imágenes, librerías javascript, etc) por lo que podremos siempre optimizar el rendimiento del mismo de forma que consigamos una velocidad de carga óptima. La rapidez en la carga de una página, que es consecuencia directamente de la velocidad de respuesta del servidor donde está alojada la misma, es una característica que se debe perseguir siempre en el desarrollo web, es una meta que hay que alcanzar para que nuestro sitio web sea ágil y dinámico y no sea causa de un desinterés por parte de nuestros visitantes.

Cuando reinicias tu firefox después de habértelo instalado aparece un ‘bichillo’ (insecto que es parecido a una cucaracha) en la esquina inferior derecha de nuestro navegador, consecuencia de que podemos empezar a trabajar con él. Haciendo click en ese insecto o presionando la tecla F12 aparecerá el espacio de trabajo del nuestro recién llegado.

En esta primera parte del post voy a describir las características del plugin, lo que nos permite hacer este a la web que se está mostrando en ese momento en el navegador mozilla.

* Inspeccionar y editar el HTML. Hace muy sencillo el análisis y la edición del texto HTML. Podremos modificar el HTML al vuelo y ver los resultados directamente en el navegador. Si cambiamos dese firebug la etiqueta title de nuestra página veremos que inmediatamente después a aceptar los cambios el título ha cambiado.
* Controlar todas las hojas de estilo: hay una pestaña dentro del espacio de trabajo que nos muestra todos los estilos que están involucrados en el diseño de nuestra web.Esta característica actúa de la misma forma que la anterior cualquier cambio que hagamos de los estilos se verán instantáneamente. Podremos modificar cualquier valor de cualquier estilo, y, además, añadir más etiquetas.
* Resalta las partes de la web que nosotros queramos: firebug nos puede resaltar con distintos colores por ejemplo divs, botones, cajas de texto. Esto nos puede venir bien para posicionar elementos dentro de la página.
* Monitorizar la carga. La carga de una página implica pedir al servidor determinados recursos tales como imágenes, ficheros de código javascript, peticiones de funciones de servidor (php, python, ajax). Todas estas peticiones son mostradas y captadas por este plugin, aportando, además, por cada petición, información muy valiosa como por ejemplo, el tiempo de respuesta del servidor para un recurso determinado. Todo esto enfocado siempre a la velocidad de carga, ya que podremos ver qué parte (imagen, librería javascript, etc) de nuestro sitio es la que más pesa y por tanto la que más ancho de banda consume, siendo ahí donde deberemos esforzarnos en reducirlo. Véase la siguiente imagen:

* Debug de javascript: posee un debugger indispensable para nuestra programación javascript. Actúa como cualquier otro debugger: podremos colocar puntos de interrupción donde queramos e ir instrucción por instrucción analizando el valor de nuestras variables.
* Errores en la carga de la página: existe una página ‘consola’ que nos informa de todos los posibles errores que han podido surgir en la carga de una página, generalmente errores en la programación. En esta misma consola podremos ejecutar instrucciones javascript.

De momento eso es todo, seguramente que me deje muchas cosas en el tintero, pero lo que he expuesto es lo más básico de este gran plugin. Personalmente creo que es una herramienta muy útil para el desarrollo

Cuando tenga un poco más de tiempo explicaré cada una de las características un poco más en profundidad. Asimismo, en próximas publicaciones hablaré de otro plugin que trabaja directamente con este llamado YSlow, incidiendo un poco más en la velocidad de carga de una página.

Problemas con el servidor

Jonathan Echeverria — Sat, 07 Feb 2009 15:40:20 +0000

Estoy teniendo muchos problemas en esta nueva andadura con esta empresa de Hosting. Ni saben ellos, ni sé yo (aunque tengo una teoría bastante bien fundada), el motivo por el cual apache genera threads hasta que el servidor llega a su límite de RAM y mata todos los procesos que no son del sistema: apache, mysql, dnsbind…

Y claro, un servidor de webs sin apache, mysql… pues deja de funcionar absolutamente todo. Por tanto desde ayer a las 23:00 hasta no sé cuando, este blog no ha funcionado, ni la web de la txaranga, ni masjoven, ni malavela, ni el blog de Alberto…
En fin, un cochocho que espero que nos lo solucionen lo antes posible, que para eso pagamos.

Error FCKEditor: FCKConfig.CoreStyles['Font Face']

Jonathan Echeverria — Fri, 06 Feb 2009 08:30:57 +0000

Al mover uno de mis sitios webs al nuevo servidor, me he encontrado con el siguiente error(en un alert) al cargar el FCKEditor:

The FCKConfig.CoreStyles['Font Face'] setting was not found. Please check the fckconfig.js file

Para solucionarlo he echado mano del señor de siempre: Don Google, y tras unas cuantas webs, foros y blogs he dado con la solución que ha sido añadir en el fckconfig.js lo siguiente:

FCKConfig.CoreStyles['FontFace'] =
{
   Element: 'font',
   Attributes : { 'face' : '#("Font")' }
};
 
FCKConfig.CoreStyles['Color'] =
{
   Element	: 'font',
   Attributes : { 'color' : '#("Color","color")' }
};

Por supuesto después de añadir esto he tenido que borrar la caché del navegador y la del CMS por si acaso.

Galería desactivada hasta nueva orden

Jonathan Echeverria — Wed, 04 Feb 2009 19:13:24 +0000

Hola, simplemente hoy escribo para avisaros a todos que la galería de fotos queda desactivada hasta que instalemos una versión de PHP específica, ya que la que hay actualmente no es compatible con el Gallery2. Espero que la nueva empresa de Hosting nos resuelva ya el problema lo antes posible y pueda volver a activar la galeria.

Mientras tanto, el resto del blog ya está funcionando correctamente sobre el nuevo servidor, y otras páginas como el blog de Alberto García y la web de Mala Vela.

Quizá te pueda interesar:

23 de octubre, 2009 -- Obtener lista de tablas en postgresql
23 de julio, 2008 -- Error de loop añadiendo un dispositivo a maquina virtual
4 de diciembre, 2008 -- Estadísticas jonathanecheverria.com
15 de octubre, 2009 -- Mis nuevos retos para este curso 09/10
19 de agosto, 2008 -- Virt-Manager se queda bloqueado
19 de junio, 2009 -- Proyecto: sistema de teletrabajo
1 de septiembre, 2009 -- SpotyNow – Noticias tecnológicas y música gratis
11 de noviembre, 2009 -- Protección de Datos e Intimidad de las personas en Internet

En casa del herrero…

Jonathan Echeverria — Fri, 30 Jan 2009 18:43:22 +0000

Ayer os hablaba del spam… Bien, pues no se si fue a través de un correo de spam o de algún anuncio fui a parar a la web de la Nueva Escuela de Diseño y Comunicación. Esta Escuela se dedica principalmente al diseño gráfico, de interiores, bellas artes, animación 3D, y al diseño de páginas web. En este curso de diseño de sitios web(no les enseñan diseño de webs normales, solo de sitios) dan programación tal y como se muestra en su página, de la que he hecho una captura por si la corrigen:

Más vale que he estudiado una carrera seria, en una universidad seria, y no un curso de estos, y que he tenido paciencia e interés para ser autodidacta y aprender html, javascript, php y css yo solito y ser capaz de hacer webs, sitios, blogs o lo que sea…

Quizá te pueda interesar:

6 de agosto, 2008 -- MV windowsXP sin red
5 de septiembre, 2009 -- Problemas con OpenSuse 11.1
22 de enero, 2009 -- Cómo mejorar la economía pirateando música
19 de mayo, 2009 -- Toco la trompeta pero…no toco el kernel!!!
4 de enero, 2009 -- Bakerias Brass, el grupo de metal de la txaranga Bakerías
7 de diciembre, 2008 -- Mi nueva cámara Nikon D40
18 de agosto, 2009 -- La txaranga Peñalén cumple 10 años
10 de octubre, 2008 -- Promoción Blog con Tuenti.com

Jonathan Echeverría - Lo que tengo en la cabeza » HTML CSS JavaScript y PHP

Un buen hosting a un buen precio

Artículos relacionados:

Gestores documentales I. Webshare

Artículos relacionados:

Como generar JavaScript desde PHP

Artículos relacionados:

Colaboraciones para nuevo proyecto web

Artículos relacionados:

Firebug, el arte de hacer webs (Parte 2)

Artículos relacionados:

Firebug, el arte de hacer webs (Parte 1)

Artículos relacionados:

Problemas con el servidor

Artículos relacionados:

Error FCKEditor: FCKConfig.CoreStyles['Font Face']

Artículos relacionados:

Galería desactivada hasta nueva orden

Quizá te pueda interesar:

En casa del herrero…

Quizá te pueda interesar: