Project: Neon Slot Machine

23 gennaio 2023, by Amir Mellouk

Vettore Dell'insegna Al Neon Dello Slot Machine Insegna Al Neon Del Modello  Di Progettazione Del Casinò, Insegna Leggera Dello Sl Illustrazione  Vettoriale - Illustrazione di giaccone, elemento: 119949174

In questo progetto ho realizzato insieme hai mie compagni Eduard Sascau e Mattia Doria, il gioco d’azzardo della slot machine con un design neon. Lo scopo del progetto era quello di realizzare un gioco d’azzardo in modalità Client-Server, per realizzare la slot machine abbiamo utilizzato come linguaggi di programmazione Node.js,HTML5 e CSS3.

Qui sotto ci sono i link per visualizzare il gioco e l’analisi del gioco fatta:

JSON (JavaScript Object Notation)

JSON è un formato di serializzazione basato su testo per lo scambio di dati, principalmente tra server e applicazione web. JSON è l’acronimo di JavaScript Object Notation, e utilizza l’estensione di file .json.

Come funziona

Il formato JSON è basato su due tipi di strutture di dati: serie di coppie nome/valore – {“name1″:”value1”, “name2″:”value2”} – e liste ordinate di valori, chiamate array – [“valore1”, “valore2”]. Questi dati vengono letti da un parser JSON che li converte nel tipo di dati appropriato per il linguaggio di programmazione usato nel recupero dei dati.

esempio struttura dati json

Le stringhe in JSON

La coppia chiave-valore per esprimere una stringa è come segue:

{ "chiave" : "valore" }

Gli oggetti in JSON

Come detto prima, gli oggetti JSON sono racchiusi dalle parentesi graffe. Di fatto, anche l’esempio di prima è un oggetto JSON!

Facciamo un esempio più complesso:

{ "nome": "Andrea", "età": 26, "automobile": "FIAT" }

Gli array in JSON

Una volta capite le regole sintattiche, vediamo come scrivere un array in JSON:

