Editando apunte: Postales digitales

Editando apunte: Postales digitales cerrar apuntes

ID: 23 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Caricatos, Vicisitudes de un Webmaster, Artes y oficios, Programación
Etiquetas: amigos, autor, diseño, imágenes, javascript, postales, sociedad, webmaster
Extras: amigos, autor, diseño, imágenes, javascript, postales, sociedad, webmaster
apunte: - - - - - - - -

<p>
	[rss]Recuerdo que después de recibir un mensaje privado en los <a href="http://www.forosdelweb.com">foros del web</a>, para pedirme algún dibujo para un proyecto de página de envíos de postales digitales, se me ocurrió desarrollar un sistema que permitiera personalizar esas mismas postales y luego enviarlas.
El mensaje en cuestión es este: <a href="http://www.forosdelweb.com/f4/postales-102154/">Postales</a>.[/rss]
</p>

<div class="imagen" style="top: 0px; left: 0px; width: 192px; height: 144px; position: absolute">
		<img src="postales/Fondos/FONDO005.gif" title="postales/Fondos/FONDO005.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 85.6px; left: 146.8px; width: 29.6px; height: 32px; position: absolute">
		<img src="postales/Musicales/Imagen1.gif" title="postales/Musicales/Imagen1.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 92.8px; left: 16px; width: 26.4px; height: 35.6px; position: absolute">
		<img src="postales/Musicales/Imagen2.gif" title="postales/Musicales/Imagen2.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 79.2px; left: 84.8px; width: 25.2px; height: 30.8px; position: absolute">
		<img src="postales/Musicales/Imagen3.gif" title="postales/Musicales/Imagen3.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 94.4px; left: 97.2px; width: 50px; height: 41.6px; position: absolute">
		<img src="postales/Musicales/Imagen4.gif" title="postales/Musicales/Imagen4.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 102px; left: 162.4px; width: 25.2px; height: 31.6px; position: absolute">
		<img src="postales/Musicales/Imagen5.gif" title="postales/Musicales/Imagen5.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 97.6px; left: 133.6px; width: 30.4px; height: 42px; position: absolute">
		<img src="postales/Musicales/Imagen6.gif" title="postales/Musicales/Imagen6.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="imagen" style="top: 91.6px; left: 57.6px; width: 39.6px; height: 38.4px; position: absolute">
		<img src="postales/Musicales/Imagen7.gif" title="postales/Musicales/Imagen7.gif" style="width: 100%; height: 100%" alt="dibujo"/>
	</div>
	<div class="texto" style="top: 18.8px; left: 53.2px; width: 95.6px; height: 28.4px; position: absolute">
		<div style="font-family: 'Trebuchet MS'; color: #ff00ff; font-style: oblique; font-weight: 900; text-align: center; font-size: 11.2px" title="texto">
			Postal Digital
		</div>
	</div>
	<div class="texto" style="top: 18px; left: 52.4px; width: 95.6px; height: 28.4px; position: absolute">
		<div style="font-family: 'Trebuchet MS'; color: #0000ff; font-style: oblique; font-weight: 900; text-align: center; font-size: 11.2px" title="texto">
			Postal Digital
		</div>
	</div>
</div>

<p>
	Puede apreciarse que el proyecto es de hace casi diez años, pero aún no he visto nada parecido en ningún otro sitio desde entonces. Existen muchos servicios de envíos de postales pero en ninguno de los casos pueden personalizarse de una forma más sencilla e intuitiva; simplemente buscamos en la galería que corresponda la imagen que se ajuste a nuestra idea y con un doble click del ratón la insertamos en la zona de edición de la página donde con pocos movimientos y clicks del ratón la acomodamos a nuestro gusto.
</p>
<p>
	Una característica en la edición que tiene mucha importancia, es la vista en miniatura de los elementos que seleccionamos junto con sus propiedades: en las imágenes, su posición y dimensiones; y en los textos también otras propiedades como tipo, tamaño, grosor, estilo, color y alineado.

</p>
<p>
	Hemos modificado muy poco la página original, pero para adaptarla a este diario tuvimos que retocarla un poco, y los beneficios intentaremos enumerarlos a continuación.
</p>
<h3 class="subtitulo">
	Mejorando lo presente
</h3>
<p>
	Para poder reutilizar y reeditar cada postal, hemos dedicado una tabla en nuestra base de datos, en ella por el momento hemos guardado la lista de elementos (imágenes y textos), junto con el color de fondo de la postal y un identificador (id) para recuperarla y editarla; en el futuro añadiremos la posibilidad de ingresar otros datos para su clasificación.
</p>
<p>
	Para poder escalar los elementos guardamos los valores absolutos de posicionamiento y tamaño; multiplicando esos valores por el factor de escala (en el caso de la miniatura que acompaña este apunte, el factor es 0.4), y en los textos también aplicamos ese factor al tamaño de las letras.
</p>
<p>
	El <a href="postales/index.html?PHPSESSID=4r3324ce5n445ks7jg0hblr966">editor de postales</a> puede usarse para reeditar alguna de las guardadas en la tabla correspondiente simplemente pasándole su id como parámetro, en este caso: <a href="postales/postales.php?id=1&PHPSESSID=4r3324ce5n445ks7jg0hblr966">postales/postales.php?id=1</a>.
</p>

<h3 class="subtitulo">
	Próximamente...
</h3>
<p>
	Hemos añadido una opción en el sistema que permitirá compartir esas postales que enviemos, lo que nos ayudará a incrementar el número de postales prediseñadas.
También esperamos implementar una galería agrupando esas postales prediseñadas por categorías, tal como puede encontrarse en otros sitios que ofrecen servicios de envíos similares.
</p>
<p>
	En breve también mejoraremos la sección de postales en miniatura de esta misma página.
</p>
<br/>
<p>
	<img src="dibujos/miemoticon.gif" alt="yo" style="float: right"/>
	Solo queda esperar que disfruten de la aplicación.
</p>
<br/>

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación