domenica 28 febbraio 2021

Download ebook Visual Studio for Mac


 



Un ebook in lingua inglese e formato pdf o per dispositivi mobili di circa 115 pagine, che spiega come utilizzare l'ambiente di sviluppo Visual Studio per Mac.

L'ebook è scaricabile previo account gratuito e registrazione dal seguente sito Free Ebook - Visual Studio for Mac Succinctly (syncfusion.com) 

sabato 27 febbraio 2021

Download gratuito gioco Idle Champions of the Forgotten Realms

 



Un gioco di strategia gratuito e per sistemi Windows, quello proposto da Epicgames, che permette senza limitazioni di trascorrere ore spensierate.

Il gioco Idle Champions Of The Forgotten Realms in lingua inglese è adatto a tutti.

Per maggiori informazioni e download visitate il seguente sito Idle Champions of the Forgotten Realms (epicgames.com) 

venerdì 26 febbraio 2021

Download gratuito gioco Sunless Sea

 



Disponibile gratuitamente e senza limitazioni il gioco di avventura Sunless Sea, adatto a tutti, in lingua inglese e per tutta la famiglia.

Per maggiori informazioni e download visitate il seguente sito Sunless Sea (epicgames.com) 

giovedì 25 febbraio 2021

Download gioco gratuito PHANTASY STAR ONLINE 2

 



Un gioco di azione gratuito e per sistemi operativi Windows in lingua inglese, parliamo di Phantasy Star Online 2, che Epicgame mette gratuitamente a disposizione.

Per maggiori informazioni e download visitate il seguente sito PHANTASY STAR ONLINE 2 (epicgames.com) 

mercoledì 24 febbraio 2021

C# Linq rilevare gli elementi che iniziano con una lettera

 Il frammento di codice qui di seguito, in C#, illustra una tecnica di come tramite Linq è possibile estrapolare tutti gli elementi la cui iniziale è "E".

 string[] Nomi = { "Emanuele", "Tiziano", "Olga", "Francesco", "Enrico", "Chiara" };

            var record = from Dati in Nomi

                                where Dati.StartsWith("E")

                                select Dati;

            foreach (string nome in record)

               MessageBox.Show(nome);

martedì 23 febbraio 2021

Download ebook Angular Testing

 



Disponibile gratuitamente in lingua inglese e formato pdf o per dispositivi portatili un ebook sul Framework "Angular"

Per il download occorre registrarsi gratuitamente al sito o avere un account. 

Per maggiori informazioni e download visitate il seguente sito Free Ebook - Angular Testing Succinctly (syncfusion.com)

lunedì 22 febbraio 2021

Download gioco gratuito neverwinter

 



Disponibile gratuitamente e senza limitazioni il gioco di combattimento NeverWinter, per sistema operativo Windows ed in lingua italiano.

Per maggiori informazioni e download visitate il seguente sito https://www.epicgames.com/store/it/product/neverwinter/home 

domenica 21 febbraio 2021

Download gratuito gioco RAGE 2

 



Disponibile gratuitamente e senza limitazioni il gioco per soli adulti Rage 2, uno sparatutto in lingua italiana e per sistemi Windows.

E' possibile scaricarlo gratuitamente in promozione fino al 25 febbraio 2021.

Per maggiori informazioni e download visitate il seguente sito Rage 2 | Acquistalo e scaricalo subito sull'Epic Games Store

sabato 20 febbraio 2021

Download Microsoft Visual Studio Code sorgente

 



Sul sito Github è possibile scaricare il sorgente dell'ambiente di sviluppo Microsoft Visual Studio Code, che permette lo sviluppo su multi piattaforma.

La versione compilata è scaricabile qui https://code.visualstudio.com/  mentre su GitHub qui https://github.com/Microsoft/vscode si trovano i sorgenti.



Download gratuito VPN gratuita shellfire

 Se cercate una VPN gratuita, dal sito di ShellFire, qui https://www.shellfire.it/ potete scaricare tra le varie versioni anche una gratuita.

Tra le varie versioni, quella ad uso gratuito https://www.shellfire.it/prezzi/ offre una valida alternativa alle tante VPN

Il sito è anche in lingua italiana.


venerdì 19 febbraio 2021

Download gioco gratuito Absolute Drift

 



