style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5164839828746352"
data-ad-slot="7563230308">

Ayuda con el envío de datos a la base de datos con jsp

tengo una duda espero puedan ayudarme, estoy trabajando en un sistema para la empresa donde estoy realizando mi residencias profesionales, y me pusieron a programar en netbeans 8.1 en web con jsp y servlets lo que pasa es que todo marchaba muy bien pero al momento de llamar un .jsp y este realizar el insert, no lo hace y tampoco manda a llamar el formulario donde indica que se a agregado con éxito si me pueden ayudar revisando el código e indicándome si tengo algún error se los agradeceré.
el código:

VPN.java

package servlets;

import clases.Datos;
import clases.Usuario;
import clases.jmail.JCMail;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

/**
 *
 * @author EST.MARCO.INDOVAL
 */

@WebServlet(name = "VPN", urlPatterns = {"/VPN"})
public class VPN extends HttpServlet {

    /**
     * methods.
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */

    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        try (PrintWriter out = response.getWriter()) {
            /* TODO output your page here. You may use following sample code. */
           Datos dat=new Datos();
           request.setCharacterEncoding("UTF-8");
           JCMail mail = new JCMail();
           HttpSession sesion=request.getSession();
           Usuario usu=(Usuario)sesion.getAttribute("usuario");
           
            //se declaran variables para almacenar los valores del formulario en el jsp
           String solicitud="vpn";
           int folio=dat.getFolio(solicitud);
           String fecha=request.getParameter("fecha");
           //datos de area
           String dirgralreg=request.getParameter("direccion_general_regional").toUpperCase();
           String direccionArea=request.getParameter("direccion_area").toUpperCase();
           String coordinacionArea=request.getParameter("coordinacion_area").toUpperCase();
           String departamentoArea=request.getParameter("departamento_area").toUpperCase();
           String responsable=request.getParameter("responsable").toUpperCase();
           String telefonoArea=request.getParameter("telefono_area").toUpperCase();
           String emailArea=request.getParameter("email_area").toUpperCase();
           String ubicacionFisica=request.getParameter("ubicacion_fisica").toUpperCase();
           //datos de usuario
           String dependencia=request.getParameter("dependencia").toUpperCase();
           String usuario=usu.getUsuario();
           String departamento=request.getParameter("departamento").toUpperCase();
           String domicilio=request.getParameter("domicilio").toUpperCase();
           //proyecto
           String sistemaOperativo=request.getParameter("sistema_operativo");
           String proyecto=request.getParameter("proyecto").toUpperCase();
           String descripcion=request.getParameter("descripcion").toUpperCase();
           String permanente=request.getParameter("permanente");
           String fechaInicio=request.getParameter("fecha_inicio");
           String fechaFin=request.getParameter("fecha_fin");
         
           //si no existe una solicitud de este tipo ya hecha por el usario se insertan los datos de las variables a la tabla de VPN
           if(!dat.solicitudPendiente(usuario, solicitud)){
                dat.vpn(folio, fecha,  dirgralreg, direccionArea, coordinacionArea, departamentoArea, responsable, telefonoArea, emailArea, ubicacionFisica,
                dependencia, usuario, departamento, domicilio, sistemaOperativo, proyecto, descripcion, permanente, fechaInicio, fechaFin);

                // envio de correo electronico.
                //mail.enviar(folio, usuario, solicitud);
               
                //se imprime el folio de la solicitud
               out.println("<script language=\"JavaScript\" type=\"text/javascript\">\n" +
                "alert(\"Su folio de solicitud es: "+folio+"\");\n" +
                "</script>\n");
           }
           //si ya existe una solicitud
           else{
               //se actualiza la tabla en caso de ser requerido
               dat.updateVPN(usuario,  fecha, dirgralreg, direccionArea, coordinacionArea, departamentoArea, responsable, telefonoArea, emailArea, ubicacionFisica,
                dependencia, departamento, domicilio, sistemaOperativo, proyecto, descripcion, permanente, fechaInicio, fechaFin);
   
               //confirma si se efectuo la operacion
               out.println("<script language=\"JavaScript\" type=\"text/javascript\">\n" +
                "alert(\"Su solicitud ha sido modificada\");\n" +
                "</script>\n");
           }
            dat.actualizarEstado(solicitud, 1, usuario);
            //se cierra la conexion de la base de datos
            dat.cerrarConexion();
            //regresa a la pagina de la solicitud
            out.println("<script>javascript:history.back();</script>");
           
        }
    }

    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">
    /**
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     *
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        processRequest(request, response);
    }

    /**
     * Returns a short description of the servlet.
     *
     * @return a String containing servlet description
     */

    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>

}