{ 
  "nome": "Andrea",
  "età": 26,
  "automobili": [ "Ford", "FIAT", Wolksvagen"]
}

Perchè viene utilizzato il JSON?

-È molto meno lungo da scrivere ed è molto più compatto. Questo rende il JSON molto più leggibile di altri formati come l’XML e al contempo più leggero.

È più veloce. I file JSON vanno ovviamente letti dal software è il processo di parsing, è molto più rapido rispetto ad altri formati. Per di più, rende più leggera l’esecuzione dei servizi web

La rivoluzione è qui! BlockChain nella cittadinanza digitale.

Amir Mellouk 01/06/2022

Che cos’è una Blockchain?

La digital trasformation, o trasformazione digitale, è un processo che interessa ogni aspetto della società e investe anche la Pubblica Amministrazione che con l’adozione delle tecnologie Blockchain (letteralmente “catena di blocchi) può rendere più efficienti le operazioni in termini di tempo e costi.

Blockchain for Social Good by myDonor

La Blockchain, fa parte del più ampio gruppo di tecnologie Distributed Ledger (letteralmente “registro distribuito”) ed è una struttura dati condivisa e immutabile. In altre parole, si tratta di un registro digitale aperto e distribuito, in grado di memorizzare record di dati, solitamente detti “transazioni”, in modo sicuro, verificabile e permanente.

la Blockchain può essere rappresentata come una lista, destinata a crescere nel tempo, di blocchi collegati tra loro e resi sicuri mediante l’impiego della crittografia asimmetrica, nota anche come crittografia a coppia di chiavi, crittografia a chiave pubblica/privata o, più semplicemente, crittografia a chiave pubblica. Ciò significa che i dati salvati in una “catena di blocchi” sono considerati incorruttibili.

Blockchain: 3 caratteristiche di una tecnologia rivoluzionaria

La Blockchain, che si inserisce nel complesso universo dell’Internet of value (letteralmente “Internet del valore”), permette di tracciare le informazioni e tokenizzare dei beni, garantendo la tracciabilità, la trasparenza, la verificabilità e l’impossibilità di modificare gli elementi salvati nel registro. 

Cos'è la Blockchain e quali sono le applicazioni? – EOS Italy

Ecco quali sono le tre principali caratteristiche di una “catena di blocchi”:

  1. Decentralizzazione: il sistema non necessità di un’autorità centrale perché le informazioni sono distribuite su più nodi che ne garantiscono la legittimità;
  2. Immutabilità: le informazioni, una volta aggiunte al registro, non sono più modificabili e i record memorizzati all’interno dei blocchi, grazie all’uso della crittografia asimmetrica, non possono essere alterati o cancellati dai nodi della rete;
  3. Sicurezza: la decentralizzazione e l’immutabilità dell’informazione, rendono le transazioni sicure e impediscono ai pirati informatici di abbattere l’intero sistema.

I vantaggi della Blockchain applicata alla pubblica amministrazione?

Blockchain è considerata un simbolo della rivoluzione digitale e monetaria emersa dal mondo delle criptovalute di Bitcoin, ma l’uso della tecnologia può avere molte applicazioni: dai settori bancario e finanziario alle assicurazioni, dal retail ai prodotti agricoli, dal tracciamento di merci, risorse gestione e pubblica amministrazione. In particolare, l’implementazione della blockchain nella pubblica amministrazione aiuterà i cittadini ad avere un’identità digitale sicura e condivisa, facilitando così la semplificazione della burocrazia e la lotta all’evasione fiscale e alla criminalità.

Quali sono le potenzialità offerte dalla tecnologia blockchain? - Flyip

Qual è il principio del once-only? In base al principio una tantum, i cittadini, le istituzioni e le aziende devono fornire alle autorità un certificato, certificato, dichiarazione o altro documento una volta. In altre parole, le pubbliche amministrazioni devono evitare di chiedere informazioni che già possiedono. Ciò significa che i servizi pubblici digitali devono:

  • Rispettare i requisiti del nuovo modello di interoperabilità, previsto dal Piano Triennale 2020-2022;
  • Essere inclusivi e accessibili per rispondere in modo efficiente alle diverse esigenze delle persone e dei singoli territori;
  • Essere erogati in modo sicuro e garantire la protezione dei dati personali.

In quanto tale, la blockchain rappresenta un’ottima opportunità per digitalizzare il settore pubblico, in quanto può non solo ridurre i costi, le perdite di tempo e la complessità burocratica, ma anche distanziare i cittadini dalle istituzioni, rafforzare la fiducia nei servizi digitali e facilitarne la diffusione.

In conclusione, ecco i principali vantaggi dell’utilizzo della blockchain nella digitalizzazione della pubblica amministrazione:

  • Contiene il rischio di frodi, manipolazioni e corruzione, favorendo la trasparenza e la verificabilità delle informazioni;
  • Abbatte i costi e automatizza diversi processi che richiedono tempo se eseguiti manualmente;
  • Riduce gli errori umani, la perdita e la manipolazione dei dati, garantendone l’integrità e la qualità.

Il mio parere:

Secondo me la Blockchain il passo in avanti per avere sotto mani una gestione più pratica e ottimizzata che permette di organizzare e proteggere in maniera trasparente di dati sensibili soprattutto in paesi lenti nelle pratiche come l’Italia o in paesi in via di sviluppo.

Consiglio di guardare questa videoconferenza di Don Tapscott che tratta l’argomento delle Blockchain in maniera più argomentativa: https://youtu.be/Pl8OlkkwRpc

2048 (Minecraft Edition)

DI Amir Mellouk / 10 MARZO 2022

Obiettivi del gioco

La logica di 2048 è raggiungere questo numero abbinando due numeri uguali (partendo da due) su una griglia da 4×4 caselle. Una volta che la griglia è piena e non è più possibile effettuare combinazioni, si perde la partita.

In 2048 (Minecraft Edition) non ci sono più i numeri, ma le facce dei mob del noto gioco survival di Mojang Studios AB. L’obiettivo è quello di abbinare le facce (in base ad una guida) per raggiungere l’entità definitiva: Il Creeper.

Gli utenti destinatari sono principalmente i fan di Minecraft, ma è giocabile facilmente da chiunque, anche dai bambini.

Dinamiche di gioco

Partendo da una griglia 4×4, bisogna abbinare due facce identiche utilizzando le freccette (da PC) o il touch (da mobile). Sarà possibile trovare un cronometro, che indica la durata della partita, un contatore di mosse e il punteggio, che sale in base agli abbinamenti.

Una volta completata la partita usciranno le statistiche citate in precedenza. All’avvio del gioco si mostrano le istruzioni, presenti anche in un menu sempre accessibile. Verrai ricompensato al raggiungimento dell’obiettivo.

Guida

Gli abbinamenti di 2048 (Minecraft Edition) sono i seguenti:

  • Pollo (2) + Pollo = Maiale (4)
  • Maiale + Maiale = Pecora (8)
  • Pecora + Pecora = Mucca (16)
  • Mucca + Mucca = Villager (32)
  • Villager + Villager = Zombie (64)
  • Zombie + Zombie = Scheletro (128)
  • Scheletro + Scheletro = Wither Skeleton (256)
  • Wither Skeleton  + Wither Skeleton = Blaze (512)
  • Blaze + Blaze = Enderman (1024)
  • Enderman + Enderman = Creeper (2048)

I 10 migliori framework per JavaScript

8 febbraio 2022, Di Amir Mellouk

Che cos’è JavaScript Framework?

Un framework JavaScript è una raccolta di librerie di codici JavaScript, utilizzando le quali gli sviluppatori Web possono risparmiare tempo utilizzando i codici pre-scritti nella loro programmazione.

Gli utenti possono sviluppare applicazioni Web robuste senza framework JavaScript, ma sfruttare vantaggi come un modello che gestisce i modelli di programmazione di base può essere di grande aiuto. Ogni volta che inizi a sviluppare un’applicazione utilizzando i framework, puoi evitare di scrivere nuovamente lo stesso codice delle funzionalità.

# 10 Svelte

Svelte è un framework open source per la creazione di pagine Web veloci e scalabili. È leggero, utilizza meno codice ed è efficiente grazie alla sua natura altamente reattiva, ideale per applicazioni ad alta intensità di dati o in tempo reale che funzionano su numerosi dispositivi.

Svelte svolge le sue attività “in movimento” durante lo sviluppo dell’app.  Svelte è un framework di componenti. Tuttavia, la caratteristica unica di Svelte è che è prima un compilatore che un framework dell’interfaccia utente.

# 9 Ember.js

Ember.js è un potente framework applicativo MVC JavaScript/HTML5 open source per la creazione di applicazioni scalabili a pagina singola con un aspetto desktop.

Questo framework utilizza “Handlebar”, che aiuta a creare modelli HTML dinamici, basandosi anche sul framework MVC e sulle librerie jQuery.

Ember.js è consigliato per i progetti che richiedono un’applicazione Web con un’interfaccia utente e un’esperienza simili a quelle desktop. Inoltre, il progetto prevede un sito web di una sola pagina in cui si svolgono tutte le azioni.

#8 Angular.js

Ogni volta che si tratta di sviluppare applicazioni a pagina singola, AngularJS è in cima alla lista. A causa dei suoi standard di qualità del codice enfatizzati , gli sviluppatori Web preferiscono AngularJS rispetto ad altri framework di sviluppo. Le migliori aziende come Snapchat, Gmail, Amazon, Udemy e Forbes utilizzano Angular.js per il loro sviluppo web.

#7 BackBone.js

Come suggerisce il nome, Backbone.js ti aiuta effettivamente a organizzare e mantenere il tuo JavaScript.

Backbone è classificato come framework MV*, il che significa che è composto principalmente da modelli e viste. La C, che sta per controller, è presente nei tradizionali framework MVC. Tradizionalmente, un controller reagisce agli input dell’utente e invia il messaggio al modello o alla vista. Tuttavia, con i framework MV* come Backbone, la funzionalità del controller viene gestita all’interno della vista.

#6 Polymer.js

Nel maggio 2013, Polymer.js è stato introdotto da Google. La libreria Polymer ha lo scopo di rendere il Web moderno più facile e veloce per gli sviluppatori attraverso componenti eccezionali e riutilizzabili. Polymer.js include anche il proprio set di elementi basati su componenti Web che possono essere utilizzati per creare elementi personalizzati e riutilizzabili.

Polymer afferma di adottare un approccio “ritorno alla natura” che “riporta gli elementi al centro dello sviluppo web”. Consente agli sviluppatori di creare i propri elementi HTML e combinarli in app online complete, scalabili e gestibili.

Polymer assiste gli sviluppatori nella creazione di elementi personalizzati che possono essere riutilizzati all’interno delle pagine HTML in modo dichiarativo, anche senza comprendere i processi in profondità.

#5 Meteor.js

MeteorJS è un framework web basato su un modello isomorfo (cioè, rende le pagine senza interruzioni sia sul lato server che lato client). Questo framework viene creato utilizzando Node.js e sfruttato per creare app mobili Web e multipiattaforma per iOS e Android.

#4 Aurelia.js

Aurelia JS è un framework UI moderno e open source che aiuta gli sviluppatori a sviluppare app Web e mobili. Questo framework migliora le capacità di JavaScript, consentendo agli sviluppatori di ottenere di più dal loro codice JavaScript.

Aurelia è un framework non intrusivo, il che significa che non devi scrivere alcun codice speciale, parole chiave o tag per farlo funzionare. Tutto quello che devi fare ora è codificare in JavaScript semplice ed eseguire il tuo codice con Aurelia, e avrai a portata di mano funzionalità più avanzate di quanto potresti mai pensare.

Aurelia è diventata una risorsa preziosa per gli sviluppatori di app che dipendono da JavaScript per tutte le loro esigenze di sviluppo.

#3 Vue.js

Vue è il framework JavaScript più versatile attualmente disponibile. È anche il framework più intuitivo sia per i programmatori che per i non programmatori. Per le persone che sono alle prime armi nella creazione di siti Web, Vue è facile da imparare e adattare. Quasi tutti coloro che hanno lavorato con l’HTML si trovano in una situazione in cui devono eseguire un processo complesso che manca all’HTML. È qui che Vue viene in mente.

Vue.js è il 5° framework più popolare nella categoria Libreria JavaScript. È un piccolo framework che ha il potere di molti framework più grandi. Vue potrebbe essere appreso in pochi giorni se hai familiarità con la programmazione web front-end. Anche se, se non ne hai, puoi saltare con il minimo di cui hai bisogno.

Uno dei motivi più convincenti per utilizzare un framework è l’insieme di strumenti che fornisce per rendere lo sviluppo più efficiente e diretto.

#2 Mithril.js

Mithril è un framework MVC JavaScript appena nato che si concentra sul rendere il ciclo di sviluppo dell’applicazione più veloce e semplice rispetto a “jQuery Spaghetti”.

Una delle prime cose che noterai di Mithril è che, pur avendo un’API limitata, ha molta documentazione, il che lo rende abbastanza semplice da imparare. È anche piacevolmente privo di “magia”: devi solo imparare una piccola quantità di sintassi specifica del framework per iniziare e sei sempre vicino al metallo: non ci sono astrazioni da intralciare quando si tratta di debug .

#1 React.js

L’amore per JavaScript è aumentato quando Facebook ha introdotto il framework ReactJS. Gli sviluppatori adorano la sua libreria JavaScript dichiarativa, efficiente e open source per la creazione di app Web front-end ricche di funzionalità, fluide e dinamiche.

Ci sono molti vantaggi di React.js , tra questi ne abbiamo elencati alcuni che gli sviluppatori amano di più:

1) Utilizzando ReactJS, gli sviluppatori possono aggiornare le modifiche ai dati dell’applicazione senza ricaricare completamente le pagine web. ReactJS rende facile per gli sviluppatori conoscere l’interfaccia utente complessa, suddividendola in componenti comprensibili e riutilizzabili invece di riqualificare l’intera applicazione del sito web.