Disponibile gratuitamente e senza limitazioni il gioco di automobili Absolute Drift, per sistema operativo Windows ed in lingua inglese fino al 25 febbraio 2021.

Per maggiori informazioni e download visitate il seguente sito Absolute Drift - Drifting: l'arte di scivolare lateralmente. (epicgames.com)

Rilasciato la versione Preview di .Net 6.0

 Come riportato da questo post https://devblogs.microsoft.com/dotnet/announcing-net-6-preview-1/ è stata rilasciata la versione preview di .Net 6.0 .

Oltre alla versione . Net, anche Asp.Net 6.0 qui https://devblogs.microsoft.com/aspnet/asp-net-core-updates-in-net-6-preview-1/ la notizia, ed Entity Framework qui https://devblogs.microsoft.com/dotnet/announcing-entity-framework-core-6-0-preview-1/ la notizia.


giovedì 18 febbraio 2021

Asp.Net creazione di grafici con Chart.Js - seconda parte

 Si riporta l'articolo scritto per il sito https://www.iprogrammatori.it/articoli/microsoft-net-framework/art_aspnet-creazione-di-grafici-con-chartjs-seconda-parte_1729.aspx


In questa seconda ed ultima parte dell'articolo Creazione di grafici con Chart.Js, vedremo come caricare i dati nei grafici utilizzando il componente Javascript Chart.JS tramite codice C#.

Un componente gratuito il Chart.JS che offre una serie di modelli di grafici e soprattutto facilita lo sviluppo di applicazione nel quale fare uso dei grafici per la presentazione dei dati.

La sua flessibilità, potenzialità e la facilità di utilizzo lo rendono come tra i migliori componenti del momento.

Nell’articolo precedente, abbiamo visto il caricamento dei dati e le impostazioni standard il tutto in ambito di markup html, o meglio tramite Javascript, in questa parte vedremo come utilizzare i dati che possono essere anche estrapolati da una fonte dati e passarli alla parte html.

Vedremo come realizzare un grafico a torta, come mostrato in figura 1.


Figura 1 – il grafico a torta


Riutilizzo del progetto
Riperdiamo il progetto precedente, con il quale ci troviamo gran parte della stesura di codice ed anche per comprendere dove si deve intervenire.
Il progetto è di tipo Asp.Net MVC, la scelta nasce dal fatto che è la tecnologia al momento più innovativa ed utilizzata.

Stesura del codice.

Scriviamo il codice C# per il caricamento dei dati, prendono spunto dal codice precedente.
Nella parte markup html, nel file _layout.cshtml, la proprietà “DATA” viene impostata con dei dati, in particolare con una serie di numeri che riportiamo nella riga di codice qui di seguito.

data: [12, 19, 3, 5, 2, 3],


Questi dati, creano 6 “pile” del grafico di tipo 2D che visualizza le barre.

Ora vedremo come passare questi dati, da codice C# in modo che possiamo recuperali da altri fonti dati e non da codice scolpito, per esempio da un servizio web oppure dal recupero della fonte dati.


Passiamo in visualizzazione codice, in particolare nel file “HomeController” dove avviene il primo caricamento della pagina, in particolare nell’evento “Index” che è quello che viene eseguito per visualizzare la pagina denominata “Index.cshtml” .

Il codice qui di seguito, crea un oggetto di tipo lista, composto da 6 valori numeri, ma questi dati, possono essere anche il risultato di una query tramite l’esecuzione di Entity Framework oppure di un servizio web.


C#

public IActionResult Index()

        {

            //Possono essere anche dati da una query di Entity Framework oppure Servizio web.

            List<Int32> listaDati = new List<Int32>();

            listaDati.AddRange(new Int32[] {12, 19, 3, 5, 2, 3 });

            @ViewBag.Dati = string.Join(",", listaDati);

 

            return View();

        }


Come si è visto dal frammento di codice precedente, si crea una lista, con il quale si aggiungono singoli valori, passati con il separatore della virgola, il tutto impostando un ViewBag che sarà utilizzato nella parte di codice html.

Il ViewBag, è utilizzato nella proprietà “Data”, qui di seguito si riporta il suo utilizzo.

  data: [@ViewBag.Dati]


Si riporta il codice completo Javascript del caricamento dei dati e della gestione del grafico.


