Creare le tue applicazioni aziendali ti dà la possibilità di far funzionare il software come preferisci. Progetta i tuoi campi, disponi i tuoi pulsanti e persino il nome dai nomi che sono significativi per te. Utilizzando la tecnologia delle applicazioni HTML di Microsoft incorporata in Windows, è possibile creare un’applicazione desktop che calcola la retribuzione lorda e la retribuzione da portare a casa o lo stipendio totale. Non sono necessari kit di sviluppo software speciali.
Crea HTA
Le applicazioni HTML sembrano quasi normali documenti Web HTML. Gli HTA hanno una sezione del corpo e una sezione della testa in cui inserisci le funzioni JavaScript. È possibile creare un programma HTA di base incollando il seguente codice di scheletro in un nuovo documento di testo:
Se si salva questo documento con un’estensione di file .hta, è possibile fare doppio clic su quel file in Esplora risorse e si aprirà una finestra invece di un browser. Poiché non hai aggiunto nessun altro codice all’HTA, la finestra sarà vuota.
Progettazione dell’interfaccia utente
Se hai mai progettato una pagina Web, hai familiarità con i pulsanti e le caselle di testo. Per calcolare la retribuzione lorda e la retribuzione totale, è sufficiente aggiungere le caselle di testo necessarie per determinare tali valori nella sezione del corpo del documento. Poiché la retribuzione lorda è rappresentata dai guadagni meno le detrazioni, il modulo necessita di campi per la tariffa oraria, le ore lavorate e le percentuali di detrazione. Il seguente esempio mostra come creare una casella di testo che accetti un valore per “Hours Worked”:
Ore lavorate
Questa casella di testo ha un valore ID di “hoursWorked”. Puoi scrivere una funzione JavaScript per ottenere il valore di questa casella di testo esaminando quell’id. È inoltre possibile aggiungere caselle di testo per Tariffa oraria, Percentuale di detrazione 1 e Percentuale di detrazione 2 in modo simile. A ciascuna casella di testo che aggiungi, dai un ID descrittivo come hourlyRate o deductionPercentage1. Non inserire spazi nel valore id. Il modulo necessita inoltre di due campi di output, Retribuzione lorda e Stipendio totale, per visualizzare i valori calcolati. La funzione JavaScript popola queste caselle di testo dopo aver fatto clic sul pulsante “Calcola”. Puoi creare quel pulsante aggiungendolo in fondo al codice che crei per generare le caselle di testo. L’istruzione di input da creare che è simile al codice mostrato di seguito:
Il valore dell’attributo onclick è “calcola ()”. Questo è il nome della funzione JavaScript che viene eseguita quando si fa clic sul pulsante.
Imposta variabili
Incollare il seguente codice JavaScript nella sezione head del documento crea la funzione di calcolo di cui hai bisogno:
funzione calcola () {}
È possibile aggiungere istruzioni alla funzione che imposta le variabili necessarie utilizzando istruzioni simili a quella elencata di seguito:
var hoursWorked = document.getElementById (“hoursWorked”). value;
Questa istruzione ottiene il valore hoursWorked dalla casella di testo e lo memorizza nella variabile hoursWorked. È possibile impostare il valore dei valori hourlyRate, deductionPercentage1 e deductionPercentage2 utilizzando un’istruzione simile. Quando aggiungi una casella di testo percentuale di detrazione, potresti voler aggiungere un piccolo testo accanto ad essa che indichi alle persone come inserire un valore percentuale, come mostrato nell’esempio seguente:
Percentuale di detrazione 1 (inserire un numero intero come 25)
Questo testo dice ai lettori che quando inseriscono 25, il codice interpreta quel valore come 25 percento. Formula il tuo testo come preferisci. È inoltre possibile aggiungere altro testo esplicativo nella sezione della guida dell’applicazione che spiega come utilizzare l’applicazione.
Aggiungi logica di programmazione
Dopo aver compilato le variabili, è sufficiente utilizzarle per calcolare lo stipendio lordo e lo stipendio netto. I seguenti calcoli calcolano la retribuzione lorda e la retribuzione totale presumendo che le variabili siano state denominate hoursWorked, hourlyRate, deductionPercentage1 e deductionPercentage2:
if (isNaN (deductionPercentage1) || deductionPercentage1.length == 0) deductionPercentage1 = 0; if (isNaN (deductionPercentage2) || deductionPercentage2.length == 0) deductionPercentage2 = 0;
var grossPay = parseFloat (hoursWorked) * parseFloat (hourlyRate);
var totalSalary = parseFloat (grossPay) – (parseFloat (deductionPercentage1) * grossPay) / 100 – (parseFloat (deductionPercentage2) * grossPay) / 100;
Dovrai impostare i valori della percentuale di detrazione su 0 nel caso in cui qualcuno lasci vuote le caselle di testo della percentuale di detrazione. Le prime due affermazioni lo fanno. La funzione parseFloat converte i valori di testo in numeri utilizzabili nei calcoli. Il codice in questi esempi presuppone che siano presenti due importi percentuali di detrazione: deductionPercentage1 e deductionPercentage2. Se disponi di percentuali di detrazione aggiuntive, crea nuove caselle di testo e aggiorna la funzione JavaScript in modo che includa tali valori nei calcoli. Se si dispone di una percentuale di detrazione o di nessuna percentuale, rimuovere le caselle di testo della detrazione ed eliminarle dai calcoli JavaScript. Quando si esegue l’applicazione facendo doppio clic su di essa in Esplora risorse, è possibile digitare i valori di input nelle caselle di testo appropriate, fare clic su “Calcola” e visualizzare i valori per la retribuzione lorda e la retribuzione totale.