Recently Posted

advertisement


Archivo para la categoría ‘Webmasters’ .


Copia de seguridad completa de servidor web

En WebMonkey podemos leer un tutorial paso a paso de como hacer una copia de seguridad completa de un servidor Web.

Sin duda muy útil para aquellos que disponen de un servidor dedicado, en un servidor VPS o para aquellos que quieran tener una copia de seguridad de su PC en unidades externas.


Crear archivos zip con PHP

En esta ocasión veremos la forma de crear archivos comprimidos en formato ZIP. Para este ejemplo utilizaremos la clase zipfile escrita por Eric Mueller y muy bien explicada en Creating ZIP files with PHP.

Descargando la clase zipfile

Lo primero es descargar la clase zipfile desde zipfile.inc.txt y renombrarla a zipfile.php. Esta clase tiene dos metodos add_dir() y add_file() que permite agregar una carpeta o un archivo al zip que se esta creando.

Creando nuestro primer ZIP

Lo primero es incluir el archivo recién descargado, luego de ello creamos una instancia de la clase, para este ejemplo a la instancia lo llamamos $zipfile. Luego de ello agregamos un archivo de la siguiente forma.

  1. require (“zipfile.php”);

  2. $zipfile = new zipfile();

  3. $zipfile->add_file(implode(“”,file(“img01.jpg”)), “foto.jpg”);

Nótese que estamos agregando un archivo llamado img01.jpg y al momento de incluirlo en el zip lo estamos renombrando a foto.jpg. Hasta este punto hemos creado un archivo zip, el siguiente paso es enviarlo al cliente, para ello agregamos headers indicando el tipo de archivo y finalmente imprimimos el archivo:

  1. require (“zipfile.php”);

  2. $zipfile = new zipfile();

  3. $zipfile->add_file(implode(“”,file(“img01.jpg”)), “foto.jpg”);

  4.  

  5. header(“Content-type: application/octet-stream”);

  6. header(“Content-disposition: attachment; filename=zipfile.zip”);

  7. echo $zipfile->file();

El resultado del ejemplo lo pueden ver en http://samples.unijimpe.net/php-zip/.

Agregando carpetas al ZIP
En el caso que agregamos varios archivos y deseamos agruparlas en una carpeta, podemos utilizar el metodo add_folder. Luego de ello agregamos los archivos a la carpeta de la siguiente forma:

  1. require (“zipfile.php”);

  2. $zipfile = new zipfile();

  3. $zipfile->add_dir(“img/”);

  4. $zipfile->add_file(implode(“”,file(“img01.jpg”)), “img/01.jpg”);

  5. $zipfile->add_file(implode(“”,file(“img02.jpg”)), “img/02.jpg”);

  6. $zipfile->add_file(implode(“”,file(“img03.jpg”)), “img/03.jpg”);

  7.  

  8. header(“Content-type: application/octet-stream”);

  9. header(“Content-disposition: attachment; filename=fotos.zip”);

  10. echo $zipfile->file();

Como ven agregar carpetas y multiples archivos es muy sencillo, incluso se pueden renombrar los archivos al momento de agregarlos al archivo zip. El resultado de este ejemplo lo pueden ver en: http://samples.unijimpe.net/php-zip/zipfolder.php.

Leído en Unijimpe.


Cambiar la extensión de archivos PHP en nuestro servidor

Leo en Cristalab un útil manual que nos puede ayudar a proteger un poco nuestos archivos PHP del servidor.

Para ello necesitamos añadir una directiva en nuestro .htaccess o directamente en el archivo de configuración del servidor Apache.

Opción 1:

# Hacer que el codigo PHP parezca como otro tipo de codigo
AddType application/x-httpd-php .asp .py .pl

Opción 2 :
# Hacer que el codigo PHP parezca como de tipos desconocidos
AddType application/x-httpd-php .bop .foo .133t


Voz desde texto con PHP y Linux

En este artículo vamos a explicar una forma de generar un archivo de audio a partir de un texto determinado con Linux (en este caso Ubuntu) y PHP.

1.-Instalamos Festival, que es el programa con el cual vamos a generar el fichero de audio a partir del texto:

apt-get install festival

2.-Una vez instalado, dispondremos de la utilidad de línea de comando text2wave que funciona de la siguiente manera:

# text2wave archivo.txt -o archivo.wav 

Para no tener que crear un archivo de texto cada vez utilicemos el programa usaremos tuberias:

# echo "hola amigo" | text2wave -o archivo.wav 

El código PHP

Ahora nuestro servidor está listo para generar archivos de voz desde un texto, lo único que tenemos que hacer es llamar al comando text2voice desde PHP con la función exec:

<?php
exec ( 'echo "hola amigo" | text2wave -o file.wav' );
?>