<script>

        var ControlloGrafico = document.getElementById('IdGrafico').getContext('2d');

        var Grafico = new Chart(ControlloGrafico, {

            type: 'bar',

            data: {

                labels: ['Programmatori C#', 'Sviluppatori', 'Sistemisti', 'Amministrativi', 'Project Manager', 'DBA'],

                datasets: [{

                    label: 'Ruoli aziendali',

                    data: [@ViewBag.Dati],

                    backgroundColor: [

                        'rgba(255, 99, 132, 0.2)',

                        'rgba(54, 162, 235, 0.2)',

                        'rgba(255, 206, 86, 0.2)',

                        'rgba(75, 192, 192, 0.2)',

                        'rgba(153, 102, 255, 0.2)',

                        'rgba(255, 159, 64, 0.2)'

                    ],

                    borderColor: [

                        'rgba(255, 99, 132, 1)',

                        'rgba(54, 162, 235, 1)',

                        'rgba(255, 206, 86, 1)',

                        'rgba(75, 192, 192, 1)',

                        'rgba(153, 102, 255, 1)',

                        'rgba(255, 159, 64, 1)'

                    ],

                    borderWidth: 1

                }]

            },

            options: {

                scales: {

                    yAxes: [{

                        ticks: {

                            beginAtZero: true

                        }

                    }]

                }

            }

        });

</script>

Dopo aver verificato il corretto funzionamento, potremmo voler cambiare il tipo di grafico, passando da pila a torta, in tal caso occorre impostare la proprietà “type” con il valore “pie” come riportato qui di seguito:

type: 'pie',


Qui di seguito il codice completo di Javascript.

Codice JS.

<script>

        var ControlloGrafico = document.getElementById('IdGrafico').getContext('2d');

        var Grafico = new Chart(ControlloGrafico, {

            type: 'pie',

            data: {

                labels: ['Programmatori C#', 'Sviluppatori', 'Sistemisti', 'Amministrativi', 'Project Manager', 'DBA'],

                datasets: [{

                    label: 'Ruoli aziendali',

                    data: [@ViewBag.Dati],

                    backgroundColor: [

                        'rgba(255, 99, 132, 0.2)',

                        'rgba(54, 162, 235, 0.2)',

                        'rgba(255, 206, 86, 0.2)',

                        'rgba(75, 192, 192, 0.2)',

                        'rgba(153, 102, 255, 0.2)',

                        'rgba(255, 159, 64, 0.2)'

                    ],

                    borderColor: [

                        'rgba(255, 99, 132, 1)',

                        'rgba(54, 162, 235, 1)',

                        'rgba(255, 206, 86, 1)',

                        'rgba(75, 192, 192, 1)',

                        'rgba(153, 102, 255, 1)',

                        'rgba(255, 159, 64, 1)'

                    ],

                    borderWidth: 1

                }]

            },

            options: {

                scales: {

                    yAxes: [{

                        ticks: {

                            beginAtZero: true

                        }

                    }]

                }

            }

        });

</script>

 

Ora non resta che eseguire il nostro progetto per visualizzare il grafico a torta, come riportato qui di seguito.



Figura 2 – il grafico a torta


Siamo giunti alla conslusione dell'articolo, vediamo come caricare dinamicamente le etichette.

Sempre nel file “HomeController” nel metodo “Index”, scriviamo una lista con i valori di tipo string relative alle etichette..

Qui di seguito si riporta l’esempio di codice.


public IActionResult Index()

        {

            //Possono essere anche dati da una query di Entity Framework oppure Servizio web.

            List<Int32> listaDati = new List<Int32>();

            listaDati.AddRange(new Int32[] {12, 19, 3, 5, 2, 3 });

            ViewBag.Dati = string.Join(",", listaDati);

            List<string> ListEtichette = new List<string>() ;

            ListEtichette.AddRange(new string[] { "'Programmatori C#'", "'Sviluppatori'", "'Sistemisti'", "'Amministrativi'", "'Project Manager'", "'DBA'" });

            ViewBag.Etichette = string.Join(",", ListEtichette);

            return View();

        }


Nella parte relativa al codice HTML, della pagina “_layout” , impostiamo la proprietà “labels” con il viewbag relativo alla lista delle etichette.

Qui di seguito il frammento di codice di tale operazioni.

