Simulador de Circuitos Electronicos en Html

Juan Jinde
25 de mayo de 2017

UNIVERSIDAD TECNICA DE AMBATO

Facultad de Ingeniera en Sistemas, Electronica e Industrial

Carrera Ingeniera en Electronica y Comunicaciones

Ingeniero: Santiago Manzano
Nivel: Noveno Electronica

Periodo
Abril-Septiembre 2017

1
1. Objetivos
1.1. Objetivo General
Realizar un simulador de circuitos electronicos en lenguaje html usando la libreria
Jquery.

1.2. Objetivos Especificos

Visulalizar en una plataforma el index del archivo html

Investigar el modo de configuracion de jquery

Disenar un hosting para la pagina web creada

2. Resumen
En este documento se describe los diferentes componentes y funcionalidades en que
se baso para el desarrollo de una pagina web que permite simular circuitos electronicos.
Para crear este elemento utilizo el lenguaje de programacion html a traves del uso de
Dreamweaver Css, Jquery que es una librera de JavaScript. Ademas, se creo un servidor
web donde se almacenara la pagina web donde el usuario podra acceder para utilizar el
simulador. Para facilitar la manipulacion de diversos archivos se utilizo un gestor FTP
Filezila. El servidor Apache esta alojado en un sistema opertivo de redes CentOs 7.

3. Introduccion
Debido a que la tecnologia avanza cada vez mas rapido las personas hoy en da tra-
tan de hacer uso de esta para facilitar sus diferentes actividades, ya sea mantenerse en
contacto a traves de diferetes medios de comunicaciones, usar dispositivos electronicos
como smartphones, o simplemente utilizar una plataforma virtual donde permita recrear
calculos antes de ejecutarlos (simular). El modelo de globalizacion a traves del uso de
internet a facilitado cada vez mas la vida cotidianas de las personas.

Html(HyperText Markup)el lenguaje de marcas hipertexto nos permite crear paginas

web en sus distintas versiones, nos ayuda a estructurar textos, imagene, videos, entre
otros complementos dentro de una pagina web. Html se ha convertido en un estandar,
distitas plataformas para la interconexion de como navegadores inertretan el lenguaje
html en sus navegadores. Los distitos navegadores que existen hasta la actualidad han
sido capaces de adaptarse a dispitos dipositivos como tables, telefonos inteligentes, y di-
versos sistemas operativos de ordenadores.

Para poder anandir distitas funcionalidades a una pagina web se anade la direccion de los
elementos que pueden ser imagenes, videos, o una funcion especifica de tipo script. Para
poder realizar animaciones,manipulacion, manejo de eventos e interacciones simplificando
la estructura del lenguage html se puede hacer uso de JavaScript como el caso de JQuery
que es una biblioteca de multiplataforma.La versatilidad, factibilidad y capacidad de am-
pliar diversas caractersticas que ofrece JQuery hace que sea mucho mas facil el desarrollo
de esta tecnologa.

2
4. Marco Teorico
HTML

El lenguaje de marcas de hipertexto, HTML o (HyperText Markup Language) se basa

en el metalenguaje SGML (Standard Generalized Markup Language) y es el formato de
los documentos de la World Wide Web. El World Wide Web Consortium (W3C) es la
organizacion que desarrolla los estandares para normalizar el desarrollo y la expansion de
la Web y la que publica las especificaciones relativas al lenguaje HTML.

Se dice que HTML fue un lnguaje de intercambio de documentos cientficos con un con-
junto de etiquetas reducidas en su estructura y la realizacion de documentos de forma
sencilla. El momento en que fue lanzado html este se hizo inmediatamente popular ya que
con esto se de la posibilidad del desarrollo de la web.

La World Wide Web, posee organizacion y coherencia estructural. Todos los documen-
tos www comparten un mismo aspecto y una unica interfaz, lo que facilita enormemente
su manejo por parte de cualquier persona. Esto es posible porque el lenguaje HTML no
solo permite establecer enlaces entre diferentes documentos, sino que es un lenguaje de
descripcion de pagina independiente de la plataforma en que se utilice. Es decir un do-
cumento HTML contiene toda la informacion necesaria sobre su aspecto y su interaccion
con el usuario, y es luego el navegador que utilicemos el responsable de asegurar que el
documento tenga un aspecto coherente, independientemente del tipo de ordenador o de
estacion de trabajo desde donde estemos efectuando la consulta.
Editores
Los documentos HTML estan en formato de texto sencillo (tambien conocido como AS-
CII), por eso se puede utilizar un simple procesador de textos para escribir un documento
en lenguaje HTML. Este archivo sera posteriormente interpretado por el programa nave-
gador correspondiente, siempre que el documento este guardado en formato: solo texto.
Una vez creado el documento HTML, lo guardaremos con la extension .html o htm.

JQuery

jQuery es una biblioteca multiplataforma de JavaScript, creada inicialmente por John

Resig, que permite simplificar la manera de interactuar con los documentos HTML, ma-
nipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interaccion con
la tecnica AJAX a paginas web. Fue presentada el 14 de enero de 2006 en el BarCamp
NYC. jQuery es la biblioteca de JavaScript mas utilizada.

jQuery es software libre y de codigo abierto, posee un doble licenciamiento bajo la Li-
cencia MIT y la Licencia Publica General de GNU v2, permitiendo su uso en proyectos
libres y privados.2 jQuery, al igual que otras bibliotecas, ofrece una serie de funcionali-
dades basadas en JavaScript que de otra manera requeriran de mucho mas codigo, es
decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos
tiempo y espacio. Las empresas Microsoft y Nokia anunciaron que incluiran la biblioteca
en sus plataformas.3 Microsoft la anadira en su IDE Visual Studio4 y la usara junto con
los frameworks ASP.NET AJAX y ASP.NET MVC, mientras que Nokia los integrara con
su plataforma Web Run-Time.

3
5. Conclusiones
Para dearrolla una pagina web con distitas interacciones para el usuario es necesario
utilizar distitas librerias que faciliten en el desarrollo de dicha pagina web.

JQuery es una bibillioteca con componentes de JavaScript a la cual se puede direccio-

nar distitas enlaces hacia las diferentes funciones de intertretacion como animaciones,
control de eventos etc.

6. Recomendaciones
Es necesario conocer las principales caracterstica de programacion en html, ccs, Jquery
para mejorar la calidad de visualizacion y funcionalidades en la pagina web creada.

Es necesario crear un servidor para albergar la pagina web donde podemos acceder a
ella desde nuestro host.

7. Bibliografa