Generando un screencast en Ubuntu 12.04

Una imagen vale mas que mil palabras, dicen por ahí, y una forma popular hoy en día de mostrar como hacer algo en un pc es por medio de un screencast. Esta técnica lo que hace es capturar imágenes de la pantalla para al final podamos verlo unido en una secuencia. Para linux hay varios productos, yo hoy les mostrare recordmydesktop que es un software de linea de comandos pero que tiene dos frontend, uno basado en gtk (el que les mostrare) y otro basado en qt.

Usare Ubuntu 12.04 y al final lo convertiré de ogv a mpg para poderlo subir a youtube.

La pagina oficial de este software esta en este URL.

-Instalamos desde consola.

sudo apt-get install gtk-recordMyDesktop recordMyDesktop mencoder

-Lo ejecutamos como gtk-recordmydesktop y nos sale una pequeña ventana con una copia de lo que hay detrás en ese momento además de un botón rojo en nuestra barra de notificaciones cerca del reloj. Le damos click al botón Advanced

-Botón en la barra de notificaciones.

-Por default las imágenes temporales las guardara en /tmp y podemos darle la opción de sobre escribir las que ya estén ahí en caso de reiniciar la captura.

-Cambiamos a 30 cuadros por segundo, a tener en cuenta que a mayor cantidad de cuadros, mayor espacio en disco ocupara.

-Aquí configuramos el canal de audio a usar si vamos a grabar con una narración nuestra, por ejemplo.

-Mas opciones, recomiendo dejar los defaults.

-Para comenzar a grabar damos click en el botón rojo y elegimos la opción Record.

-Al terminar damos click nuevamente en el botón rojo, esta vez en forma cuadrada pero en la opción Stop. Nos sale esta ventana donde se nos advierte que si damos click a Cancel no se podrá reanudar este trabajo y se perderá lo hecho.

-Ejecutamos en consola mencoder para convertir ogv a jpg. Por default recordmydesktop dejara un archivo out.ogv en nuestro directorio. En este ejemplo convertiré out.ogv en video.mpg.

mencoder out.ogv -o video.mpg -ovc lavc -oac lavc
MEncoder svn r34540 (Ubuntu), built with gcc-4.6 (C) 2000-2012 MPlayer Team

WARNING: OUTPUT FILE FORMAT IS _AVI_. See -of help.
success: format: 0  data: 0x0 - 0xe2b821
libavformat version 53.21.0 (external)
Mismatching header version 53.19.0
libavformat file format detected.
[ogg @ 0xb6ad3f00]max_analyze_duration reached
[lavf] stream 1: video (theora), -vid 0
VIDEO:  [theo]  1280x1024  0bpp  30.000 fps    0.0 kbps ( 0.0 kbyte/s)
[V] filefmt:44  fourcc:0x6F656874  size:1280x1024  fps:30.000  ftime:=0.0333
libavcodec version 53.35.0 (external)
Mismatching header version 53.32.2
Opening video filter: [expand osd=1]
Expand: -1 x -1, -1 ; -1, osd: 1, aspect: 0.000000, round: 1
==========================================================================
Opening video decoder: [ffmpeg] FFmpeg's libavcodec codec family
Selected video codec: [fftheora] vfm: ffmpeg (FFmpeg Theora)
==========================================================================
Movie-Aspect is 1.25:1 - prescaling to correct movie aspect.
videocodec: libavcodec (1280x1024 fourcc=34504d46 [FMP4])
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.
Pos:   0.1s      2f (10%)  0.00fps Trem:   0min   1mb  A-V:0.000 [0:0]
[VD_FFMPEG] DRI failure.
Pos:  41.8s   1253f (100%) 39.05fps Trem:   0min   4mb  A-V:0.000 [926:0]

Flushing video frames.
Writing index...
Writing header...
ODML: Aspect information not (yet?) available or unspecified, not writing vprp header.

Video stream:  926.597 kbit/s  (115824 B/s)  size: 4837607 bytes  41.767 secs  1253 frames

-Ya tenemos listo el fichero video.mpg para subir a nuestra cuenta de youtube.

Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.

Disfrútenlo

Como agregar AddShoppers a Opencart

En este competido mundo del comercio online cada vez hay que innovar mas, dar valor agregado y manejar formas de fidelizar al cliente. Hoy les mostrare una de estas formas, por medio de AddShoppers daremos descuentos a nuestros clientes en Opencart mientras hacemos publicidad por el voz a voz de las redes sociales.

La instalacion se hara en el tema default de opencart, en caso de usarse otro tema, cambiar la palabra default por el nombre del tema. Ya debemos tener registrada una cuenta gratuita en addshoppers.

-Agregamos el codigo de addshoppers antes de </body></html> aquí resaltados en rojo.

vi  catalog/view/theme/default/template/common/footer.tpl

<script type="text/javascript">

AddShoppersTracking = {

image: '' // add URL for custom product image (RECOMMENDED if not using Product Schema)

};

var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';

js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#38475634848d15fc523834786';

document.getElementsByTagName("head")[0].appendChild(js);

</script>

</body></html>

Salimos guardando.

-Instalamos los botones reemplazando los de Addthis

vi catalog/view/theme/default/template/product/product.tpl

Reemplazamos:

<!-- AddThis Button BEGIN -->
          <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div>
          <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Con este código:

<div class="share-buttons share-buttons-panel" data-style="medium" data-counter="true" data-oauth="true" data-hover="true" data-buttons="twitter,facebook,pinterest"></div>


Salimos guardando.

-Instalamos ROI Tracking en el segundo if y antes de cart->clear(); aqui resaltados en rojo.

vi catalog/controller/checkout/success.php

if (isset($this->session->data['order_id'])) {
                        $this->session->data['AddShoppersAmount'] = $this->cart->getTotal();

                        $this->session->data['AddShoppersOrderID'] = $this->session->data['order_id'];
                        $this->cart->clear();

Salimos guardando y editamos success.tpl agregando el código ROI antes del código resaltado en rojo teniendo cuidado de agregar el código en verde, en el codigo generado no se incluye completo.

vi catalog/view/theme/default/template/common/success.tpl

<script type="text/javascript">
AddShoppersConversion = {
        order_id: <?php echo $this->session->data['AddShoppersOrderID']; ?>,
        value: <?php echo $this->session->data['AddShoppersAmount']; ?>
  };
  var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
  js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#506281848d15fc5238fa9010';
  document.getElementsByTagName("head")[0].appendChild(js);
  </script>
  <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>

Salimos guardando.

-Agregamos botones de facebook

vi catalog/view/theme/default/template/common/header.tpl

<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>"xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta property="og:type" content="addshoppers:product" />

Con esto ya nos quedan listos los botones, solo es que agregues el porcentaje o valor a dar en cupones en tu cuenta de addshoppers y te aparece asi.

Otro ejemplo

Al dar click a un botón, nos sale este aviso, compartimos y se nos muestra el cupón de descuento ya creado y activo en opencart

Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.

Disfrútenlo

Como instalar paso a paso PrestaShop 1.5 en Centos 6.3

La pasada semana lanzaron la version 1.5 de PrestaShop, un software opensource para colocar tu tienda online, cada vez mas sencillo de manejar y con mas funcionalidades, es una una buena opcion para comenzar a vender tus articulos en la red.

server: 192.168.1.132

-Descargamos PrestaShop desde http://www.prestashop.com/en/download. Agregamos los idiomas deseados, por default esta activo Ingles.

-Descomprimimos, en este ejemplo /var/www/html/ps/

-Descargamos dependencias

wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/mcrypt-2.6.8-3.el6.i686.rpm

wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/libmcrypt-2.5.8-9.el6.i686.rpm

wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/x86_64/mhash-0.9.9.9-3.el6.i686.rpm

wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/debug/php-extras-debuginfo-5.3.3-1.el6.i686.rpm

wget -c ftp://ftp.pbone.net/mirror/rpms.famillecollet.com/enterprise/6/test/i386/php-mcrypt-5.4.7-1.el6.remi.i686.rpm

wget -c http://dl.fedoraproject.org/pub/epel/6/i386/epel-release-6-7.noarch.rpm

-Instalamos dependencias

rpm -vi http://rpms.famillecollet.com/enterprise/remi-release-6.rpm 

rpm -vi epel-release-6-7.noarch.rpm

yum --enablerepo=remi install php-mcrypt php php-common php-pdo php-cli php-mysql php-gd php-xml libtool-ltdl

rpm -vi mhash-0.9.9.9-3.el6.i686.rpm mcrypt-2.6.8-3.el6.i686.rpm php-extras-debuginfo-5.3.3-1.el6.i686.rpm

-Reiniciamos apache

service httpd restart

-Instalamos MySQL

yum --enablerepo=remi install mysql mysql-server

-Iniciamos el servicio de mysql

service mysqld start 

chkconfig mysqld on

-Colocamos password al usuario root de mysql. Coloque su contraseña reemplazando new-password

/usr/bin/mysqladmin -u root password 'new-password' 

/usr/bin/mysqladmin -u root -h veps.example.com password 'new-password'

-Creamos una db para prestashop

mysql -u root -p 

Enter password: 

Welcome to the MySQL monitor. 

Commands end with ; or \g. 

Your MySQL connection id is 2 

Server version: 5.5.27 MySQL Community Server (GPL) by Remi Copyright (c) 2000, 2011, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. 

Type 'help;' or '\h' for help. 

Type '\c' to clear the current input statement. 

mysql> create database prestashop; 

Query OK, 1 row affected (0.01 sec)

mysql> exit; 

Bye

-Instalamos por medio de un browser apuntando a http://192.168.1.132/ps/

-El instalador verifica que tengamos los requerimientos instalados y configurados, en caso de no ser así, debemos instalar lo que falte y volver a chequear este paso.

-Configuramos la db mysql y le damos click al botón Verify now!

-Si todo esta ok, podemos continuar

Los retoques finales incluyen el nombre de la tienda, si instalamos o no ejemplos (recomendable si no haz usado antes prestashop para aprender), zona horaria, país, el logo, el nombre del dueño o encargado, email y encargado. Ya con todo esto, damos click en Siguiente.

-El sistema termina la instalación.

-Ya tenemos nuestra tienda, aunque aun nos falta algo

-Eliminamos la carpeta install y renombramos la carpeta admin(escribimos cualquier palabra)

rm -rf /var/www/html/ps/install/
mv /var/www/html/ps/admin /var/www/html/ps/_98$43admin

-Nos logeamos a la interfaz administrativa en http://192.168.1.132/ps/_98$43admin

-Así se ve la primera vez la interfaz de admin

-Y esta es nuestra tienda

Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.

Disfrútenlo