labels: [@Html.Raw(@ViewBag.Etichette)],

A titolo semplificativo si riporta il codice Javascript per la gestione dei dati e delle etichette tramite viewbag.

<script>

        var ControlloGrafico = document.getElementById('IdGrafico').getContext('2d');

        var Grafico = new Chart(ControlloGrafico, {

            type: 'pie',

            data: {

                labels: [@Html.Raw(ViewBag.Etichette)],

                datasets: [{

                    label: 'Ruoli aziendali',

                    data: [@ViewBag.Dati],

                    backgroundColor: [

                        'rgba(255, 99, 132, 0.2)',

                        'rgba(54, 162, 235, 0.2)',

                        'rgba(255, 206, 86, 0.2)',

                        'rgba(75, 192, 192, 0.2)',

                        'rgba(153, 102, 255, 0.2)',

                        'rgba(255, 159, 64, 0.2)'

                    ],

                    borderColor: [

                        'rgba(255, 99, 132, 1)',

                        'rgba(54, 162, 235, 1)',

                        'rgba(255, 206, 86, 1)',

                        'rgba(75, 192, 192, 1)',

                        'rgba(153, 102, 255, 1)',

                        'rgba(255, 159, 64, 1)'

                    ],

                    borderWidth: 1

                }]

            },

            options: {

                scales: {

                    yAxes: [{

                        ticks: {

                            beginAtZero: true

                        }

                    }]

                }

            }

        });

</script>




Conclusioni

Si conclude la serie dei due articoli riguardante l’utilizzo del componente Chart.Js che permette la creazione dei grafici in ambito web.

Le potenzialità offerte da questo componente gratuito sono ampie, e facilita il programmatore nello scrivere applicazioni con il quale visualizzare i dati in forma di grafici.

Ottimo script con valide prestazioni e numerose funzioni che fanno di questo componente un ottimo strumento per tale ambito.

mercoledì 17 febbraio 2021

Sito online per operazioni matematiche

 



Da diverso tempo, Microsoft ha reso pubblico un sito per tutte le operazioni di matematica.

Il sito Math.Microsoft, visibile qui https://math.microsoft.com/it consente di eseguire calcoli di ogni genere in ambito "matematica" ed imparare le operazioni.

Il sito è in lingua italiana.


martedì 16 febbraio 2021

Convertitore di unità online e gratuito


 


Se cercate un convertitore di unità online gratuito ed in lingua italiana, dal seguente sito https://www.bing.com/search?q=1+byte+in+bit&setlang=it-it la possibilità di utilizzarne uno.

Dopo aver selezionato la categoria appropriata nella casella combinata situata sopra le caselle di testo, digitate il valore nella casella di sinistra, ed il tipo di misura da convertire, situata nella parte inferiore della casella di sinistra. 

Verrà effettuata la conversione.

Strumento molto utile.



lunedì 15 febbraio 2021

Download gratuito programma live streaming e registrazione video

 



Dal seguente sito https://obsproject.com/ potete scaricare un programma gratuito ed open source, ossia con codice sorgente, per le registrazioni video e live streaming.

Il sito è in lingua inglese ed è multi piattaforma il programma.

Per maggiori informazioni e download visitate il sito indicato.

domenica 14 febbraio 2021

Componenti per il browser Microsoft Edge

Dal seguente sito https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home?hl=it è possibile consultare lo Store di Microsoft Edge, il browser di Windows, con il quale scaricare diversi componenti.

I componenti permettono di aggiungere funzionalità al browser Microsoft Edge.

Il sito è in lingua italiana.

Per maggiori informazioni visitate il sito indicato.


sabato 13 febbraio 2021

Sito per la creazione dei logo

Se state cercando un sito per la creazione dei logo, dal seguente sito https://www.designevo.com/logo-maker/ è possibile personalizzare un logo, con scritte ed immagini messe a disposizione dal sito. E' possibile personalizzare il testo con proprio testo.

Nella parte sinistra, si trovano le categorie.

Sito in lingua inglese.





venerdì 12 febbraio 2021

Download sdk open source quantistico

 Disponibile gratuitamente ed open source un Framework per lo sviluppo di soluzioni in ambito quantistico.

Dal seguente sito https://qiskit.org/ è possibile scaricare un SDK per la creazione di sistemi di tipo quantistico.

