I have recently purchased a new server from SYS (an OVH subcompany), but, after the server was activated, there was no option available for installing Esxi. It seems like they decided to remove it completely from their SYS lineup. There was also no option for installing a modern windows server (only Windows Server 2008 was available), so hyper v was no an option. I could use proxmox or xenserver but, as you might know, veeam doesn't support other os than esxi and hyperv. Changing from Veeam to something different, such as Acronis was not an option. I don't have enough time.

I started looking on the web about how to install Esxi from the rescue mode.. but nothing found, so I decied to write a guide about it (if I was able to install it, of course).

Installing ESXI from rescue mode

First of all you need to boot the server in rescue mode, just go to your sys control panel and select boot options -> rescue mode. Note that, in order to login to the resuce mode, you need to add an SSH key to your account.

You will also need to have an Esxi ISO. You can download it from the vmware website.

Once the rescue mode booted, login as root and type this command:

kvm -machine pc-i440fx-2.1 \
  -cpu host \
  -smp cpus=2 \
  -m 4096 \
  -hda /dev/sda\
  -cdrom VMware-VMvisor-Installer-6.5.0-4564106.x86_64.iso \
  -vnc :1 \
  -net nic -net user,hostfwd=tcp::80-:80,hostfwd=tcp::443-:443,hostfwd=tcp::2222-:22

Replace the path of the iso with the actual path of the esxi image you have download. I also tried installing esxi 6.7 but it didn't booted up, maybe beacuse of a driver issue. Feel free to try, maybe it will work.

This command will start a VM using the first drive (/dev/sda) as main drive (forwarding also port 80, 443 and 2222->22 on the host network).

You can now use any VNC-capable app to connect to the remote vm. Connect to the port :5901 and install Esxi.

Once the install is completed reboot the vm and enable SSH remote access (inside esxi), you will need to connect to it to configure the host network.

I changed this settings from the esx.cfg file:

/adv/Net/ManagementAddr = "<server public ip>"
/adv/Net/ManagementIface = "vmk0"
/adv/Misc/HostIPAddr = "<server public ip>"
/adv/Misc/HostName = "<server hostname>"
/net/pnic/child[0000]/name = "vmnic0"
/net/pnic/child[0000]/mac = "<server mac address>"
/net/routes/kernel/child[0000]/gateway = "<server public ip with last number changed to 254>"
/net/vmkernelnic/child[0000]/name = "vmk0"
/net/vmkernelnic/child[0000]/enable = "true"
/net/vmkernelnic/child[0000]/tags/1 = "true"
/net/vmkernelnic/child[0000]/ipv4broadcast = "<server public ip with last number changed to 255>"
/net/vmkernelnic/child[0000]/dhcpv6 = "false"
/net/vmkernelnic/child[0000]/dhcpDns = "false"
/net/vmkernelnic/child[0000]/netstackInstance = "defaultTcpipStack"
/net/vmkernelnic/child[0000]/dhcp = "false"
/net/vmkernelnic/child[0000]/mac = "<server mac address>"
/net/vmkernelnic/child[0000]/routAdv = "false"
/net/vmkernelnic/child[0000]/ipv4netmask = "255.255.255.0"
/net/vmkernelnic/child[0000]/portgroup = "Management Network"
/net/vmkernelnic/child[0000]/ipv4address = "<server public ip>"
/vsan/faultDomainName = ""
/vsan/faultDomainVersion = "2"
/vmkdevmgr/logical/pci#p0000:00:1f.2#0/alias = "vmhba0"
/vmkdevmgr/pci/p0000:03:00.0/alias = "vmnic0"
/vmkdevmgr/pci/p0000:00:1f.2/alias = "vmhba0"

Now shutdown the vm and reboot the server booting from the local hard drive. If everything is fine in a few minutes you should be able to ping your server. If you can't ping the server reboot to rescue mode, restart the vm (also without the -cdrom flag, you don't need it anymore) and check the logs. You should find why the network start didn't work.

Feel free to ask me more details sending me an email at andrea@ruggiero.top.

Settimana scorsa si è svolta in tutto il mondo la Global Game Jam 2019, io ho partecipato insieme al mio gruppo, Team 10, nel Jam Site di Milano, precisamente nell'edificio 26, aka mensa, del Politecnico di Milano.

Il tema principale, che ora possiamo rivelare, è: "Cosa 'casa' significa per te?", o in inglese "What home means to you?". Un tema sicuramente molto più complesso rispetto al tema "tramissione" dello scorso anno. Casa più significare tutto, dalla "famiglia" al "riposare", se non addirittura il "bagno". Sono bastate poche ore perchè ci rendessimo conto di non riuscire a realizzare un gioco con un significato profondo, ognuno di noi ha una propria idea di casa, è impossibile accomunarle tutte ad un solo concetto. Abbiamo quindi deciso di preparare qualcosa di definitivamente più concreto è meno profondo, potremmo anche dire ai limiti del trash.

La casa di un sito web è rappresentata dalla sua homepage, ed è questo l'obbiettivo del nostro videogame.

You are browsing the web and you find yourself blocked in a webpage with no return button. What will you start looking for? Maybe you'll start searching for a "Home" button... and that's when the game start. You'll find yourself (as a chicken :P) blocked at the bottom of the page and you'll need to start jumping around to reach the home button. Once you get there, you will be redirected to the home page you were looking for!

Nonostante l'innata stupidità del gioco, ci siamo resi conto che giocarci riesce a fare uscire qualche sorriso, soprattutto perché la difficoltà del gioco è rappresentata dalle pagine web, che, a volte, riescono a rendere impossibile raggiungere la homepage. Immaginatevi un sito web con nel mezzo un'immagine full-width molto alta, il protagonista di Cock O' The non sarà mai in grado di superarla. Abbiamo aggiunto le uova-bomba così da dare un boost al personaggio per superare degli spazi più lunghi ma, a volte, ciò non basta. In questi ultimi casi l'unica soluzione è andare a modificare la sorgente della pagina tramite ispeziona elemento, ovviamente tutto in meno di 60 secondi. Infine, per aggiungere un'ulteriore complicazione abbiamo dato una vita alle componenti della pagina, dopo un tempo casuale cadranno e non ti permetteranno più di salire. Vi auguro buona fortuna a risalire un sito con infinite-loading!

Adesso addentriamoci nella sezione tecnica di questo gioco che, per deformazione professionale, risulterà ovviamente essere la più interessante.

Il gioco si tratta di un'estensione Chrome sviluppata in ES7 e pacchettizzata con Webpack e Babel.

Individuazione della homepage

Un componente del gioco si occupa di individuare le candidate homepage della pagina web. Attraverso delle query XPath riesce a trovare tutto ciò che assomiglia ad una homepage e lo sostituisce con un trigger del gioco. Ovviamente nei casi in cui la homepage non si tratti di un vero e proprio link ma di un wrapper che linka alla homepage tramite javascript il componente non è in grado di individuarlo.

Parsing della pagina

Il parsing della pagina avviene non appena il gioco inizia. Il parser svolge una funzione fondamentale: individua le componenti della pagina su cui il personaggio potrà saltare. Per far ciò cerca tutti i paragrafi, le intestazioni, le immagini, i link, etc. e applica ad essi diverse trasformazioni bloccando così quelli che hanno una width larga tutta la pagina. Una delle trasformazioni più importanti è sicurezza l'inserimento di tutti i testi in uno span wrapper così che il contenitore occupi solo la larghezza del testo stesso.

Rendering e gestione eventi

Abbiamo deciso di affidarci all'engine del browser per gestire il movimento del personaggio, non abbiamo quindi fatto uso dei canvas. Questa decisione è stata dettata dal poco tempo a disposizione, non avremmo fatto in tempo a realizzare un engine in meno di 48 ore. Il rerendering della pagina è quindi collegato al numero di tick per secondo che il gioco esegue. Abbiamo impostato questo valore a 60 per dare una maggiore fluidità, a discapito di una maggiore pesantezza del gioco stesso. Ogni sessantesimo di secondo il componente Ticker chiama la funzione tick() di tutti i componenti ad esso registrato, i quali verificano il tempo, muovono il personaggio, aggiornano la ui, gestiscono lo sparo, etc.

Multiplayer

Non abbiamo avuto tempo per implementare un motore di rendering efficiente ma abbiamo deciso di provare ad implementare un multiplayer. Nel giro di poche ore abbiamo abbandonato quest'idea pazza, soprattutto quando ci siamo resi conto che permette a due giocatori di giocare sulla stessa pagina web anche con dimensioni della scheda diversa era impossibile, se non applicando strane trasformazioni alla pagina. Ad ogni caso è possibile provare il multiplayer in modalità sviluppo. Abbiamo realizzato un mini web-socket server con socket.io che non fa altro che broadcastare a tutti i client collegati le posizioni dei vari player, il gioco renderizza i player nella posizione che riceve. Ovviamente non è in alcun modo sicuro o funzionante, è solo uno scratch.

Sorgente

Tutto il sorgente è disponibile su GitHub a questo indirizzo: https://github.com/pupaxxo/cock-o-the.

Non esistate a contattarmi al mio indirizzo email per qualsiasi altra informazione: andrea@ruggiero.top

Settimana scorsa si è svolta la prima edizione di Hack the Cloud, un hackathon organizzato dal GARR insieme all'università Milano-Biccoca per incentivare l'utilizzo di tecnologie cloud come Openstack e Kubernetes.

Lo scopo dell'hackathon era quello di realizzare in meno di 8h un progetto per una Smart City che integrasse gli OpenData e la rete cloud del GARR.

Roadsense

Il nostro progetto (Roadsense) si basa sull'applicazione di sensori intelligenti sui mezzi di trasporto pubblico di superficie, con un doppio obiettivo: monitorare lo stato delle linee per individuare eventuali problemi sulle tratte e, allo stesso tempo, grazie a dei sensori di movimento, rilevare la condizione del manto stradale urbano, aggregando i dati dei diversi autobus e segnalando le situazioni problematiche.Nel corso dell'hackaton siamo riusciti a realizzare una buona parte del backend e della webapp per il monitoraggio delle linee e delle strade; abbiamo inoltre sviluppato un prototipo del software da installare sui sensori, in cui abbiamo inserito per l'occasione dei dati simulati basati sugli Open Data del comune di Milano.

Tecnologie

L'intero progetto è stato hostato su un cluster kubernetes formato da due nodi hostato sulla rete del GARR.

La realizzazione del progetto è stata divisa in due componenti

Backend

Il backend è stato sviluppato in PHP con Symfony. Il suo obiettivo era quello di fornire un'API per i sensori presenti sui pullman e di fornire un'interfaccia web per visualizzare i dati in tempo reale.

Sensori

Abbiamo anche realizzato un finto pullman in grado di muoversi sui percorsi resi disponibile dall'OpenData di milano e inviare finti aggiornamenti al backend.

Risultato

Siamo arrivati terzi a pari merito con un altro gruppo. E disponibile sul sito ufficiale l'elenco degli altri progetti vincitori https://hackthecloud.it/it/vincitori.

L'Istituto di Istruzione Superiore 'A. Badoni' di Lecco ci ha chiesto di sviluppare un'applicazione mobile per Android e iOS che permettesse agli studenti di accedere al registro elettronico, così che possano vedere i propri voti, gli argomenti, i compiti e le ultime news dal sito web.

Abbiamo sviluppato l'applicazione con React Native e EXPO. Per l'interfaccia utente abbiamo usato la libreria Native Base, molto comoda se si sviluppa per entrambe le piattaforme. Il risultato è stato più che soddisfacente. L'applicazione nonostante sia scritta in Javascript è molto veloce e fluida. E' stato possibile implementare tutte le funzionalità richieste in meno di due settimane.

L'applicazione è disponibile gratuitamente sugli store:
- https://play.google.com/store/apps/details?id=it.gov.iisbadoni.metodicamente
- https://itunes.apple.com/us/app/metodica-mente/id1437576372?mt=8&app=itunes&ign-mpt=uo%3D4

Settimana scorsa si è svolta la prima edizione dell'hackathon HackTheAlps in provincia di Bolzano a Kronplatz.