Para que veais un ejemplo más complejo, voy a meterle un formulario y un enlace al archivo generado:
<?php
error_reporting ( E_ALL );
ini_set ( 'display_errors', True );
if ( isset ( $_REQUEST['text'] ) ) {
$speechfile = "speech/".time().".wav";
$curDir = '/var/www/speech/';
exec ( 'echo "'. escapeshellarg ( utf8_decode ( $_REQUEST['text'] ) ) . '" | text2wave -o ' . $curDir . $speechfile );
?><p>El archivo generado se <a href="<?php
echo $speechfile;
?>">encuentra aquí</a></p><?php
}
?>
<form method="POST">
<textarea name="text" cols="70"></textarea><br />
<input type="submit">
</form>

Fuente original: ProgramacionWeb


Manual de la API de Google Maps

Un estupendo manual estructurado en lecciones sobre la API de Google Maps :) .

Acceder al manual.

Google Maps

De todas formas es recomendable tener siempre a mano el manual de referencias que proporciona Google.

Via: Kabytes.


Menú web hecho con imagenes y Mootools

Una forma de construir un menú de navegación con imágenes muy agradable usando el efecto persiana de Mootools.

Kwickmenu

Pasos para instalarlo:

1.-Descargamos el fichero (Guardar como) con las librerías (imageMenu.js y mootools.js)

2.-Incluimos en nuestra cabecera entre las etiquetas < head > y < / head > la llamada:

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/imageMenu.js"></script>

Nota: Verificar el “src” para que concuerde con la ruta de nuestras librerías.

3.- Insertamos el siguiente código en nuestra hoja de estilos (CSS):

/*Images menu*/
#kwick {
position: relative;
/*border-bottom: 3px double #333;*/
margin-top: 20px;
}
#kwick ul{
list-style:none;
}
# .kwicks {
display: block;
height: 200px;
margin: 0px;
}
#kwick li {
float: left;
}
li:after {
content: "";
}
#kwick .kwick {
display: block;
cursor: pointer;
overflow: hidden;
height: 200px;
width: 97px;
/*padding: 10px;*/
background: #fff;
/*border-right: 5px solid #202020;*/
border-right: 2px solid #fff;
}
#kwick .kwick span {
display: none;
}
#kwick .opt1 {
outline: 0; background: #9ce782 url(../images/landscapes.jpg) ;
}
#kwick .opt2 {
outline: 0; background: #92bdfa url(../images/people.jpg);
}
#kwick .opt3 {
outline: 0; background: #faa892 url(../images/nature.jpg);
}
#kwick .opt4 {
outline: 0; background: #e78282 url(../images/urban.jpg);
}
#kwick .opt5 {
outline: 0; background: #000 url(../images/abstract.jpg);
border-right: 0;
}

4.-Aquí está el código HTML de nuesto menú en cuestion:

<div id="kwick">
			<ul class="kwicks">
				<li><a class="kwick opt1" href="http://www.christiangl.com/" ></a></li>
				<li><a class="kwick opt2" href="http://www.christiangl.com/" ></a></li>
				<li><a class="kwick opt3" href="http://www.christiangl.com/"></a></li>
				<li><a class="kwick opt4" href="http://www.christiangl.com/" ></a></li>
				<li><a class="kwick opt5" href="http://www.christiangl.com/" ></a></li>
			</ul>
</div>
		<script type="text/javascript">
			var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
		</script>

Info: {openWidth:200} asigna el ancho que tendrán las imágenes en píxeles.

5.-Para crear más opciones en el menú debemos hacer lo siguiente:

Continuamos añadiendo las definiciones que necesitemos en la página de estilo de nuestro sitio de la siguiente forma:

#kwick .opt6 {
outline: 0; background: #000 url(../images/NuevaImagen.jpg);
border-right: 0;
}

y a continuación añadimos en el HTML de nuestro menú el link con su determinada clase:

<li><a class="kwick opt6" href="http://www.christiangl.com/" ></a></li>

Y eso es todo, aquí os dejo la dirección de una demo del funcionamiento del menú ;) .


AdsBlackList, Lista negra para Adsense

AdsBlackList es una página en donde su comunidad se encarga de gestionar una lista negra de anunciantes catalogados como MFA y/o LCPC para posteriormente los anunciantes de Adsense, poder aplicarlas en su filtro de anunciantes, aumentando el porcentaje de ganancias del editor.

AdsBlackList

Un sitio o anunciante MFA -Made for Adsense, Hecho para Adsense- es una página que no tiene contenido (o es casi inexistente) y la única finalidad es generar ingresos con la publicidad Adsense de la cuál se nutre al publicarse en la misma red, formando un círculo vicioso.

(más…)