Per maggiori informazioni e download visitate il sito indicato.

Download gratuito gioco Halcyon 6: Starbase Commander Cerca

 



Fino al 18 febbraio 2021 è possibile scaricare gratuitamente e senza limitazioni il gioco di strategia ambientato nello spazio, Halcyuon 6, in lingua inglese e piattaforma Windows.

Per maggiori informazioni e download visitate il seguente sito Halcyon 6 Starbase Commander - Informazioni su Halcyon 6 (epicgames.com)

giovedì 11 febbraio 2021

Programma gratuito per la gestione degli immobili, manutenzione impianti ed edifici openMAINT

 



Un buon programma gratuito ed open source per gestire gli impianti, immobili e la relativa manutenzione, parliamo di OpenMaint scaricabile dal seguente sito https://www.openmaint.org/it un programma gratuito che tutti possono utilizzare.

Il software è anche in lingua italiana.

Per maggiori informazioni e download visitate il sito indicato.

mercoledì 10 febbraio 2021

asp.net select jquery load item dictionary

Se vogliamo caricare un controllo Select con un oggetto Dictionary, tramite il ciclo for e tramite il metodo App del controllo possiamo aggiungere i singoli dati.

Qui di seguito il frammento di codice di tali operazioni.

 

success: function (response) // Dati ricevuti
        {
            $.each(response, function (key, val) {
                var html = '<option value="' + key + '">' + val + '</option>'
                $("# DdlControllo ").append(html);
                
            })

        },

martedì 9 febbraio 2021

Download gratuito antivirus malwarebytes

 Per coloro che sono alla ricerca di antivirus gratuiti ma che forniscono un ottimo servizio di protezione, il software Malwarebytes in lingua italiana svolge bene l'attività di difesa del proprio pc.

Il programma è in lingua italiana.

Per maggiori informazioni e download visitate il seguente sito https://it.malwarebytes.com/

lunedì 8 febbraio 2021

Download gioco etro: Last Light Redux

 



Disponibile fino al 11 febbraio 2021 il gioco di combattimento Etro: Last Right Redux, con una grafica ben fatta.

Il gioco è per sistema operativo Windows ed in lingua italiana.

Per maggiori informazioni e download visitate il seguente sito https://www.epicgames.com/store/it/product/metro-last-light-redux/home

domenica 7 febbraio 2021

Sito di notizie informatiche

 Un sito costantemente aggiornato con il quale conoscere le novità nel settore informatico.

Parliamo del sito https://turbolab.it/ costantemente aggiornato ed in lingua italiana.


sabato 6 febbraio 2021

Download gioco For The King

 



Un gioco di strategia e combattimento disponibile gratuitamente e senza limitazioni fino al 11 febbraio 2021 in lingua italiano e per sistema operativo Windows.

Parliamo di For The King, scaricabile dalla piattaforma Epicgames qui https://www.epicgames.com/store/it/product/for-the-king/home


Per maggiori informazioni e download, visitate il sito indicato.

venerdì 5 febbraio 2021

Codice Sorgente gioco Microsoft Edge

 




Per coloro che sono interessati a scoprire o meglio scaricare il codice sorgente del gioco Microsoft Edge Surf, possono trovare in questo sito  https://github.com/jackbuehner/MicrosoftEdge-S.U.R.F. i sorgenti e le immagini di questo gioco.

Un modo per scoprire ed imparare la creazione di video giochi.


Download gioco smite

 



Per tutti gli appassionati di video giochi, disponibile per sistemi Windows, il gioco Smite.

Il gioco, è gratuito e senza limitazioni, ma non in lingua italiana.

Per maggiori informazioni e download visitate il seguente sito https://www.epicgames.com/store/it/product/smite/home

giovedì 4 febbraio 2021

C# Linq Listbox select items Windows Forms

 Il frammento di codice qui di seguito, illustra una tecnica di come rilevare gli elementi presenti in un controllo Listbox in ambito "Windows Forms".


  var Elementi = NomeListBox.Items.Cast<string>().Select(p => p);

mercoledì 3 febbraio 2021

Asp.Net Introduzione alla creazione di grafici con il componente gratuito Chart.Js

 Si riporta l'articolo scritto per il sito https://www.iprogrammatori.it/articoli/microsoft-net-framework/art_aspnet-introduzione-alla-creazione-di-grafici-con-chartjs_1728.aspx 