2) React.js consente agli sviluppatori di app di utilizzare ogni modulo all’interno dell’applicazione su entrambi, lato server e lato client, riducendo in definitiva i tempi di sviluppo. Più sviluppatori possono semplicemente scrivere codice per le applicazioni senza causare grandi cambiamenti nella logica di base.

3) Oltre allo sviluppo web, React.js viene utilizzato anche per lo sviluppo di app mobili. Sia per Android che per iOS, il framework React.js è stato aggiornato da Facebook per sviluppare applicazioni native.

4) Per un flusso di dati protetto, React abilita alcuni valori come componenti e li rende come proprietà nei tag HTML. Non può accedere direttamente o modificare i componenti, ma può inviare una richiamata che esegue questa attività. Le azioni scorrono verso l’alto e le proprietà scorrono verso il basso è il nome di questa proprietà.

5) ReactJS crea efficienti strutture di dati di memoria in modo organizzato che calcola e aggiorna le modifiche nel browser. Per questo motivo, è abilitata una funzione robusta che aiuta gli sviluppatori nella codifica e nel rendering di componenti e dati che possono essere elaborati o implementati alla fine. L’obiettivo dell’utilizzo di ReactJS, come detto in precedenza, è creare interfacce utente sofisticate e facili da usare per le app web.