Il tema di questo hackathon riguardava la progettazione e realizzazione di un progetto sostenibile in grado di integrarsi con la vita del Sud Tirolo in meno di 48 ore.

La location era stupenda, le richieste molto meno. Non conoscendo la zona e il modo di vivere dei sud tirolesi non siamo riusciti a ideare qualcosa in grado di integrarsi nel modo di vivere della zona. Abbiamo quindi deciso di puntare ad un'altra challenge, decisamente più creativa Design Your Dream “Banking” App. Una scelta che, a posteri, sicuramente non avremmo più rifatto. La challenge si è rilevata decisamente troppo aperta.

Baank.ly

Baank.ly è il nostro progetto, la banca nella natura. Il progetto prevede un'interfaccia di accesso innovativa, vista nella natura.

Gestione movimenti

Grazie al grafico ad alberi è possibile visualizzare quanto si è speso nelle varie categorie. Il sistema di categorizzazione è basato su un algoritmo molto stupido di machine learning.

Gestione obiettivi

L'interfaccia di gestione del proprio conto mette a disposizione un'innovativa gestione degli obiettivi. E' possibile definire degli obiettivi in denaro, che verranno poi rappresentati tramite un grafico a montagna. L'uomo che scala la montagna rappresenta il cliente che cerca di raggiungere l'obiettivo.

GPS Payment

Il sistema metteva a disposizione un innovativo sistema di pagamento veloce: il pagamento basato sul gps. Il sistema infatti è in grado di localizzare tutti gli utenti "vicini" e inviare bonifici con un semplice tap, senza più doversi scambiare IBAN e altre verifiche.

Integrazione con il Sud Tirolo

Ogni settimana il cliente sarà invitato a partecipare ad un evento della zona. Se parteciperà potrò ottenere sconti o addirittura premi. Gli eventi vengono caricati dall'Open Data del Sud Tirolo.

Tecnologie

Abbiamo realizzato il backend on PHP e Symfony. Il frontend è invece realizzato con React usando la libreria Ant per la UI.

Il codice sorgente è disponibile qua.

Durante l'hackathon abbiamo avuto di modo di testare l'Open Data Hub del Sud Tirolo. Durante la fase testing abbiamo trovato diverse vulnerabilità fra cui la possibiltà di fare SQL injection e di far crashare il server chiedendo risposte troppo grandi. Abbiamo fin da subito segnalato il problema ai gestori del portale.

Mi sembra inaccettabile trovare ancora questo tipo di vulnerabilità nel 2018. Abbiamo a disposizione migliaia di framework e linguaggi che cercano di prevenire in tutti i modi questo tipo di errori, a volte diventa quasi più difficile aggiungere la possibilità di SQL injection che toglierla. Open data Hub, hai fatto un brutta figura. Pubblicizzare un portale del genere, definirlo innovativo ad un gruppo di hackers e lasciare delle vulnerabilità del genere. Good Job.

Canon EOS 80D + ES-S18-135mm f/3.5-5.6

Oggi, 23 agosto 2018, inauguriamo finalmente il mio nuovo blog!

Di cosa mi occupo?

Sono Andrea, un giovane sviluppatore amante delle nuove tecnologie. Generalmente sviluppo in PHP con Symfony e Javascript con React, ma ho anche diverse esperienze con applicazioni mobile native e non, e applicazioni desktop in .NET, Java o Electron.
Ho anche una passione, che ho appena iniziato a coltivare, per la fotografia con una Canon EOS 80D. Cercherò, se possibile, di usare le mie foto come copertine ai post che pubblicherò, ma come si può vedere in questo post mi affiderò anche ad unsplash.com

E di cosa parliamo?

Non ho ancora una risposta ?

Allora perchè hai aperto il blog?

Lo scopo è quello di condividere storie e divertenti esperienze con diversi prodotti pieni di diversi problemi (Microsoft ?) cercando di non annoiare troppo i lettori.
Per quanto possa amare l'informatica devo ammettere a che a volte è proprio noiosa ?

Iniziamo?

Iniziamo!

Canon EOS 80D + ES-S18-135mm f/3.5-5.6

BonAppétit è il progetto che, insieme al mio gruppo, ho portato avanti durante tutto il 2017-2018.

Cos'è?

BonAppétit è un gestionale semplice e innovativo per bar e ristoranti. Il nostro gestionale si adatta a locali di qualsiasi dimensione: dal piccolo bar al rinomato ristorante.

Cosa offre di innovativo?

BonAppétit si pone come obiettivo quello di migliorare le attività in cui viene installato. Attraverso algoritmi di Machine Learning e IA impara a conoscere l'attività e la clientela dell'attività arrivando a dare dei suggerimenti al proprietario riguardo possibili miglioramenti.

Vogliamo portare la tecnologia del 2018, composta da Machine Learning e IA, nel campo della ristorazione. Pensiamo si possa fare di più, vogliamo fare di più, facciamo di più.

I nostri riconoscimenti

Siamo arrivati primi alla competizione regionale, fra Lombardia e Veneto, di Imprese in Azione.

Alla competizione nazionale di Imprese in Azione abbiamo vinto il premio come migliore business plan. A scuola siamo riusciti ad ottenere il secondo posto nel premio Antonio Riva, volto a premiare i migliori progetti.

Le componenti

Il backend

Abbiamo realizzato il backend in PHP usando il framework Symfony. Il backend si occupa di gestire tutte le ordinazioni ai tavoli, la stampa degli scontrini e il menu del ristorante. Il backend comunica anche con l'applicazione fornendole il menu del locale.

Il sito web

Il sito web gestisce gli utenti dell'applicazione, il backup e la raccolta dati delle singole installazioni. Anch'esso è scritto in PHP con Symfony.

L'applicazione

L'applicazione è stata sviluppata in React e permette ai clienti di ordinare nei ristoranti affiliati direttamente dal tavolo, senza attendere l'arrivo del cameriere. Permette inoltre di pagare direttamente con PayPal o POS.

Il frontend

Il frontend amministrativo è stato sviluppato in React e permette ai camerieri di prendere gli ordini ai tavoli e al proprietario di gestire il menu del locale e di visualizzare i consigli calcolati con Machine Learning e IA.

https://luconiassociati.it/

Sito web realizzato con Joomla e Yootheme Pro. E' stato necessario anche realizzare un modulo custom per visualizzare gli ultimi articoli.

Sito web realizzato con Silex. E' stato necessario sviluppare anche una parte amministrativa per gestire i vari menu.

https://lovers-italy.it/en

Sito web realizzato con Symfony 4.

Settimana scorsa si è svolta la Global Game Jam 2018 a cui io, insieme al mio Team, abbiamo partecipato. Il tema di quest'anno era la "Trasmissione". E' bastato un breve brainstorming per avere un'infinità di idee che potevano collegarsi alla trasmissione. La nostra natura Nerd ci ha portato come prima idea a un gioco ambientato nella rete Wi-Fi. Ci siamo resi conto dopo pochi minuti che contestualizzare l'idea della trasmissione nel campo dell'informatica non avrebbe portato a ottimi risultati, ed è così che è nato Sparkan.

A game set in a world where electricity finally rose against the human genre that has been exploiting it for years. Meet Brighty, an hero with the power to flow just like current and transmit itself through conductive surfaces.

Il protagonista, Brighty, può muoversi sfruttando le pareti in grado di condurre o lanciando speciali raggi. Il suo obbiettivo è, grazie a questo sistema di teletrasporto, spostare il "Boss" (il cattivo) su una speciale piattaforma con il potere di ucciderlo.

Il gioco è stato realizzato con Unity e C#. Nonostante due di noi non avevano idea di come si utilizzasse Unity o C# siamo riusciti comunque a realizzare un bel gioco, nel suo piccolo anche divertente, che ci ha permesso di ottenere il premo "Più sbatta special".  Questo premio non era fra i premi ufficiali ma ci è stato dedicato perché il nostro gruppo era il gruppo più giovane e anche uno dei più piccoli di tutta la competizione.

https://bonappetitapp.it/

Sito web realizzato con Joomla e Yootheme Pro.

https://inac.it/it/

Sito web realizzato con Joomla e Yootheme Pro.