Matteo Magni

Introduction to DevOps with Ansible

2016-12-16T00:00:00+00:00

Nell’ambito del progetto Officina Linux ho tenuto un webinar su come fare DevOps con Ansible. Ecco il video del webinar:

Le slide invece sono visibili a questo indirizzo:

http://magni.me/Introduction-to-DevOps-with-Ansible/

Introduction to DevOps with Ansible was originally published by Matteo Magni at Matteo Magni on December 16, 2016.

Lavorare con Grunt e Sass

2014-04-29T00:00:00+00:00

Lavorando con Sass si sente subito l’esigenza di avere un tool che ci generi in automatico i file .css, le possibilità sono tante, una di queste può essere l’uso di Grunt.

Per iniziare installiamo NodeJs:
su Ubuntu

$ apt-get install python-software-properties
 $ apt-add-repository ppa:chris-lea/node.js
 $ apt-get update
 $ apt-get install nodejs

su OSx

$ brew install node

Poi dobbiamo configurare le dipendenze npm:

$ npm init
$ npm install grunt --save-dev
$ npm install grunt-contrib-sass --save-dev
$ npm install grunt-contrib-watch --save-dev

A questo punto avremo un packeage.json simile a questo:

{
  "name": "my-project",
  "version": "0.0.1",
  "devDependencies": {
    "grunt": "^0.4.4",
    "grunt-contrib-sass": "~0.7.3",
    "grunt-contrib-watch": "~0.6.1"
  }
}

Per usare grunt da riga di comando dobbiamo installare Grunt Cli

$ sudo npm install -g grunt-cli

Installiamo Sass (necessità di Ruby installato)

$ sudo gem install sass