-------------------------------------------------------
VPN.java

package clases;

/**
 *
 * @
 */

public class VPN {
    //se declaran las variables para almacenar los datos del vpn
    private int folio;
    private String fecha;
    private String dirgralreg;
    private String direccionArea;
    private String coordinacionArea;
    private String departamentoArea;
    private String responsable;
    private String telefonoArea;
    private String emailArea;
    private String ubicacionFisica;
    private String dependencia;
    private String departamento;
    private String domicilio;
    private String sistemaOperativo;
    private String proyecto;
    private String descripcion;
    private String permanente;
    private String fechaInicio;
    private String fechaFin;
    private int estado;

    //el metodo contructor recibe los parametros obtenidos del metodo getVpn y se asignan en las variables locales

    public VPN(int folio, String fecha, String dirgralreg, String direccionArea, String coordinacionArea, String departamentoArea, String responsable, String telefonoArea, String emailArea, String ubicacionFisica, String dependencia, String departamento, String domicilio, String sistemaOperativo, String proyecto, String descripcion, String permanente, String fechaInicio, String fechaFin, int estado) {
        this.folio=folio;
        this.fecha=fecha;
        this.dirgralreg=dirgralreg;
        this.direccionArea=direccionArea;
        this.coordinacionArea=coordinacionArea;
        this.departamentoArea=departamentoArea;
        this.responsable=responsable;
        this.telefonoArea=telefonoArea;
        this.emailArea=emailArea;
        this.ubicacionFisica=ubicacionFisica;
        this.dependencia=dependencia;
        this.departamento=departamento;
        this.domicilio=domicilio;
        this.sistemaOperativo=sistemaOperativo;
        this.proyecto=proyecto;
        this.descripcion=descripcion;
        this.permanente=permanente;
        this.fechaInicio=fechaInicio;
        this.fechaFin=fechaFin;
        this.estado=estado;
    }

    //los metodos get sirven para obtener los datos de las variables
    //los metodos set sirven para asignar valores a las variables
    public int getEstado() {
        return estado;
    }

    public void setEstado(int estado) {
        this.estado = estado;
    }
       
    public int getFolio() {
        return folio;
    }

    public void setFolio(int folio) {
        this.folio = folio;
    }

    public String getFecha() {
        return fecha;
    }

    public void setFecha(String fecha) {
        this.fecha = fecha;
    }

    public String getDirgralreg() {
        return dirgralreg;
    }

    public void setDirgralreg(String dirgralreg) {
        this.dirgralreg = dirgralreg;
    }
       
    public String getDireccionArea() {
        return direccionArea;
    }

    public void setDireccionArea(String direccionArea) {
        this.direccionArea = direccionArea;
    }

    public String getCoordinacionArea() {
        return coordinacionArea;
    }

    public void setCoordinacionArea(String coordinacionArea) {
        this.coordinacionArea = coordinacionArea;
    }

    public String getDepartamentoArea() {
        return departamentoArea;
    }

    public void setDepartamentoArea(String departamentoArea) {
        this.departamentoArea = departamentoArea;
    }

    public String getResponsable() {
        return responsable;
    }

    public void setResponsable(String responsable) {
        this.responsable = responsable;
    }

    public String getTelefonoArea() {
        return telefonoArea;
    }

    public void setTelefonoArea(String telefonoArea) {
        this.telefonoArea = telefonoArea;
    }

    public String getEmailArea() {
        return emailArea;
    }

    public void setEmailArea(String emailArea) {
        this.emailArea = emailArea;
    }

    public String getUbicacionFisica() {
        return ubicacionFisica;
    }

