Skip to main content

​
Introduction

ITV Gestion Concesionario is a professional web-based system designed to streamline the management of Vehicle Technical Inspection (ITV) forms for car dealerships. The application automates form generation, cost calculation, and report generation, significantly reducing manual errors and improving operational efficiency.

​
What is ITV Gestion Concesionario?

This system is a modern web application that allows car dealerships to efficiently manage multiple ITV forms. It enables staff to register client and vehicle information, automatically calculate costs based on engine type, and generate detailed reports with approval status, observations, and payment totals. The system is built with vanilla JavaScript, HTML5, and CSS3, featuring a clean, responsive interface with smooth animations and modern design patterns including glassmorphism and gradient effects.

​
Key Features

Dynamic Form Generation

Automatically generates individual forms for each vehicle based on the quantity specified by the user.

Automatic Cost Calculation

Calculates ITV costs based on engine type with predefined rates: Diesel (€50), Gasoline (€45), Hybrid (€35), Electric (€30).

Data Validation

Ensures all required fields are completed before processing, with real-time validation and user-friendly error messages.

Detailed Reporting

Displays comprehensive client information, ITV approval status, observations, and itemized payment totals.

Export & Print

Export results to JSON format or generate printable reports for record-keeping and client distribution.

Responsive Design

Fully responsive interface that adapts seamlessly to desktop, tablet, and mobile devices.

​
How It Works

The application follows a three-stage workflow:
1

Client Registration

Users enter basic client information including name, surname, business name, and the number of vehicles requiring inspection.
2

Vehicle Information Entry

The system dynamically generates forms for each vehicle where users select:
  • Engine type (Diesel, Gasoline, Hybrid, Electric)
  • ITV approval status (Approved/Not Approved)
  • Optional observations about the vehicle’s condition
3

Results & Reports

After calculation, the system displays a comprehensive report with:
  • Client information summary
  • Total payment amount with itemized breakdown by engine type
  • ITV status for each vehicle
  • All observations recorded
  • Options to print or export data

​
Problems It Solves

Dealerships often handle large volumes of ITV forms manually, leading to errors and time loss. This system automates form generation and management, reducing errors and increasing operational efficiency.
Manually calculating ITV costs based on different engine types is error-prone and time-consuming. The application performs automatic calculations based on engine type, ensuring accuracy and saving time.
Client and vehicle information may be scattered across different systems or formats. This system centralizes all information in one place, facilitating data access and analysis.
Generating detailed and accurate reports manually can be tedious and error-prone. The application automatically generates detailed reports with approval status, observations, and payment totals.
Paper-based or desktop systems limit accessibility and mobility. As a web application, this system can be accessed from anywhere with an internet connection, improving accessibility and mobility.

​
Technical Architecture

The system uses a modular JavaScript architecture with separate functions for each core operation:
  • enviar() - Validates and initiates form generation (script.js:8)
  • generarFormulariosVehiculos() - Creates dynamic vehicle forms (script.js:44)
  • calcular() - Processes all calculations (script.js:119)
  • calcularYMostrarTotal() - Calculates costs with tariff rates (script.js:268)
  • exportarResultados() - Exports data to JSON (script.js:529)
  • imprimirResultados() - Generates printable reports (script.js:551)

​
Cost Structure

The system uses predefined tariffs for different engine types: 
const tarifas = {
    "Diesel": 50,
    "Gasolina": 45,
    "Hibrido": 35,
    "Electrico": 30
};
These rates are automatically applied during calculation, with the final report showing an itemized breakdown by engine type before displaying the total amount.

​
Who Is This For?

Car Dealerships

Primary users managing multiple vehicle inspections daily.

ITV Inspection Centers

Facilities conducting technical inspections needing efficient form management.

Fleet Managers

Companies managing vehicle fleets requiring centralized inspection tracking.
The system is designed for ease of use with minimal training required. The intuitive interface guides users through each step of the process with clear visual feedback and validation.

​
Next Steps

Ready to get started? Check out the Quick Start Guide to learn how to use the application.

Build docs developers (and LLMs) love

Get started for freeTalk to us