2.4 EIT Theory and System Components
2.4.2 Hardware Components in EIT
2.4.2.3 EIT Data Acquisition System (DAS)
En este formulario de inicio podemos ver la parte estática del sistema
Ilustración 11 inicio
Fuente: El Autor
En el formulario índex ingresamos al login con el correo y contraseña para poder ingresar a la parte administrativa donde se registra deportista, reportes, galería, usuarios.
Ilustración 12 login
Fuentes: El Autor
lustración 13 sistema
Este formulario como podemos ver nos permitirá el ingreso de los datos de los usuarios
Ilustración 14 ingreso de usuarios
Fuentes: El Autor
Como podemos ver este formulario nos da los reportes de los representantes de los deportistas de la academia de natación
Ilustración 15 reportes
Este formulario visualizara para imprimir los reportes adquiridos
Ilustración 16 formulario reportes imprimir
CONCLUSIONES
Al término de la presente investigación se plantea las siguientes conclusiones que permiten visualizar la importancia de la implementación de un sistema informático para el control de datos estadísticos en la Academia de Natación Boris Arias del cantón Quevedo.
Que un sistema informático es una de las herramientas más eficientes para el control de datos estadísticos en cualquiera de las áreas del conocimiento, brindando seguridad, agilidad en la custodia de la información, permitiendo el seguimiento y programación de actividades de forma individualizada para evaluar la gestión y rendimiento del deportista.
Mediante los procesos metodológicos seguidos se optimizó el control de los datos estadísticos en los deportistas de la academia de natación Boris Arias de manera simple y a un precio bastante bajo, informando oportunamente las operaciones de mantenimiento, generando historiales de medición de desempeño, información que servirá para tomar acciones de mejoramiento.
El desarrollo del sistema informático se estructuro en lenguaje PHP, con servidor local Apache y un gestor de datos MySQL que garantizan el funcionamiento del aplicativo en la empresa objeto de estudio, esta aplicación es de mantenimiento preventivo y correctivo, con un impacto directo en la optimización de la vida útil y continuidad de los procesos, alcanzando los más altos niveles de seguridad y confiabilidad.
RECOMENDACIONES
Tomando en cuenta varios parámetros en el proceso de investigación y seguimiento de los nadadores de esta empresa es necesario establecer las siguientes recomendaciones, las mismas que permitirán alcanzar el éxito, desarrollo e implementación de control y seguimiento de los deportistas:
Que el sistema informático se implemente inmediatamente en el control de datos estadísticos de los nadadores para mejorar las marcas y records y por ende el éxito de la empresa en la preparación, formación y competición de deportistas de alto nivel de rendimiento en las distintas categorías y estilos de natación.
Capacitar al responsable de la manipulación del software con el objetivo de un manejo técnico adecuado, de manera que se concientice al personal mostrando los beneficios del sistema y creando un compromiso de responsabilidad, fidelidad con la empresa.
Respaldar esta herramienta para garantizar los datos de los deportistas en un servidor base, mediante la codificación de los equipos simplificando la búsqueda de los códigos de manera eficiente y segura.
BIBLIOGRAFIA
Anciano, J. T. (2010). Manual de Introducción al lenguaje HTML. Formación para el Empleo. Madrid: CEP S.L.
Antonio, Ó. P. (2010). Manual imprescindible de CSS. Madrid: Anaya Multimedia. Arias, Á. (2014). Aprende a Programar con Ajax. españa : IT Campus Academy.
Arias, M. Á. (2017). Aprende Programación Web con PHP y MySQL: 2ª Edición. España: IT campus Academy.
Aveiga, V. (2013). Como hacer investigación cientifica. Quito: ESCUELA SUPERIOR POLITECNICA DEL ECUADOR.
Balado, E. S. (2005). Estrategia para la implantación de nuevas tecnologías en PYMES.
españa: vigo.
Castillo, A. A. (2017). Curso de Programación Web: JavaScript, Ajax y jQuery. 2ª Edición. spain: IT Campus Academy.
Cumbreras, I. M. (2017). SISTEMAS INFORMATICOS - 2ª EDICION. España: Ibergarceta.
Diaz, J. (23 de noviembre de 2017). Qué son las Bases de datos? ¿Qué debemos tener en cuenta a la hora de escoger una? Obtenido de https://blog.pandorafms.org/es/que-son-las-bases-de-datos/
Dimes, T. (2016). PHP. Babelcube Inc.
dominio.com. (2003). dominios y hosting sin cuentos. Obtenido de
https://blog.doominio.com/hosting-definicion-significado/
Durango, A. (2015). Diseño web con CSS: 2ª Edición. España: IT Campus Academy. escribano, L. f.-p. (2015). JavaScript. ilustrada.
Groussard, T. (2013). Java Enterprise Edition: Desarrollo de aplicaciones web con JEE 6. Madrid: s.a.
Hernández Sampieri, R. F. (2014). Metodologia de la investigacion. México: Mc Graw Hill.
Hernández, A. (2018). i-natacíon . Obtenido de http://www.i- natacion.com/articulos/modalidades/natacion1.html
Hernández, J. (2014). Análisis y Desarrollo Web. Barcelona : copyright.
López Cazuzo, R. (2006). Cálculo de probabilidades e inferencia estadística. Caraca: Universidad Católica Andrés Bello,.
Luján, S. (2013). APLICACIONES WEB 2.0. Barcelona: s.a.
M, R. M. (25 de enero de 2018). Blog Docente Udesur Raquel Rodriguez. Obtenido de http://200.11.208.195/blogRedDocente/raquelrodriguez/
masadelante.com. (25 de FEBRERO de 2018). servicios y recursos para tener exito en internet. Obtenido de http://www.masadelante.com/faqs/dominio
McFarlin, T. (10 de mayo de 2016). evaatotuts+ ,que es jquery. Obtenido de https://code.tutsplus.com/es/tutorials/what-is-jquery--cms-26232
Moseley, R. (2014). Desarrollo de aplicaciones Web. Barcelona: Anaya Multimedia. Ocaña, A. O. (2013). Hacia una Didáctica de la Educación Superior, Volumen 2. Peru:
CEPEDID.
openclassrooms. (27 de Marzo de 2018). Simplifica tus proyectos con JQuery. Obtenido de https://openclassrooms.com/en/courses/4309491-simplifica-tus-proyectos- con-jquery/4309498-que-es-jquery
Poolos, J. (2018). Diseñar, construir y mantener sitios web. NEW YORK: Group inc. Prescott, P. (2016). La programación JavaScript. Babelcube.
Ruiz, B. M. (11 de noviembre de 2014). ¿Cuál es el mejor estilo de natación para estar en forma? Obtenido de https://www.bbc.com/mundo/noticias/2014/11/141111_deportes_natacion_mejo r_estilo_ejercicio_cardiovascular_peso_jmp
Ruz, L. F. (2014). El paradigma paradójico: O la historia del ser. Bloomington: PALIBRIO.
SAMPIERI, H. (2014). METODOLOGIA DE LA INVESTIGACION . MEXICO: MC
Selman, H. (2017). Marketing Digital. Madrid: IBUKUKU. Semplades, S. N. (2017). Plan todo una Vida. Quito.
Suassuna, A. (29 de noviembre de 2018). Significadosdescubrir lo que significa,
conceptos y definiciones. Obtenido de https://www.significados.com/estadistica/ TORRES. (2014). Métodologia de la investigacion para administracon, economía,
humanidades . México: PEARSON.
Torres, B. C. (2013). Metodologia de la Investigaciòn. México: PEARSON. Ullman, L. (2009). Php: paso a paso. Anaya Multimedia-Anaya Interactiva.
Valdés, D. P. (26 de pctubre de 2007). maestros del web. Obtenido de http://www.maestrosdelweb.com/que-son-las-bases-de-datos/
valencia, v. (14 de mayo de 2016). PREZI. Obtenido de
https://prezi.com/5dcfj8oplb00/power-designer/
VALORTOP. (4 de DICIEMBRE de 2017). ¿Qué es hosting? Obtenido de http://www.valortop.com/blog/que-es-hosting
Vega, M. (8 de enero de 2018). Ok Hosting. Obtenido de
https://okhosting.com/blog/hosting-compartido/
VERAS, M. (2015). Arquitetura de Nuvem - Amazon Web Services. madrid: s.a. Vértice, E. (2009). Diseño básico de páginas web en HTML. Malaga: vertice S.L. Villanueva, M. A. (2001). progrmacion con java script . Lima: MACRO.
CERTIFICACIÓN
Yo, Ing. BORYS DAVID ARIAS DIAZ
CERTIFICO
Que el Sr. JOAO FELIPE ARIAS DIAZ con cedula de identidad N.° 1207575257 ha realizado un sistema Informático, para el control de datos estadístico en los atletas de la academia de natación Borys Arias en la ciudad de Quevedo, la misma que se encuentra en funcionamiento en la academia
Es todo cuanto puedo certificar en honor la verdad, autorizo la persona interesada a hacer uso del documento en los fines de su interés personal
Atentamente
Ing. BORYS ARIAS DIAZ
C.I. 120398376-0
Formulario principal
<?php
require_once('./clases/conexion.php'); require_once('./clases/valida.php');
$sql_slider= sprintf("SELECT * FROM galeria WHERE gal_catego='slider' AND gal_status='1' ORDER BY gal_fecha DESC ");
$q_slider=mysqli_query($mysqli,$sql_slider); $r_slider=mysqli_fetch_assoc($q_slider); $t_slider=mysqli_num_rows($q_slider);
$sql_galeria= sprintf("SELECT * FROM galeria WHERE gal_catego='galeria' AND gal_status='1' ORDER BY gal_fecha DESC ");
$q_galeria=mysqli_query($mysqli,$sql_galeria); $r_galeria=mysqli_fetch_assoc($q_galeria); $t_galeria=mysqli_num_rows($q_galeria); ?>
<!DOCTYPE html>
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ANBA</title>
<link rel="shortcut icon" href="./images/icono.ico">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Free HTML5 Template by
FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" /> <!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/> <meta property="og:image" content=""/> <meta property="og:url" content=""/>
<meta property="og:site_name" content=""/> <meta property="og:description" content=""/> <meta name="twitter:title" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="shortcut icon" href="favicon.ico">
<!-- Google Fonts --> <link
href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,300,7 00' rel='stylesheet' type='text/css'>
<!-- Animate -->
<link rel="stylesheet" href="css/animate.css"> <!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css"> <!-- Icomoon -->
<link rel="stylesheet" href="css/icomoon.css"> <!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/estilos_login.css"> <!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script> <!-- FOR IE9 below -->
<!--[if lt IE 9]> <script src="js/respond.min.js"></script> <![endif]--> </head> <body> <script>
// Get the modal
var modal = document.getElementById('id01');
// When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <script>
// Get the modal
var modal = document.getElementById('id02');
// When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> <script> function solonumeros(e) {
var keynum = window.event ? window.event.keyCode : e.which; if ((keynum == 8) || (keynum == 46))
return true;
return /\d/.test(String.fromCharCode(keynum)); }
function sololetras(e) {
if (tecla==8) return true; patron =/[A-Z a-z]/;
te = String.fromCharCode(tecla); return patron.test(te); } function valida_cedula(obj){ cedula=obj.value;sni=0;snp=0; if ((cedula.length==10) || (cedula.length==13)){ for(x=0;x<9;x=x+2){ np=parseInt(cedula.charAt(x))*2; if(np>9){ np=np-9; } snp+=np; } for(x=1;x<9;x=x+2){ sni+=parseInt(cedula.charAt(x)); } ultimo=cedula.substring(10,13); if(ultimo==''){ultimo='001';} ds=((Math.floor((sni+snp)/10))+1)*10; dc=ds-sni-snp; if (dc==10) { dc=0; } if(dc==cedula.charAt(9)&&ultimo=='001'){ obj.style.backgroundColor=""; }else{ //persona juridica suma=0; d=2; for (x=8;x>=0;x=x-1){ n=parseInt(cedula.charAt(x)); suma=suma+(n*d); d=d+1; if (d==8){d=2;} } num=suma%11; dv=11-num; if (dv==11){dv=0;} if (dv==10){dv=1;} if (dv==cedula.substring(9,10) && cedula.length >9 && cedula.substring(2,3)==9){
}else{
}
obj.style.backgroundColor=""; obj.style.backgroundColor="#F00"; obj.focus();
} </script> }else{ } } obj.style.backgroundColor="#F00"; obj.focus(); <div id="fh5co-header"> <div class="container">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav- toggle"><i></i></a> <div id="fh5co-logo"> <a href="index.html">Academia <span>ANBA</span></a> </div> <nav id="fh5co-main-nav"> <ul> section="home">Inicio</a></li>
<li><a href="./sistema/admin.php" data-nav- <li><a href="#" data-nav-
section="portfolio">Galeria</a></li>
<li><a href="#" data-nav- section="about">Quiénes Somos</a></li>
<li><a href="#" data-nav- section="contact">Contáctenos</a></li>
<!--<li><a href="#" data-nav-section="portfolio" onclick="document.getElementById('id02').style.display='block'">Registrarse</a></li> -->
<li><a href="#" data-nav-section="about" onclick="document.getElementById('id01').style.display='block'">Login</a></li>
</ul>
</div>
</div>
</nav>
<div id="id01" class="modal">
<form class="modal-content animate" method="post" action="./login.php" target="_blank">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
<img src="images/fot.png" alt="Avatar" class="avatar"> </div>
<div class="container1">
<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" class="input1" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" class="input2" required>
<button type="submit" class="button1" name="ingresar">Login</button>
</div> </form> </div>
<div id="id02" class="modal">
<form class="modal-content animate" method="post" action="./inscri.php"> <div class="imgcontainer">
<span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
<h2>Ficha de Inscripción</h2> </div>
<div class="container1"> <div class="row">
label">Nombres</label>
<div class="col-md-6 animate-box"> <div class="form-group">
<label class="eti- <input type="text" class="form-control" id="name" name="nombre" placeholder="Nombres" required autocomplete="off" onkeypress="return sololetras(event)">
</div>
<div class="form-group"> <label class="eti- label">Apellidos</label>
<input type="text" class="form-control" id="name" name="apellido" placeholder="Apellidos" required autocomplete="off" onkeypress="return sololetras(event)">
</div>
<div class="form-group"> <label class="eti- label">N.- Cedula</label>
<input type="text" class="form-control" id="name" name="cedula" placeholder="Cedula" required autocomplete="off" onkeypress="return solonumeros(event)"
onblur="valida_cedula(this)" maxlength="13"> label">Fecha de Nacimiento</label> </div> <div class="form-group"> <label class="eti- <input type="date" class="form-control" id="name" name="nacimiento" placeholder="Fecha de
Nacimiento" required autocomplete="off">
label">Sexo</label>
control" name="sexo" required>
</div>
<div class="form-group"> <label class="eti- <select class="form-
value="">Seleccione</option> value="masculino">Masculino</option> value="femenino">Femenino</option> </div> <option <option <option </select> label">Nacionalidad</label>
control" name="nacionalidad" required> value="">Seleccione</option> value="masculino">Masculino</option> value="femenino">Femenino</option> <div class="form-group"> <label class="eti- <select class="form- <option <option <option </select> label">Discapacidad</label>
control" name="discapacidad" required> value="">Seleccione</option> value="si">Si</option> value="no">No</option> </div> <div class="form-group"> <label class="eti- <select class="form- <option <option <option </select> </div> </div>
label">Nombres del Representante</label>
<div class="col-md-6 animate-box"> <div class="form-group">
<label class="eti- <input type="text" class="form-control" id="name" name="nombre_rep" placeholder="Nombres del Representante" required autocomplete="off" onkeypress="return sololetras(event)">
</div>
<div class="form-group"> <label class="eti- label">Parentesco del Representante</label>
<input type="text" class="form-control" id="name" name="parentesco" placeholder="Parentesco del Representante" required autocomplete="off" onkeypress="return sololetras(event)">
label">N.- Cedula del Representante</label>
<div class="form-group"> <label class="eti- <input type="text" class="form-control" id="name" name="cedula_rep" placeholder="Cedula del
Representante" required autocomplete="off" onkeypress="return solonumeros(event)" onblur="valida_cedula(this)" maxlength="13">
label">Email del Representante</label>
</div>
<div class="form-group"> <label class="eti- <input type="email" class="form-control" id="name" name="correo_rep" placeholder="Email del
Representante" required autocomplete="off">
label">Telefono del Representante</label>
</div>
<div class="form-group"> <label class="eti- <input type="text" class="form-control" id="name" name="telefono_rep" placeholder="Telefono del Representante" required autocomplete="off" onkeypress="return solonumeros(event)">
</div>
<div class="form-group"> <label class="eti- label">Dirección</label>
<textarea class="form-control" id="message" rows="5" placeholder="Direción" required></textarea> </div> </div> box"> group"><center> <div class="row">
<div class="col-md-12 animate- <div class="form-
<input type="submit" id="btn-submit" class="btn-primary btn-lg" value="Registrar"></center>
</div> </div> </form> </div> <div id="fh5co-main"> </div> </form> </div> </div> <div class="fh5co-overlay-mobile"></div>
<div id="fh5co-home" class="js-fullheight" data-section="home"> <div class="flexslider">
<div class="fh5co-overlay"></div> <div class="fh5co-text">
<div class="container">
<div class="row text-center">
<h1 class="animate-box">Academia de Natación Borys Arias</h1>
box"> next">
class="icon-arrow-down2"></i></span>
<div class="fh5co-go animate- <a href="#" class="js-fh5co-
<span><i </a> </div> </div> </div> </div> <ul class="slides"> <?php url(./sistema/galeria/".str_replace(" do{
echo "<li style='background-image: ","",strtolower($r_slider["gal_nombre"])).'.'.$r_slider["gal_foto"].");' data-stellar- background-ratio='0.5'></li>"; ?> </ul> }while($r_slider=mysqli_fetch_assoc($q_slider)); </div> </div>
<div id="fh5co-portfolio" data-section="portfolio"> <div class="container">
<div class="row r-pb">
<div class="col-md-8 col-md-offset-2 text-center section-heading"> </div> </div> <h2>GALERIA</h2> <div class="row"> <?php xs-6 col-xxs-12 animate-box'> /sistema/galeria/".str_replace(" do{ echo "
<div class='col-md-4 col-sm-4 col- <div class='img-grid'>
","",strtolower($r_galeria["gal_nombre"])).'.'.$r_galeria["gal_foto"]."' alt='' class='img- responsive1'> <a class='transition'> <div> title'>".ucwords($r_galeria["gal_nombre"])."</h2> </div> </div>"; </a> </div> <h2 class='fh5co- }while($r_galeria=mysqli_fetch_assoc($q_galeria)); ?>
<div class="col-md-4 col-sm-4 col-xs-6 col-xxs-12 animate-box">
<div class="img-grid">
<img src="images/pic_1.jpg" alt="Free HTML5 template by FREEHTML5.co" class="img-responsive" >
<a href="portfolio-single.html"