    public void setUbicacionFisica(String ubicacionFisica) {
        this.ubicacionFisica = ubicacionFisica;
    }

    public String getDependencia() {
        return dependencia;
    }

    public void setDependencia(String dependencia) {
        this.dependencia = dependencia;
    }

    public String getDepartamento() {
        return departamento;
    }

    public void setDepartamento(String departamento) {
        this.departamento = departamento;
    }

    public String getDomicilio() {
        return domicilio;
    }

    public void setDomicilio(String domicilio) {
        this.domicilio = domicilio;
    }

    public String getSistemaOperativo() {
        return sistemaOperativo;
    }

    public void setSistemaOperativo(String sistemaOperativo) {
        this.sistemaOperativo = sistemaOperativo;
    }

    public String getProyecto() {
        return proyecto;
    }

    public void setProyecto(String proyecto) {
        this.proyecto = proyecto;
    }

    public String getDescripcion() {
        return descripcion;
    }

    public void setDescripcion(String descripcion) {
        this.descripcion = descripcion;
    }

    public String getPermanente() {
        return permanente;
    }

    public void setPermanente(String permanente) {
        this.permanente = permanente;
    }

    public String getFechaInicio() {
        return fechaInicio;
    }

    public void setFechaInicio(String fechaInicio) {
        this.fechaInicio = fechaInicio;
    }

    public String getFechaFin() {
        return fechaFin;
    }

    public void setFechaFin(String fechaFin) {
        this.fechaFin = fechaFin;
    }
   
}

------------------------------------------------------------

VPN.jsp