Configuriamo Grunt creando un Gruntfile.js così:

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        sass: {
            dist: {
                files: {
                    'styles/style.css' : 'sass/style.scss',
                    'styles/style-ie.css' : 'sass/style-ie.scss',
                }
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default',['watch']);
}

A questo punto quando lavoriamo ci basterà lanciare grunt ed avremo il watch sui sass che, appena modificati, verranno compilati dalla cartella sass e spostati nella cartella styles.

$ grunt

Lavorare con Grunt e Sass was originally published by Matteo Magni at Matteo Magni on April 29, 2014.

Forzare git ad utilizzare https

2013-10-10T00:00:00+00:00

Nel caso si voglia forzare git ad utilizzare sempre la connessione https, quando utilizza github, possiamo impostarlo attraverso questo comando.

git config --global url.https://github.com/.insteadOf git://github.com/

Forzare git ad utilizzare https was originally published by Matteo Magni at Matteo Magni on October 10, 2013.

San Zvan – Round Town | San Giovanni in Persiceto

2013-09-23T00:00:00+00:00

Vivo a San Giovanni in Persiceto ormai da un anno, ed ho subito cominciato a sentire l’esigenza di conoscere quali sono le molte realtà presenti sul territorio. Per fare ciò ho pensato potesse essere utile utilizzare le informazioni che, attraverso i vari social network, erano già presenti sul web.
Cominciare a seguire i vari profili pubblici poteva essere un inizio, ma mi è sembrato che potesse essere più interessante sviluppare una piccola WebApp che mi aiutasse ad aggregare tutte queste informazioni.
Ovviamente questa è stata un ottima scusa per mettere le mani su alcune tecnologie interessanti.
Per la parte Web App ho utilizzato:

La parte Web Service invece è sviluppata con:

Al momento l’applicazione è utilizzabile da web o installandola dal Google Play.

http://app.sanzvan.it

Il codice è disponibile su github ed è rilasciato sotto licenza GNU General Public License, Version 2.0.

Nel caso qualcuno volesse fare suggerimenti o contribuire al progetto può contattarmi a sanzvan(@)magni.me.

San Zvan – Round Town | San Giovanni in Persiceto was originally published by Matteo Magni at Matteo Magni on September 23, 2013.

Aggiungere un proprio namespace in Silex

2013-08-12T00:00:00+00:00

Se vogliamo aggiungere un nostro namespace personalizzato potendo caricare le classi attraverso l’autoloader dei Silex dobbiamo seguire questa procedura.

Creiamo la cartella per le nostre classi:

$ cd my-silex-project/src
$ mkdir NewNamespace

Creiamo la classe che vogliamo caricare:

$ vi src/NewNamespace/MyClass.php

Nella classe mettiamo il codice per registrare il nuovo namespace:

namespace NewNamespace;
class MyClass {
    public function __construct() {
  }
}

Aggiungiamo il nostro namespace al composer.json in modo che l’autoloader di Silex possa utilizzarlo:

{
  "require": {
      "silex/silex": "1.0.*@dev"
  },
  "autoload": {
      "psr-0": {
          "NewNamespace": "src/"
      }
  }
}

Lanciamo* composer* update

$ composer update

Ora possiamo utilizzare le classi del nostro namespace nel progetto Silex.

use Silex\Application;
use NewNamespace\MyClass;
require_once __DIR__.'/../vendor/autoload.php';
$app = new Application();
//add myclass
$app['myclass'] = function () {
    return new MyClass();
};

Aggiungere un proprio namespace in Silex was originally published by Matteo Magni at Matteo Magni on August 12, 2013.

Aggiornare il fork di un repository github dal repository originale

2013-08-09T00:00:00+00:00

Se abbiamo fatto un fork di un repository su github e vogliamo aggiornare il nostro repo con le modifiche fatte anche sul repo originale dobbiamo eseguire le seguenti operazioni:

Aggiungiamo l’url del repository originale nei remote

$ git remote add --track master openovate https://github.com/Openovate/eden.git

Verifichiamo che il repo sia stato aggiunto

$ git remote

Eseguiamo il fetch del repository originale, questo creerà un branch chiamato openovate/master

$ git fetch openovate

Eseguiamo il merge con il nostro master

$ git merge openovate/master

Mandiamo al nostro origin le nuove modifiche

$ git push origin master

Aggiornare il fork di un repository github dal repository originale was originally published by Matteo Magni at Matteo Magni on August 09, 2013.

Gestione dei processi di Windows da command line

2013-07-05T00:00:00+00:00

Ecco alcuni comandi utili per fermare/gestire i processi su macchine windows attraverso la command line, in modo simile a come si fa abitualmente su linux

Ottenere la lista dei processi:

tasklist /v

Fermare un processo in base al PID:

taskkill /f /pid 1234

Fermare un processo in base al nome:

taskkill /f /im java*

L’opzione /f serve per forzare l’interruzione del processo.

Gestione dei processi di Windows da command line was originally published by Matteo Magni at Matteo Magni on July 05, 2013.

Installare Apache Ant su Windows

2013-06-26T00:00:00+00:00

Apache Ant è un software molto utile per lo sviluppo in Java:

Apache Ant è un software per l’automazione del processo di build. È simile a make ma scritto in Java ed è principalmente orientato allo sviluppo Java. Ant è un progetto Apache, open source, ed è rilasciato sotto licenza Apache.

Per lo sviluppo su Android per esempio viene utilizzato Ant per gestire la build, ecco come installarlo su Windows:

Installare il Java Development Kit http://www.oracle.com/technetwork/java/javase/downloads/index.html

Aggiungere la variabile di ambiente JAVA_HOME, ad esempio

C:\Program Files\Java\jdk1.7.0_25

Aggiungere la variabile alla variabile di Ambiente PATH il percorso dei binari

%JAVA_HOME%\bin

Sacricare ANT in versione binaria http://ant.apache.org/bindownload.cgi

Estrarre lo zip in una cartella, esempio

C:\Ant

Impostare la variabile di ambiente ANT_HOME inserendo il percorso dove abbiamo scompattato ANT, esempio

C:\Ant

A questo punto per verificare che sia tutto ok apriamo una riga di comando e diamo il comando ant -version:

C:\Users\magnim>ant -version
Apache Ant(TM) version 1.9.1 compiled on May 15 2013

Se l’output non da errori vuol dire che Ant è installato correttamente.

Installare Apache Ant su Windows was originally published by Matteo Magni at Matteo Magni on June 26, 2013.

Reimpostare la password di root in Mysql

2013-06-20T00:00:00+00:00

Nel caso si voglia reimpostare la password dell’utente root di Mysql Server abbiamo due metodi:

Primo metodo

mysqladmin -u root -p password secret

secret sarà la nostra nuova password.
Per fare la modifica ci verrà però chiesta l’attuale password di root, quindi è necessario conoscerla.

Secondo metodo
Se ci fossimo dimenticati la password di root precedentemente impostata, la procedura da seguire è invece questa:

Prima di tutto dobbiamo fermare il servizio mysql.

service mysqld stop

Ora dobbiamo avviare il servizio, disabilitando i sistemi di autenticazione

mysqld --skip-grant-tables &

Aggiungendo l’opzione –skip-networking possiamo disabilitare l’accesso da remoto per evitare che qualcuno sfrutti questa temporanea apertura.

mysqld --skip-grant-tables --skip-networking &

Ora possiamo accedere a Mysql senza password:

mysql -u root mysql

Entrati nella shell di mysql settiamo la nuova password di root:

UPDATE user SET password=PASSWORD("newpassword") WHERE User='root';
FLUSH PRIVILEGES;

Ora riavviamo il processo mysql ed avremo la possibilità di accedere con la nuova password

service mysqld restart

Reimpostare la password di root in Mysql was originally published by Matteo Magni at Matteo Magni on June 20, 2013.

Installare Compass su Windows per utilizzare Sass

2013-06-03T00:00:00+00:00

Da poche settimane ho la “fortuna” di dover lavorare in ambiente Windows, quindi mi sto scontrando con la configurazione dell’ambiente di lavoro.

Ecco un piccolo howto per configurare Compass su windows al fine di lavorare con Sass:

Installare Ruby sulla macchina:

<http://rubyinstaller.org/downloads/>

Aprire il prompt di MS-DOS con Ruby

Installare le gemme

$ gem update --system
$ gem install compass

Verificare che compass sia installato correttamente lanciare il comando

ruby 2.0.0p195 (2013-05-14) [i386-mingw32]
C:\Users\magnim>compass -v
Compass 0.12.2 (Alnilam)
Copyright (c) 2008-2013 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

L’installazione è completa.

Compilare i .scss
Per generare i css lanciare da riga di comando:

C:\Users\magnim>compass compile --config compass.config.rb

Compass in background
Per avere compass che in background genera i css che vengono modificati lanciare da riga di comando:

C:\Users\magnim>compass watch --config compass-config.rb

Installare Compass su Windows per utilizzare Sass was originally published by Matteo Magni at Matteo Magni on June 03, 2013.

Migrare un repository da Svn a Git mantenendone la history dei commit

2013-05-02T00:00:00+00:00

Nel caso si voglia portare un repository svn su git mantenendone la history dei vari commit si può seguire questa procedura.

Installare git svn:

$ sudo aptitude install git-svn

Importare il trunk

Clonare con git il repo svn:

$ git svn clone -s http://url.com/myrepos

L’opzione -s va usata per specificare che il repo svn ha la struttura [trunk/branches/tags]

Creare il repository git remoto (per esempio su bitbucket o github).

Aggiungere il repository remoto:

$ git remote add origin https://ilbonzo@bitbucket.org/ilbonzo/myrepos.git

Fare push di tutto su origin:

$ git push -u --all origin

Gestione dei branches:

Lista dei branches importati da svn

$ git branch -r
FirstBranch
SecondBranch

Diciamo a git di tenere traccia di quei branch

$ git branch --track FirstBranch
$ git branch --track SecondBranch

Inviamo i branch sul repo remoto

$ git push -u --all origin

Finalmente il nostro codice è su git con tutti i vantaggi del caso.

photo by: Jon_Aquino

Migrare un repository da Svn a Git mantenendone la history dei commit was originally published by Matteo Magni at Matteo Magni on May 02, 2013.

Passare a Partita IVA, al @pugBologna

2013-02-21T00:00:00+00:00

Ecco le slide del talk fatto ieri sera al PugBologna da Hoang C. Huynh (@Aetheros) a cui ho partecipato come caso “umano” portando la mia esperienza di quattro anni di partita iva.

Passare a Partita IVA, al PUGBO from Hoang C. Huynh

Passare a Partita IVA, al @pugBologna was originally published by Matteo Magni at Matteo Magni on February 21, 2013.

PHP 5.3/5.4 features @pugBologna

2013-02-18T00:00:00+00:00

Ecco le slide del mio speech fatto al pugBo di gennaio sulle novità introdotte in PHP 5.3/5.4.

vedi le slide su github

Le slide sono fatte in HTML5 con il template di Google

PHP 5.3/5.4 features @pugBologna was originally published by Matteo Magni at Matteo Magni on February 18, 2013.

Playlist 2012

2013-01-14T00:00:00+00:00

Preso direttamente da Lastfm ecco l’elenco dei brani che ho ascoltato di più nel 2012.

1 Placebo – Running Up That Hill 102
2 The Cure – Just Like Heaven 95
3 The Cure – Lullaby 93
4 Alter Bridge – Watch Over You Ft. Cristina Scabbia 80
5 Social Distortion – California (Hustle And Flow) 73
6 The Cure – Friday I’m in Love 71
7 Alter Bridge – Broken Wings 67
8 Alter Bridge – Before Tomorrow Comes 66
9 Alter Bridge – Brand New Start 65
10 Alice in Chains – Nutshell 64
11 Alter Bridge – Come To Life 62
12 The Cure – Pictures of You 60
12 Seether – Fine Again 60
14 Alter Bridge – Open Your Eyes 56
15 The Cure – Boys Don’t Cry 53
16 The Cure – Close To Me 52

Per le statistiche grazie a lastfm, che purtroppo chiuderà in italia.

Playlist 2012 was originally published by Matteo Magni at Matteo Magni on January 14, 2013.

HTML5 e Css3 – WebMaster e WebDesigner

2012-12-21T00:00:00+00:00

Queste solo le slide per il modulo su HTML5 e Css3 utilizzate al corso per WebMaster e WebDesigner che sto tenendo in Synergia a Bologna.

| Get your SlideShare Playlist

HTML5 e Css3 – WebMaster e WebDesigner was originally published by Matteo Magni at Matteo Magni on December 21, 2012.

jQuery – WebMaster e WebDesigner

2012-11-06T00:00:00+00:00

Queste solo le slide per il modulo su jQuery utilizzate al corso per WebMaster e WebDesigner che sto tenendo in Synergia a Bologna.

| Get your SlideShare Playlist

jQuery – WebMaster e WebDesigner was originally published by Matteo Magni at Matteo Magni on November 06, 2012.

Javascript – WebMaster e WebDesigner

2012-10-23T00:00:00+00:00

Queste solo le slide per il modulo su Javascript utilizzate al corso per WebMaster e WebDesigner che sto tenendo in Synergia a Bologna.

| Get your SlideShare Playlist

Javascript – WebMaster e WebDesigner was originally published by Matteo Magni at Matteo Magni on October 23, 2012.

Web Usability – WebMaster e WebDesigner

2012-10-05T00:00:00+00:00

Queste solo le slide per il modulo sulla Web Usability utilizzate al corso per WebMaster e WebDesigner che sto tenendo in Synergia a Bologna

| Get your SlideShare Playlist

Web Usability – WebMaster e WebDesigner was originally published by Matteo Magni at Matteo Magni on October 05, 2012.

Scrivere un plugin per Trac

2012-07-20T00:00:00+00:00

Recentemente mi sta capitando spesso di dover mettere le mani su Trac, il gestore di progetti scritto in Python.
Ecco quindi un piccolo tutorial su come scrivere un plugin per questo sistema.

Creiamo le directory che conterranno il codice:

$ mkdir bonzo-plugin/
$ mkdir bonzo-plugin/bonzo/

Scriviamo il primo file, il quale conterrà il codice principale del plugin:

$ vim bonzo-plugin/bonzo/bonzo.py

Ecco il cuore del nostro plugin che semplicemente genera una nuova voce di menu “bonzo” che permette di aprire una nuova pagina di url [/bonzo].

# Bonzo plugin
import re
from genshi.builder import tag
from trac.core import *
from trac.web import IRequestHandler
from trac.web.chrome import INavigationContributor, ITemplateProvider
class BonzoPlugin(Component):
    implements(INavigationContributor, IRequestHandler, ITemplateProvider)
    # INavigationContributor methods
    def get_active_navigation_item(self, req):
        return 'Bonzo'
    def get_navigation_items(self, req):
        if 'TRAC_ADMIN' in req.perm: #QUESTO PERMETTE DI GESTIRE I PERMESSI DI QUESTO MENU
            yield ('mainnav', 'bonzo',
                tag.a('Bonzo', href=req.href.bonzo()))
    # IRequestHandler methods
    def match_request(self, req):
	if 'TRAC_ADMIN' in req.perm: #QUESTO PERMETTE DI GESTIRE I PERMESSI DI QUESTa pagina
        	return re.match(r'/bonzo(?:_trac)?(?:/.*)?$', req.path_info)
    def process_request(self, req):
        data = {}
        # This tuple is for Genshi (template_name, data, content_type)
        # Without data the trac layout will not appear.
        return 'bonzo.html', data, None
    # ITemplateProvider methods
    # Used to add the plugin's templates and htdocs
    def get_templates_dirs(self):
        from pkg_resources import resource_filename
        return [resource_filename(__name__, 'templates')]
    def get_htdocs_dirs(self):
        return []

Per poter visualizzare la pagina dobbiamo scriver il nostro template che utilizza Genshi come template language.

$ vim bonzo-plugin/bonzo/templates/bonzo.html

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude">
  <xi:include href="layout.html" />



    






  
    Bonzo
  



</html>

A questo punto dobbiamo inserire il tutto in un modulo e per ciò ci basta fare un semplice file di una riga.

$ vim /bonzo-plugin$ vim bonzo/__init__.py

# Bonzo module
from bonzo import *

Finito, ora non ci resta che fare deploy del plugin.
Creiamo il file di setup dove andiamo a mettere il nome del Plugin, la sua versione e andiamo ad settare quale sarà la directory contenente i templates.

$ vim bonzo-plugin/setup.py

from setuptools import find_packages, setup

# name can be any name.  This name will be used to create the .egg file.
# name that is used in packages is the one that is used in the trac.ini file.
# use package name as entry_points
setup(
    name='TracBonzo', version='0.1',
    packages=find_packages(exclude=['*.tests*']),
    entry_points = """
        [trac.plugins]
        bonzo = bonzo
    """,
    package_data={'bonzo': ['templates/*.html']},
)

Diamo il seguente comando per creare l’egg.

$ python setup.py bdist_egg

Se non ci sono errori ci ritroviamo una directory /dist con dentro un file .egg
Ora abbiamo due strade:

Installare direttamente il plugin nella istanza di trac
installare il plugin a livello di environment

Per il primo caso ci basta copiare il file .egg dentro la directory /plugins dell’istanza di Trac e riavviare il webserver.
Nel secondo caso, per installarlo nel virtual env posizionato in /var/trac-env, possiamo dare i seguenti comandi:

sudo mkdir /var/trac-env
cd /var/trac-env/
sudo virtualenv python
sudo /var/trac-env/python/bin/easy_install   http://svn.edgewall.org/repos/trac/tags/trac-0.11
sudo /var/trac-env/python/bin/easy_install dist/TracBonzo-0.1-py2.6.egg

Dopo aver riavviato il web server il plugin è disponibile nell’enviroment e basta attivarlo attraverso l’admin plugin.

Scrivere un plugin per Trac was originally published by Matteo Magni at Matteo Magni on July 20, 2012.

SEO e Web Marketing – WebMaster e WebDesigner

2012-07-17T00:00:00+00:00

Queste solo le slide per il modulo su SEO e Web Marketing utilizzate al corso per WebMaster e WebDesigner che sto tenendo in Synergia a Bologna

| Get your SlideShare Playlist

SEO e Web Marketing – WebMaster e WebDesigner was originally published by Matteo Magni at Matteo Magni on July 17, 2012.