Denuncia Sociale: Suicidi

Abbiamo realizzato un sito utilizzando HTML,CSS e JavaScript per inserirci un articolo.

In questo articolo trattiamo la questione dei suicidi sia in italia sia in paesi particolarmente colpiti da questo fenomeno e abbiamo realizzato anche un contatore che visualizza il numero di suicidi nel mondo.

Clicca il link per visualizzare il progetto:https://claudiuiu.github.io/SitoPersonale/SitoPersonale/denuncia_sociale/index.html

Eventi di temporizzazione JavaScript

In JavaScript, i programmatori utilizzano eventi di temporizzazione per ritardare l’esecuzione di un determinato codice o per ripetere il codice a un intervallo specifico. Questo può essere utile perché il codice verrà eseguito a intervalli di tempo.

Esistono due tipi di funzioni che vengono utilizzate per eseguire queste attività:

setTimeout()setInterval().

In questo articolo, impareremo a conoscere queste funzioni di temporizzazione in JavaScript. Entriamo subito.

Il setTimeout

Il metodo setTimeout()viene utilizzato per ritardare l’esecuzione della funzione passata di un periodo di tempo specificato.

Questo metodo accetta due parametri: la funzione che si desidera chiamare e la quantità di tempo in millisecondi per ritardare l’esecuzione della funzione.