<%@page import="clases.VPN"%>
<%@page import="clases.Usuario"%>
<%@page import="clases.Datos"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<html>
    <head>
        <title>-</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/Pcss.css">
        <jsp:include page="encabezado.jsp"></jsp:include>
    </head>
   
    <body>
    <%
        Datos dat=new Datos();
        HttpSession sesion=request.getSession();
        if(sesion.getAttribute("usuario")==null){%>
            <jsp:forward page="Principal.jsp"></jsp:forward><%
        }

        Usuario usu=(Usuario)sesion.getAttribute("usuario");
       
        //datos de solicitud
       
        String nombre=usu.getNombre();
        String telefono=usu.getTelefono();
        String email=usu.getEmail();
        String departamento=usu.getDepartamento();
        //String direccionGeneralRegional=usu.getDireccionGeneralRegional();
        //String coordinacion=usu.getCoordinacion();
        //String radicacion=usu.getRadicacion();

        int folio=0;
        String fecha="";
        String dirgralreg="";
        String direccionArea="";
        String coordinacionArea="";
        String departamentoArea="";
        String responsable="";
        String telefonoArea="";
        String emailArea="";
        String ubicacionFisica="";
        String dependencia="";
        //String departamento="";
        String domicilio="";
        String sistemaOperativo="";
        String proyecto="";
        String descripcion="";
        String permanente="";
        String fechaInicio="";
        String fechaFin="";
        int estado=0;
        String var="";

        if(dat.solicitudPendiente(usu.getUsuario(), "vpn")){
            VPN vpn=dat.getVPN(usu.getUsuario());
            folio=vpn.getFolio();
            fecha=vpn.getFecha();
            dirgralreg=vpn.getDirgralreg();
            direccionArea=vpn.getDireccionArea();
            coordinacionArea=vpn.getCoordinacionArea();
            departamentoArea=vpn.getDepartamentoArea();
            responsable=vpn.getResponsable();
            telefonoArea=vpn.getTelefonoArea();
            emailArea=vpn.getEmailArea();
            ubicacionFisica=vpn.getUbicacionFisica();
            dependencia=vpn.getDependencia();
            departamento=vpn.getDepartamento();
            domicilio=vpn.getDomicilio();
            sistemaOperativo=vpn.getSistemaOperativo();
            proyecto=vpn.getProyecto();
            descripcion=vpn.getDescripcion();
            permanente=vpn.getPermanente();
            fechaInicio=vpn.getFechaInicio();
            fechaFin=vpn.getFechaFin();
            estado=vpn.getEstado();

            if(estado==1){
                    var="Solicitud en proceso de revisión";
                }
                else if(estado==2){
                    var="La solicitud necesita ser modificada";
                }
                else if(estado==3){
                    var="Liberado por el area de sistemas";
                }
                else if(estado==4){
                    var="";
                }
                else if(estado==5){
                    var="Solicitud lista para ser impresa";
                }
        }
           
    %>
   
   
   
    <jsp:include page="Menu.jsp" flush="true"></jsp:include>
    <figure>
    <img src="img/logonuevo2.png" width='160' height='160' ALIGN="left"><center><p>Dirección General de Administración</p></center>
                                                                    <center><p>Dirección General Adjunta de Informática</p></center>
                                                                      <center><p>Dirección de Cómputo y Comunicaciones</p></center>
                                                                <center><p>Subdirección de Administración de Infraestructura de Red</p></center>
                                                                   <center><p>Departamento de Soporte y Monitoreo a la Red de Datos</p></center>
    </figure>

        <div  id="divicion" >
            <h3><center><b>F</b></center> </h3>
           
           
           
             <%if(estado==5){%><FORM name="canvas-vpn" id="canvas-vpn" ACTION="canvas-vpn.jsp"  METHOD="POST"><%}
                else{%><FORM name="VPN" id="VPN" ACTION="VPN"  METHOD="POST"><%}%>
                <p ALIGN=right>
                <label for="fecha">Fecha de Solicitud:</label>
                <INPUT TYPE="date" NAME="fecha" id="fecha" value="<%=fecha%>" required/>
                <p>
                <p><b>Datos Generales Del Área Del Solicitante.</b></p>
                <font>
                <fieldset>
                <br><center><MARQUEE BEHAVIOR=ALTERNATE style="width: 50%; font-size: 25px;"><b><%=var%></b></MARQUEE></center>
                <p>
                <label for="dirgralreg">Dirección General /Regional:</label>
                <INPUT TYPE="text" NAME="dirgralreg" id="dirgralreg" SIZE="30" MAXLENGTH="50" value="<%=dirgralreg%>" style="text-transform:uppercase;"/>
                <p>
                <label for="direccionArea">Dirección de Área:</label>
                <INPUT TYPE="text" NAME="direccionArea" id="direccionArea" SIZE="30" MAXLENGTH="50" value="<%=direccionArea%>" style="text-transform:uppercase;"/>
               
                 <p>
                <label for="coordinacionArea">Coordinación / Subdirección:</label>
                <input type="text" name="coordinacionArea" id="coordinacionArea" value="<%=coordinacionArea%>" size="30" style="text-transform:uppercase;"/>

                <p>
                <label for="departamentoArea">Departamento:</label>
                <input type="text" NAME="departamentoArea" id="departamentoArea" value="<%=departamentoArea%>" size="30" style="text-transform:uppercase;"/>

                <p><label for="responsable">Responsable:</label>
                <INPUT TYPE="text" NAME="responsable" id="responsable" value="<%=responsable%>" size="30" MAXLENGTH="50" style="text-transform:uppercase;"  />
                <p>
                <label for="telefonoArea">Teléfono y Extención:</label>
                <INPUT TYPE="text" NAME="telefonoArea" id="telefonoArea" SIZE="30" MAXLENGTH="50" value="<%=telefonoArea%>" style="text-transform:uppercase;"/>
                <p>
                <label for="emailArea">Direccion de Correo Electrónico:</label>
                <INPUT TYPE="text" NAME="emailArea" id="emailArea" SIZE="30" MAXLENGTH="50" value="<%=emailArea%>" style="text-transform:uppercase;"/>
                <p>
                <label for="ubicacionFisica">Ubicación Física:</label>
                <INPUT TYPE="text" NAME="ubicacionFisica" id="ubicacionFisica" SIZE="30" value="<%=ubicacionFisica%>" MAXLENGTH="50" style="text-transform:uppercase;"/>
               
                </fieldset>
               
                <p><b>Datos del Usuario.</b></p>
                <font>
                <fieldset>
                <p><label for="dependencia">Dependencia y/o Empresa:</label>
                    <INPUT TYPE="text" NAME="dependencia" id="dependencia" SIZE="30" value="<%=dependencia%>" MAXLENGTH="50" style="text-transform:uppercase;" />
               
                <p><label for="nombre">Nombre del Usuario:</label>
                    <INPUT TYPE="text" NAME="nombre" id="nombre" SIZE="30" MAXLENGTH="50" readonly="readonly" value="<%=nombre%>" />
                <p>
                <label for="departamento">Departamento:</label>
                <INPUT TYPE="text" NAME="departamento" id="departamento" SIZE="30" MAXLENGTH="50" value="<%=departamento%>" style="text-transform:uppercase;"/>
                <p>
                <label for="telefono">Teléfono y Extención:</label>
                <INPUT TYPE="text" NAME="telefono" id="telefono" SIZE="30" MAXLENGTH="50" readonly="readonly" value="<%=telefono%>" />
                 <p>
                <label for="email">Dirección de Correo Electrónico:</label>
                <INPUT TYPE="text" NAME="email" id="email" SIZE="30" MAXLENGTH="50" readonly="readonly" value="<%=email%>"/>
                 <p>
                <label for="domicilio">Domicilio:</label>
                <INPUT TYPE="text" NAME="domicilio" id="domicilio" SIZE="30" MAXLENGTH="50" value="<%=domicilio%>" style="text-transform:uppercase;"/>
               
                </fieldset><br>
                <br>
               
               <fieldset>      
               <p>      
               
                <label for="sistema_operativo">Versión del Sistema Operativo:</label>
               
                <INPUT TYPE="radio" NAME="sistema_operativo" VALUE="WINDOWS" <%if(sistemaOperativo.equals("WINDOWS")){out.print("checked");}%>>
                Windows.
                <INPUT TYPE="radio" NAME="sistema_operativo" VALUE="ANDROID" <%if(sistemaOperativo.equals("ANDROID")){out.print("checked");}%>>
                Android.
                <INPUT TYPE="radio" NAME="sistema_operativo" VALUE="OSX" <%if(sistemaOperativo.equals("OSX")){out.print("checked");}%>>
                OS X
                <INPUT TYPE="radio" NAME="sistema_operativo" VALUE="IOS" <%if(sistemaOperativo.equals("IOS")){out.print("checked");}%>>
                iOS
               
                </fieldset>
               
                <p>
                <label for="proyecto">Nombre del Proyecto o Programa:</label>
                <input type="text"  name="proyecto" id="proyecto" size="100" value="<%=proyecto%>" style="text-transform:uppercase;"><br>
                <p>
                <label for="descripcion">Descripcion de los Servicios y Equipos a Acceder</label>
                <br>
                <TEXTAREA NAME="descripcion" ROWS="20" COLS="130" style="text-transform:uppercase;"><%=descripcion%></TEXTAREA>
               <br>  
               
               
               <p><label<b>Periodo del Proyecto.</b></label></p>
     
     
                <fieldset>
               <p><label for="permanente">Permanente:</label>
                    <INPUT TYPE="checkbox" NAME="permanente" id="permanente" value="SI" <%if(permanente.equals("SI")){out.print("checked");}%>/>
                    <label for="fechaInicio"> Temporal: Del
                        <input type="date" size="30" name="fechaInicio" id="fechaInicio" value="<%=fechaInicio%>"> Al
                 <label for="fechaFin">
                <input type="date" size="30" name="fechaFin" id="fechaFin" value="<%=fechaFin%>"></p>
                </fieldset>
 
                <br>
     
             <p><b>Para Llenado Exclusivo de Administrador del Servicio.</b></p>
 
             <fieldset>
             <center><table>
             <tr>
             <td colspan="4"><center><label><b>Servicios Autorizados</b></label></center></td>
             </tr>
             <tr>
             <td><label>EQUIPOS IP</label></td>
             <td><input type="text" name="" value="" disabled="disabled" /></td>
             <td><label>PUERTOS</label></td>
             <td><input type="text" name="" value="" disabled="disabled" /></td>
             </tr>
             <tr>
             <td><label>Cuenta Asignada:</label></td>
             <td><input type="text" name="" value="" disabled="disabled" /></td>
             <td ><label>Grupo al que Pertenece:</label></td>
             <td><input type="text" name="" value="" disabled="disabled" /></td>
             </tr>
             </table></center>
             </fieldset>
   
              <P align="center">
              <input type="text" size="30" id="DirectorArea" name="DirectorArea" placeholder="Director del Área" style="text-transform:uppercase;" >

              <br>
              <p>
              <%if(estado==0||estado==2){%><input type="submit" value="Enviar" name="enviar" /><%}%>
              <%if(estado==5){%><input type="submit" value="imprimir" name="imprimir" /><%}%>
              </p>

              </FORM>
        </div>
    </body>
   
</html>

---------------------------------------------------------------------

canvas-vpn.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Formato de Solicitud para Acceso a la Red INEGI a través de Red Privada Virtual</title>
 
        <style>
           
            #canvas{
                width: 1097px;
                height: 1553px;
            }
           
        </style>
        <script src="js/jquery-3.0.0.min.js"></script>
        <script>
            function getLines(text, lineLenght, firstLineLenght){
                                if( firstLineLenght === undefined ) firstLineLenght = lineHeight;
                                var length = firstLineLenght;
                                var spacePosition = 0;
                                var lines = [];
                                while( text.length > length ){

                                        spacePosition = 0;
                                        for( i = length; i >= 0; i-- ){
                                                if( text.charAt( i ) === ' ' ){
                                                        spacePosition = i;
                                                        break;                 
                                                }
                                        }
                                        lines.push(  text.substring(0, spacePosition) );
                                        text = text.slice( spacePosition+1, text.length );     
                                        length = lineLenght;
                                }

                                if( text.length > 0 ) lines.push( text );
                               
                                return lines;
                        }
           
        </script>
        <script>
            var c;        
            var ctx;
           
           
           
            window.onload = function() {
                c = document.getElementById("canvas");
                ctx = c.getContext("2d");
   
                var template = new Image();
                template.src = "images/VPN.png";
   
                template.onload = function(){
                    console.log("carga");
                    ctx.drawImage(template,0,0, 1097, 1553 ,0,0, 1097, 1553 );
                   
                    <%
                        String fecha=request.getParameter("fecha");
                        String dia=fecha.substring(8,10);
                        String mes=fecha.substring(5,7);
                        String año=fecha.substring(0,4);
                        String sFecha=dia+"-"+mes+"-"+año;
                    %>
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= sFecha %>",1037,373);

                    //ctx.font = "20px Arial";
                    //ctx.fillText("<-%= request.getParameter("folio") %>",970,335);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("direccion_general_regional") %>",331,423);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("direccion_area") %>",255,444);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("coordinacion_area") %>",339,465);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("departamento_area") %>",234,488);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("responsable") %>",220,508);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("telefono_area") %>",290,530);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("email_area") %>",359,553);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("ubicacion_fisica") %>",242,573);

                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("dependencia") %>",320,628);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("nombre") %>",273,649);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("departamento") %>",165,671);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("telefono") %>",293,693);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("email") %>",357,715);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("domicilio") %>",199,736);

                    if("<%=request.getParameter("sistema_operativo")%>"==="WINDOWS"){
                        ctx.font = "18px Arial";
                        ctx.fillText("X",552,791);
                    }else if("<%=request.getParameter("sistema_operativo")%>"==="ANDROID"){
                        ctx.font = "18px Arial";
                        ctx.fillText("X",725,791);
                    }else if("<%=request.getParameter("sistema_operativo")%>"==="OSX"){
                        ctx.font = "18px Arial";
                        ctx.fillText("X",863,791);
                    }
                    else if("<%=request.getParameter("sistema_operativo")%>"==="IOS"){
                        ctx.font = "18px Arial";
                        ctx.fillText("X",955,791);
                    }
                   
                    ctx.font = "18px Arial";
                    ctx.fillText("<%= request.getParameter("proyecto") %>",363,840);
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("permanente")%>",216,954);
                   
                   
                   // ctx.font = "14px Arial";
                    //ctx.fillText("<-%= request.getParameter("fechainicio") %>",333,974);
                   
                   // ctx.font = "14px Arial";
                   // ctx.fillText("<-%= request.getParameter("fechafin") %>",1037,373);
                   
                 
                   
                    var texto = "<%=request.getParameter("descripcion") %>";
                        // SE OBTIENE EL ARREGLO POR LINEAS
                    var lines = getLines( texto, 100,100 );
                       
    //aqui se recorto un segmento de codigo con el cual se imprime en caonvas.
                                       
                                       
                        <%
                            String fechaInicio=request.getParameter("fecha_inicio");
                            String diaInicio=fechaInicio.substring(8,10);
                            String mesInicio=fechaInicio.substring(5,7);
                            String añoInicio=fechaInicio.substring(2,4);
                           
                            String fechaFin=request.getParameter("fecha_fin");
                            String diaFin=fechaFin.substring(8,10);
                            String mesFin=fechaFin.substring(5,7);
                            String añoFin=fechaFin.substring(2,4);
                        %>
                    if("<%=fechaInicio%>"!=="null"){
                        ctx.font = "18px Arial";
                        ctx.fillText("<%=diaInicio%>",280,975);
                        ctx.fillText("<%=mesInicio%>",340,975);
                        ctx.fillText("<%=añoInicio%>",460,975);
                    }
                    if("<%=fechaFin%>"!=="null"){
                        ctx.font = "18px Arial";
                        ctx.fillText("<%=diaFin%>",505,975);
                        ctx.fillText("<%=mesFin%>",560,975);
                        ctx.fillText("<%=añoFin%>",660,975);
                    }
                   
                    for ( i in lines ) {
                       
                            //document.write(lines[i]+'<br/>');
                                //AQUI PODRIAS IMPRIMIR EN EL CANVAS
                                ctx.font = "15px Arial";
                                                ctx.fillText(
                                                        lines[i],
                                                        115,
                                                        //(i==0)?200:120, // si es la primera linea se pone en su coordenada x necesaria, si es la segunda en adelante se pone en su coordenada x necesaria.
                                                        (1035 + (i*20)) // La coordenada Y se le va sumando el alto de cada linea por el numero de la linea
                                                );
                    }
                   
                    ctx.font = "14px Arial";
                    ctx.fillText("<%= request.getParameter("DirectorArea") %>",756,1397);    
                };
            };
        </script>
    </head>
    <body>
        <canvas id="canvas" width="1097" height="1553"></canvas>
        <!--img src="images/template_1.png" width="1200" height="1553"/-->
    </body>