In questo articolo introduttivo si scoprirà come utilizzare il componente Chart.Js in progetti WEB, in particolare in Asp.Net (MVC e Core) con il quale creare dei grafici.

Il componente è gratuito ed offre un supporto molto valido anche perché utilizza HTML5, qui https://www.chartjs.org/ il sito ufficiale.

Il progetto è opensource ed al momento offre 8 modelli di grafici inoltre offre anche la possibilità di averlo di tipo ressponsive, utilizzabile su varie soluzioni.


Il grafico che andremo a craere è come quella della figura precedente, il comune grafico denominato "Pila".


Creazione del progetto

Si crea un nuovo progetto web, con il linguaggio di programmazione C# . Nel nostro caso utilizzeremo Asp.Net Core MVC ma è possibile utilizzarlo anche in altre tipologie di progetti web.

Dopo aver creato il progetto andiamo in Nuget, e cerchiamo il componente chart.js come in figura 1.



Figura 1 – il componente per la creazione dei grafici


Tra i vari componenti dobbiamo selezionare il primo nella lista della figura in precedenza, quello denominato “Chart.Js” con la descrizione “Simple html5 chart using the canvas element”.

Questo approccio riguarda la possibilità di aggiungere il componente al nostro progetto, ma vedremo anche come utilizzare quello presente online.

Dopo aver aggiunto il componente al progetto, inseriamo nel progetto i file javascript che sono stati installati sul pc. Per compiere questa operazione, andiamo in “Esplora soluzione” e facciamo tasto destro sul nome “Chart.JS” presente nella voce “Pacchetti” il tutto come riportato in figura 2.


Figura 2 – Il menu di scelta rapida per aprire la cartella nel quale sono presenti i file .JS


Nel menu di scelta rapida che viene aperto, facciamo click sulla voce “Apri Cartella in esplora file” in modo che si apre il percorso in cui si trovano i file.

Aperta la finestra di esplora file, andiamo nella sotto cartella “Content” e dopo dentro alla cartella “Scripts”, in questa sottocartella troviamo due file, denominati “Chart.Js” e “Chart.min.js”, copiamo entrami i file nella cartella “JS” che si trova in “wwwroot” del nostro progetto.

In questo modo abbiamo predisposto il nostro progetto all’utilizzo dei file Javascript per la creazione dei grafici.


Stesura del codice

Ora non ci resta che scrivere il codice per visualizzare i grafici.

Andiamo nella pagina “Index.cshtml” che è quella principale che visualizziamo non appena viene eseguito il nostro progetto web.

In questa pagina dobbiamo aggiungere il tag “Canvas” impostando un id, la proprietà width e height .


Qui di seguito il codice completo per la pagina index.cshtml


Codice

@{

    ViewData["Title"] = "Home Page";

}


<div class="text-center">

    <h1 class="display-4">Esempio Grafico</h1>

    <canvas id="IdGrafico" width="400" height="200"></canvas>

    

</div>

Ora dobbiamo scrivere il codice ed aggiungere i riferimenti ai file javascript appena aggiunti al progetto. Questo lo si fa nella pagina “_layout.cshtml” dove va inserito anche il codice per il caricamento dei dati.
Nella parte sotto ai vari riferimenti Jascript, inseriamo anche quella relativa ai file Chart di tipo Javascript.
Qui di seguito il frammento di codice delle suddette operazioni.

Codice HTML


<script src="~/lib/jquery/dist/jquery.min.js"></script>

    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

    <script src="~/js/site.js" asp-append-version="true"></script>

    <script src="~/js/Chart.js"></script>

    <script src="~/js/Chart.min.js"></script>


Ora non resta che scrivere il codice del caricamento dei dati e della creazione del grafico.

Tramite il metodo “GetElementByID” della classe “document” andiamo ad impostare al tag html Canvas il grafico.

La proprietà “Label” permette di impostare il titolo delle varie barre dei grafici, mentre la proprietà data, va impostato con i dati.


Qui di seguito il codice Javascript per la creazione del grafico.