Si noti che 1000 millisecondi equivalgono a 1 secondo.

Ecco un esempio:

Il metodo setTimeout()eseguirà la funzione dal primo argomento una volta dopo che è trascorso il tempo specificato.

Il setInterval

Usiamo il metodo setInterval()per specificare una funzione da ripetere con un ritardo di tempo tra le esecuzioni.

Anche in questo caso, vengono passati due parametri setInterval(): la funzione che si desidera chiamare e la quantità di tempo in millisecondi per ritardare ogni chiamata della funzione.

Dai un’occhiata all’esempio qui sotto:

Il metodo setInterval()continuerà ad essere eseguito finché non verrà cancellato.

clearTimeout e clearInterval

Esistono anche funzioni native corrispondenti per arrestare gli eventi di temporizzazione: clearTimeout()clearInterval().

Per chiarezza del tuo codice, dovresti sempre abbinare clearTimeout()setTimeout()clearInterval()setInterval().

Per fermare un timer, chiamare la corrispondente funzione di cancellazione e passarle la variabile ID timer che corrisponde al timer che si desidera fermare. La sintassi per clearInterval()clearTimeout()è la stessa.

Dai un’occhiata all’esempio qui sotto:

Conclusione

Gli eventi di temporizzazione sono molto utili e importanti in JavaScript. Sono usati per cancellare ed eseguire un pezzo di codice a diversi intervalli di tempo.

Grazie per aver letto questo articolo, spero tu l’abbia trovato utile.