Animate on linux command prompt gif

To Animate images (even simple ones) sometimes difficult to achieve, and not every one has 700.00 USD to pay for the adobe products or you just do not want to pay 20 USD for adobe cloud for a simple animation. Here you can find a note to know how to create .gif animation from the command prompt in linux (in my case Debian).

The first is to install imagemagick.

sudo apt-get install imagemagick

Them Go to the folder where you have the images to convert in the animate .gif  e.g.

cd /home/abel/img

After that you can convert all of your images to the size that you need for the animate slide show:

 mogrify -resize 640x480 *.png

If you have already done that with any other software like Gimp you can omit this step last step.

Then you actually animate .gif with this command:

convert -delay 20 -loop 0 *.png myimage.gif
Animate: Digital Experience Shop

Animate: Digital Experience Shop

Now; -delay 20 is the time to change the image, may be you need to add a different timing. Loop 0 is to repeat infinitely, if you want to do it just a few times you can change this value. *.png because all the images in the folder where I am are all .png, but you can do it also with jpeg. If you want to animate a complex image like this one. I mean animate every single element on this picture, I think you need to use something more complex but for simple animations like 2 or 3 logos rotating should be good enough.



CSS 3 to style a Symfony 2 project

CSS 3 and Symfony 2

CSS 3 and Symfony 2

Symfony 2 and CSS 3 is the subject of this how to. Styling a project can make the difference between buy or not to buy. so even if you have the best functional application, you need to css style it nicely to be able to attract people to it. We will go through styling your project from ground and also some additional tips that I have learn along my day to day work with Symfony 2.

Note: I have created a few more Symfony 2 posts, saying how to install a server and also about how to change a Symfony 2 project from development to production environment. our you can check all of my Symfony related posts here.

Well, when you are going to style a project the first thing is to add the style sheets. In Symfony 2 for instance in my base.html.twig (Find it in SymfonyProject/app/Resources/views) I has this in my header:

{% stylesheets 
 <link href="{{ asset_url }}" rel="stylesheet" media="screen" />
{% endstylesheets %}

Where @OsdRetireBundle is my @MyProjectMyBundle and then  /Resources/public/css/main.css is the path to the actual css style sheet. Now we have added the reference to a style sheet to the project. But the style sheet does not exist in our Symfony 2 project. So we create it, and for that we create the folder called public. If it does not exists in SymfonyProject/src/Osd/RetireBundle/Resources/public/css Osd is my project name, RetireBundle is the name of my bundle. We create it and  do the same also with css inside it. Then create your style sheet page in my case main.css. Now we have created our style sheet in Symfony 2 the rest is the same as any other css style sheet, I have this form:

<div id="search-box">
 <fieldset><legend>Select the search criteria</legend>
 {% block form_row %}
 {% spaceless %}
 <form action="{{ path('osd_retire_searchpage') }}" method="post" 
 {{ form_enctype(searchWorkerForm) }} >
 {{ form_row (searchWorkerForm._token) }}
 <div id="omang-label">
 {{ form_label(searchWorkerForm.omang) }} 
 {{ form_errors(searchWorkerForm.omang) }}
 {{ form_widget(searchWorkerForm.omang) }}
 {% if searchWorkerForm.workerTitle is defined %}
 <div id="title-worker">
 {{ form_label(searchWorkerForm.workerTitle) }}
 {{ form_errors(searchWorkerForm.workerTitle) }}
 {{ form_widget(searchWorkerForm.workerTitle) }} 
 {% endif %}
 <div id="name-worker">
 {{ form_label(searchWorkerForm.workerName) }}
 {{ form_errors(searchWorkerForm.workerName) }}
 {{ form_widget(searchWorkerForm.workerName) }} 
 <div id="surname-worker">
 {{ form_label(searchWorkerForm.workerSurname) }}
 {{ form_errors(searchWorkerForm.workerSurname) }}
 {{ form_widget(searchWorkerForm.workerSurname) }} 
 <div id="Worker-status">
 {{ form_label(searchWorkerForm.aIdWorkerStatus, 'Worker Status') }}
 {{ form_errors(searchWorkerForm.aIdWorkerStatus) }}
 <div id="status-worker">{{ form_widget(searchWorkerForm.aIdWorkerStatus) }}</div> 
 <div id="birthday">
 {{ form_label(searchWorkerForm.birthDay) }}
 {{ form_errors(searchWorkerForm.birthDay) }}
 <div id="worker-birthDay">{{ form_widget(searchWorkerForm.birthDay) }}</div>
 <div id="Date-of-employment">
 {{ form_label(searchWorkerForm.dateOfEmployment) }}
 {{ form_errors(searchWorkerForm.dateOfEmployment) }}
 <div id="first-appointment">{{ form_widget(searchWorkerForm.dateOfEmployment) }}</div>
 <div id="File-number">
 {{ form_label(searchWorkerForm.fileNumber) }}
 {{ form_errors(searchWorkerForm.fileNumber) }}
 <div id="fine-number-field">{{ form_widget(searchWorkerForm.fileNumber) }}</div> 
 <div id="form-submit">
 {{ form_widget( }}
 {% endspaceless %} 
 {% endblock form_row %}

Note: Of curse this is not the only content of the project.

And the style for it are these:

html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
 font-family: Tahoma, Geneva, sans-serif;
html, body {
body {
 padding: 0 2em; 
 background-size: cover;
/*background-size: cover;*/
 background: #86c9f5 no-repeat ;
/* IE10 Consumer Preview */ 
 background-image: -ms-linear-gradient(top, #589ac4 0%, #000000 100%);
/* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #589ac4 0%, #000000 100%);
/* Opera */ 
 background-image: -o-linear-gradient(top, #589ac4 0%, #000000 100%);
/* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom
 , color-stop(0, #589ac4), color-stop(1, #000000));
/* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #589ac4 0%, #000000 100%);
/* W3C Markup, IE10 Release Preview */ 
 background-image: linear-gradient(to bottom, #589ac4 0%, #000000 100%);
table {/* tables still need 'cellspacing="0"' in the markup */
 border-collapse: separate;
 border-spacing: 0;
caption, th, td {
 font-weight: normal;
 text-align: left;
a img {
 border: 0;
#separator {
 padding: 0.5em;
 background-color: #fff;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 -khtml-border-radius: 20px;
 border-radius: 20px;
 padding-top: 2em;
 padding-bottom: 2em;
 text-align: center;
 position: relative;
 a:active {
 color: #1982d1;
 /*font-weight: bold;*/

/* Headings */
h1,h2,h3,h4,h5,h6 {
 clear: both;
/*Site title, titulo del sitio*/
#site-title {
 text-align: right;
 padding-bottom: 0.1em;
 padding-right: 1em;

#site-title a {
 color: #660066; /*#ED6464*/
 font-size: 24px;
 font-weight: bold;
 line-height: 28px;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
#page-title div{
 float: left;
 width: 10em;
 text-align: right;
 clear: left;
 margin-right: 5px 
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
 color: darkblue; /*#1982d1*/

 padding-bottom: 1em;
 text-align: center;
#nav a{
 color: crimson;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 17px;
#nav a:hover,
#nav a:focus,
#nav a:active {
 color: #1982d1;
 font-weight: bold;

#footer-area a {
 color: #CCCCCC;
 text-decoration: none;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 12px;
#footer-area a:hover,
#footer-area a:focus,
#footer-area a:active {
 color: #1982d1;
 font-weight: bold;

 background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
 background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
 background: -webkit-linear-gradient(#CCCCCC, #EEEEEE);
 margin: auto;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 13px;
 line-height: 24px;
 color: #09C;
 text-decoration: none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 border: 1px solid #999;
 border: inset 1px solid #333;
 -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 position: relative;
 width: 85%; 
fieldset {
 text-align: center;
form label {
 float: left;
 width: 40em;
 text-align: right;
 clear: left;
 margin-right: 15px;
input {
 display: block;
 margin:5px 0;
#worker-title {
 width: 46em;
 margin:5px 0; 
#status-worker {
 float: left;
 margin:5px 0; 
 float: left; 
 float: left;
#first-appointment {
 float: left; 
#fine-number-field {
 float: left;
#form-submit {
#search-results {
 width: 100%; 
 margin: 0 auto;
Symfony 2. Retirement system search

Symfony 2. Retirement system search

The end result is the for as shown in the next image.

This is it for today, as you might have appreciated creating styles in Symfony 2 is very possible.

Thank you for your time.

GLPI for technical support, the free tickets System.

GLPI Statistic Charts

GLPI Statistic Charts

GLPI is a free Tickets System distributed under GNU/GPL license. But When do you need a ticket system like this? This is one of the biggest challenges of the technical support  companies or technical support teams. If they have to deal with many customers and the response times are critical. To be able to track, follow and organize the work of the different technicians that are supposed to do the actual job. In this scenario the paper work always becomes a challenge, accessibility, loose of information, spell and writing errors, individual and collective statistics, reporting, etc.

This GLPI post is part of the promised series of business automation solutions, so far I have this post and the one about GPS Fleet tracking. And also you can take a look about Using Linux servers for network infrastructure.

In the other hand if the information is in digital format. It can be backed up easily. And if the system is web based like GLPI you can access it from any Internet connection. And the rest depends on every one’s needs. You can have fancy charts that are easier to read. Reports about the performance of the team on a particular employee, etc.

Now you can read about the GLPI project official features here. From my point of view the most important features are:

  1. OCS inventory integration module. This is a project to automate the inventory of computers. Integratin GLPI with OCS You receive information about your computers every day and can have statistics about your inventories easily. and also asing job to a specific computer or guess out how many ram memories your company is going to need in one year based on historical information. I am going to create an other post about OCS in the near future.

    GLPI central console

    GLPI central console

  2. Easily extensible through your own plugins. You just need to know some programming and understand GLPI. and you can develop your own piece of software to work with it.
  3. A reach statistical module with very self explainable graphics.
  4. A robust security module.
  5. Facility to track workers behavior.
  6. Contact management.
  7. Budget management.
  8. E-mail automated reminder or adviser.
  9. Knowledge base

GLPI has a lot other functionality. But those are the ones I have been using and enjoying  more along a few years. Now the system requirements are PHP5.2, a web server like apache, IIS or other and MySQL server 5. As you might have notice already if you know these technologies, the system is multiplatform and it can work under windows Linux or any other system always that you can meet it’s requirements.

Thank you guys for reading this. If you want to maintain your own server and have questions, feel free to ask here. If you are looking for someone someone to do it, check out this sample list of figures and prices.






Useful Notes as a solution to punctual problems

I tend to forget where I find the solution for my problem very often, so I will start recording some of the solutions that I find for my different problems, if any one find this list some how interesting or useful in the future please consider leaving a comment or suggest other useful information that you have found in internet:

  1. Move a Symfony 2 Project to production environment in Linux as a solution. Abel Guzman, post: 2013-11-08
  2. Creating entity relationship with Symfony 2 and Doctrine 2. Official Documentation: Symfony; The Book, 2013-11-08
  3. Git hub getting started. I have created my first project in Git hub, for that I have followed this guide in the official page and it worked for me to create on file but then it was impossible for me to upload a whole project and to modify that project so I asked here. Not it is working. 2013-11-22
  4. On Debian 5, 6 and 7 to execute a command at start-up (boot) you can save the command in /etc/rc.local. I have used it for instance to start a headless Virtualbox Virtual Machine and it works perfectly. any way this subject requires more investigation. probably in the future I will write a post about it.
  5. I am learning python and this website, has been useful.
  6. to install a proper development environment in python you need pip, distribute, nose, virtualenv. on 2014-03-31
  7. Install Debian 7 using expert mode. On 2014-10-29.
  8. Routing on different systes. This article is good, even when it has an exact copied paragraph from Wikipedia.