<script>

        var ControlloGrafico = document.getElementById('IdGrafico').getContext('2d');

        var Grafico = new Chart(ControlloGrafico, {

            type: 'bar',

            data: {

                labels: ['Programmatori C#', 'Sviluppatori', 'Sistemisti', 'Amministrativi', 'Project Manager', 'DBA'],

                datasets: [{

                    label: 'Ruoli aziendali',

                    data: [12, 19, 3, 5, 2, 3],

                    backgroundColor: [

                        'rgba(255, 99, 132, 0.2)',

                        'rgba(54, 162, 235, 0.2)',

                        'rgba(255, 206, 86, 0.2)',

                        'rgba(75, 192, 192, 0.2)',

                        'rgba(153, 102, 255, 0.2)',

                        'rgba(255, 159, 64, 0.2)'

                    ],

                    borderColor: [

                        'rgba(255, 99, 132, 1)',

                        'rgba(54, 162, 235, 1)',

                        'rgba(255, 206, 86, 1)',

                        'rgba(75, 192, 192, 1)',

                        'rgba(153, 102, 255, 1)',

                        'rgba(255, 159, 64, 1)'

                    ],

                    borderWidth: 1

                }]

            },

            options: {

                scales: {

                    yAxes: [{

                        ticks: {

                            beginAtZero: true

                        }

                    }]

                }

            }

        });

    </script>

 

 Ora non ci resta che eseguire il nostro progetto per visualizzare il grafico a forma di barre (pila).

Il tipo di grafico viene indicato nella proprietà “type”. Nel caso che invece non si vuole utilizzare il file .JS, si può fare riferimento al file online, impostando il src al fine.


Nel caso che invece vogliamo utilizzare il file online, dobbiamo impostare il riferimento dei file al sito, qui di seguito si riporta l'esempio di codice del riferimento online del file Javascript inserito nella parte finale dei riferimenti Javascript che vengono aggiunti dopo la creazione del progetto.


<script src="~/lib/jquery/dist/jquery.min.js"></script>

    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

    <script src="~/js/site.js" asp-append-version="true"></script>

    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>


Conclusioni

In questo articolo abbiamo visto come aggiungere alle nostre applicazioni web, una rappresentazione di dati sotto forma di grafico, il tutto tramite la libreria Chart.JS, che possiamo utilizzare anche in progetto di tipo commerciali.

Una libreria che offre una vasta gamma di tipi di grafici ma soprattutto facilita lo sviluppatore nella creazione di progetti con uso di grafici per presentare i dati.

Una libreria con numerose potenzialità.


Nel prossimo articolo, quello conclusivo, vedremo come caricare i dati dinamicamente da codice C#.

martedì 2 febbraio 2021

Download Crystal Reports per Visual Studio

Il miglior programma gratuito di reportistica molto usato nello sviluppo di applicazioni .Net.

Parliamo di Crystal Report, che offre funzionalità avanzate.

Il programma si può installare scarica dal seguente sito https://www.sap.com/products/crystal-visual-studio.html il pacchetto di installazione, oppure dal markplace di Visual Studio, qui https://marketplace.visualstudio.com/items?itemName=SAPSE.CRforVS

lunedì 1 febbraio 2021

Javascript rilevare elementi di una tabella

 L'esempio di codice qui di seguito, rileva se i controlli di tipo Checkbox hanno la spunta.

Supponiamo di avere una tabella con due righe, e nella seconda riga sono presenti delle checkbox, il ciclo verifica ciò.

La tabella ha una classe di stile, con il quale si rileveranno i contenuti.

 var Tabella = document.querySelectorAll(".MiaClasse"); 

 for (var Colonne = 0; Colonne < Tabella [0].rows[1].cells.length; Colonne++) {

                    if (typeof Tabella [0].rows[1].cells[Colonne].childNodes[0] != "undefined") {

                        if (Tabella [0].rows[1].cells[Colonne].childNodes[0].className == 'ClassePerCheck') { 

                            //verifico se almeno c'è un check

                            if (Tabella[0].rows[1].cells[Colonne].childNodes[0].childNodes[0].checked == true) {

                                //Codice

                                break;

                            }

                        }

                    }

                }


Tramite il metodo querySelectorAll rilevo tutti gli elementi della tabella.

Da li, presumendo che i checkbox si trovano alla riga 1, effettuo un ciclo per tutte le colonne nella ricerca dei controlli Checkbox verificando la classe, in tal caso verifico se ha la spunta.