</html>

--------------------------------------------------------------------------------

aqui se realiza el insert en la base de datos (BD)

 //hace una insertcion en la tabla vpn
    public void vpn(int folio, String fecha, String usuario, String dirgralreg, String direccionArea, String coordinacionArea, String departamentoArea, String responsable, String telefonoArea, String emailArea, String ubicacionFisica, String dependencia, String departamento, String domicilio, String sistemaOperativo, String proyecto, String descripcion, String permanente, String fechaInicio, String fechaFin){
        try {
            String sql="INSERT INTO `vpn`(`folio`, `fecha`, `id_usuario`, `direccion_general_regional`, `direccion_area`, `coordinacion_area`, `departamento_area`, `responsable`, `telefono_area`, `email_area`, `ubicacion_fisica`, `dependencia`, `departamento`, `domicilio`, `sistema_operativo`, `proyecto`, `descripcion`, `permanente`, `fecha_inicio`, `fecha_fin`) "
                    + "VALUES ('"+folio+"','"+fecha+"','"+usuario+"','"+dirgralreg+"','"+direccionArea+"','"+coordinacionArea+"','"+departamentoArea+"','"+responsable+"','"+telefonoArea+"','"+emailArea+"','"+ubicacionFisica+"','"+dependencia+"','"+departamento+"','"+domicilio+"','"+sistemaOperativo+"','"+proyecto+"','"+descripcion+"','"+permanente+"','"+fechaInicio+"','"+fechaFin+"');";
            Statement st=cnn.createStatement();
            st.executeUpdate(sql);
        } catch (SQLException ex) {
            Logger.getLogger(Datos.class.getName()).log(Level.SEVERE, null, ex);
        }
    }

style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-5164839828746352"
data-ad-slot="7563230308">