Está en la página 1de 12

TECNOLÓGICO NACIONAL DE MÉXICO

Instituto Tecnológico de Cuautla

Proyecto Integrador
Informe Técnico de Programación Web

“BIBLIOTEC”

Desarrolladores de Software:
AMANTE TURIJAN ROSA MARÍA 15680115
BARRIGA SANTAMARÍA LUIS AMAXY 15680006
CARDENAS BAÑUELOS LEYDA ADRIANA 15680128
ESPINOSA GÓMEZ EDSON ANTONIO 15680009
MARÍN RODRIGUEZ ALEXIS ALBERTO 15680602
ROJAS DE LA CRUZ MARCOS SAHUINDANDA 15680199

H.H. Cuautla, Morelos Noviembre2018


ÍNDICE
INTRODUCCIÓN ......................................................................................................
CAPÍTULO I GENERALIDADES ..............................................................................
1.1 ANTECEDENTES ......................................................................................
1.2 DATOS GENERALES DE LA EMPRESA ...................................................
1.3 PLANTEAMIENTO DEL PROBLEMA .........................................................
1.4 PROPUESTA DE SOLUCIÓN ....................................................................
1.5 OBJETIVO GENERAL Y ESPECÍFICO ......................................................
1.6 ALCANCE Y LIMITACIONES DEL SISTEMA .............................................
1.7 JUSTIFICACIÓN ........................................................................................
1.8 BENEFICIOS ..............................................................................................
CAPÍTULO II FUNDAMENTO TEÓRICO .................................................................
2.1 HTML ........................................................................................................
2.2 CSS .........................................................................................................
2.3 BOOTSTRAP............................................................................................
2.4 XAMPP – CONTROL ................................................................................
2.5 PHP ...........................................................................................................
2.6 MYSQL ......................................................................................................
2.7 JAVASCRIPT .............................................................................................
2.8 JQUERY ....................................................................................................
2.9 AJAX .........................................................................................................
2.10 SUBLIME TEXT2 ....................................................................................
CAPÍTULO III ACTIVIDADES REALIZADAS ...........................................................
3.1 REQUERIMIENTOS DEL SISTEMA .......................................................
3.2 ANÁLISIS ................................................................................................
3.3 DISEÑO ..................................................................................................
3.4 IMPLEMENTACIÓN ................................................................................
3.5 PRUEBAS …………………………………………………………………….
CAPÍTULO I GENERALIDADES
1.1 ANTECEDENTES

En 1991 se publica la primera página web creada por Tim Berners-Lee usando un
computador NeXT. La web 1.0 se denomina así para definir todo lo creado
anteriormente al fenómeno de la Web 2.0, por lo que ambos conceptos son
sincrónicos.

Durante la última década del siglo XX navegamos por estas páginas estáticas en
HTML, donde abundaba el uso de marcos y botones gif y supeditadas al control de
un webmaster que, ocasionalmente, las actualizaba. El consumidor tenía un papel
pasivo donde sólo recibía información de las empresas.

La primera conferencia sobre la web 2.0 se celebró en Octubre de 2004, aunque el


término apareció por primera vez en 1999 en el artículo Fragmented Future de Darcy
DiNucci.
La web 2.0 es puramente social. Se basa en usuarios activos. El auge de los blogs,
redes sociales, wikis, tags o etiquetas, webs creadas por usuarios… etc., hace que
las empresas cambien su visión de mercado y estrategias de marketing
completamente y las enfoquen a la interactuación con sus consumidores, que pasan
a ser clientes 2.0 o adprosumer.
La expresión web 3.0 apareció por primera vez en un artículo sobre Jeffrey
Zeldman, creador del Web Standards Project.

El avance tecnológico hacia la inteligencia artificial y de la web semántica


contribuyen a la aparición de la web 3.0 o data web. Esta tendencia de dirige al uso
de programas inteligentes que utilizan datos semánticos para crear un lenguaje que
se puedan entender, compartir e integrar fácilmente. Es primordial un diseño
responsive adaptable a cualquier dispositivo.

1.2 DATOS GENERALES DE LA EMPRESA

El diseño de las páginas debe ser en función de los requerimientos del sitio y de
los usuarios, cuidando los elementos empleados comunicar el mensaje.
1.3 PLANTEAMIENTO DEL PROBLEMA
Los estándares y pautas para el diseño de un sitio Web son un conjunto de
elementos de vital importancia a considerar antes de su realización para obtener
una buena usabilidad.

Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez
en su interior, cumpla con los objetivos que lo condujeron hacia él de una
manera rápida y simple, garantizando un futuro regreso.

1.4 PROPUESTA DE SOLUCIÓN


Con base a lo anterior el diseño de un sitio web que cumpla con los puntos
marcados para que el usuario pueda resolver su duda mediante este sitio web
Y para ello también se debe tomar en cuenta los siguientes puntos base para la
creación de esta web como por ejemplo.
 Claridad en los objetivos del sitio
 Información básica correspondiente al contenido
 Selección de un nombre de dominio correcto
 Realización de un diseño en función de los requerimientos del sitio
y de los usuarios
 La navegabilidad
1.5 OBJETIVO GENERAL Y ESPECÍFICO
Objetivo general: crear un sitio web para la biblioteca de la escuela o en este
caso una extensión de ella para hacer consultas fuera del área de la escuela
como por ejemplo desde casa o en cualquier sitio donde el alumno requiera
hacer una consulta de libro sin necesidad de estar en las instalaciones.

Objetivo específico: de acuerdo a su carrera el alumno podrá realizar una


consulta del libro que necesite de acuerdo al tema que esté desarrollando y para
ello se realizara una base de datos donde contenga los temas adecuados en
base a su carrera y el alumno tenga más facilidad de usar esta extensión del
sitio web del centro de información.

1.6 ALCANCE Y LIMITACIONES DEL SISTEMA


Alcance: dentro del tiempo se puede llevar a cabo una base de datos de los
libros del centro de información por tema de acuerdo a la carrera y así pueda
ser fácilmente consultado y también poder consultar las tesis de los alumnos
egresados para aquellos alumnos que están por egresar mediante la tesis
tengan una guía de cómo realizar adecuadamente su tesis
Limitaciones del sistema: solo se podrá hacer consultas de los libros del
Instituto Tecnológico de Cuautla ya que se tenía planeado que si en dado caso
se pudiera hacer consultas de libros que el tecnológico y otros si de esa manera
pudiera ser más accesible la información pero debido a al tiempo y que son
demasiados tecnológicos no cuenta con ese servicio así como de poner una
especie de torniquete de seguridad para ser rastreado el libro si en dado caso
de que este tuviera que ser transferido de tecnológico a tecnológico
1.7 JUSTIFICACIÓN
El desarrollo de esta extensión del centro de información es para facilitar de
manera más amplia fuera de los territorios de la institución que el alumno pueda
hacer una consulta eficaz del libro que está buscando para poder desarrollar
más fácil su tema y también consultar tesis de alumnos ya egresados para servir
de guía para elaboración de proyectos para alumnos futuros egresados.
1.8 BENEFICIOS
Consultas para cualquier momento u hora en que el alumno quiera repasar
algún tema mediante la verificación de un libro fuera de las instalaciones de la
escuela y no necesariamente necesite tener el libro de manera física si en
dado caso que solo sea una consulta pequeña así como también los ejemplos
de tesis de alumnos egresados.
CAPÍTULO ll FUNDAMENTO TEÓRICO
2.1 HTML
(Lenguaje de Marcado para Hipertexto)
Es el elemento de construcción más básico de una pagina web y se usa para crear
y representar visualmente una página web. Determina el contenido de la página
web, pero no funcionalidad.
HTML le da “valor añadido” a un texto estándar en español, Hiper Texto se refiera
a enlaces que se conectan a una página web con otra, ya sea dentro de una página
o entre diferentes sitios web.
HTML usa “markup” o marcado para notar textos, imágenes y otros contenidos que
se muestran en el navegador web. El lenguaje de marcado incluye “elementos”
especiales tales como <head>, <title>, <body>. <header>, <article>, <section>, <p>,
<div>, <span>, <img> y muchos más.

2.2 CSS
Hojas de estilo en cascada (del inglés Cascading Style Sheets), lenguaje utilizado
para describir la presentación de documentos HTML o XML, esto incluye varios
lenguajes basados en XML como son XHTML o SVG. CSS describe como debe de
ser renderizado el elemento estructurado en pantalla, en papel, hablado o en otros
medios.
Es uno de los lenguajes base de la Open Web y posee una especificación
estandarizada por parte del W3C. Desarrollado en niveles, CSS1 es ahora obsoleto,
CSS2, es una recomendación y CSS3, ahora dividido en módulos más pequeños
está progresando en camino al estándar.

2.3 BOOTSTRAP
Framework de Twitter para desarrollo de aplicaciones web.
Es una biblioteca multiplataforma o conjunto de herramientas de código abierto para
diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía,
formularios, botones, cuadros, menús de navegación y otros elementos de diseño
basado en HTML y CSS, así como extensiones de JavaScript adicionales. A
diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end.
Bootstrap es el segundo proyecto más destacado en GitHub y es usado por la NASA
y la MSNBC entre otras organizaciones.

2.4 XAMPP- CONTROL


Es un servidor independiente en base a software libre, con el cual podemos disponer
de un servidor propio o simplemente usarlo para hacer pruebas de nuestras páginas
web, bases de datos, para desarrollar aplicaciones en php, con conexión a base de
datos SQL (LAMPP=LINUX + APACHE+ MYSQL+ PHP+ PERL).
El programa está liberado bajo la licencia GNU y actúa como un servidor web libre,
fácil de usar y capaz de interpretar páginas dinámicas. Actualmente en XAMPP está
disponible para GNU/Linux, Microsoft Windows y MacOS X (para Solaris está
descatalogado).

2.5 PHP
Lenguaje de programación de uso general de código del lado del servidor, fue
diseñado para el desarrollo web de contenido dinámico. Está actualmente entre lo
proyectos de código abierto más populares. El código es interpretado por un
servidor web con un módulo procesador de PHP que genera la página web
resultante.
Permite a páginas estáticas convertirse en dinámicas, el PHP un acrónimo que
significa “Hypertext Preprocessor” la palabra hipertexto significa que PHP realiza
cambios antes de que el contenido (como la página HTL) sea creado.

2.6 MYSQL
(My Structured Query Language o Lenguaje de Consulta Estructurado)
Programadores de IBM lo desarrollaron para contar un código de programación que
permitiera generar múltiples y extendidas bases de datos para empresas y
organizaciones de diferente tipo.
Sistema de base de datos operacional MySQL es hoy en día uno de los más
importantes en lo que hace el diseño y programación de base de datos de tipo
relacional. El programa MySQL se usa como servidor a través del cual pueden
conectarse múltiples usuarios y utilizarlo al mismo tiempo.

2.7 JAVASCRIPT
Es un lenguaje ligero e interpretado, orientado a objetos con funciones de primera
clase, más conocido como el lenguaje de script para páginas web, pero también
usado en muchos entornos sin navegador, tales como node.js, apache, couchDB y
Adobe Acrobat. Es un lenguaje script multi-paradigma, basado en prototipos,
dinámico, orientada a objetos e imperativa.

2.8 JQUERY
Es librería de JavaScript (JavaScript es un lenguaje de programación muy usado en
desarrollo web) creado por John Resig, permite simplificar la manera de interactuar
con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX a páginas web. Está librería
de código abierto, simplifica la tarea de programas en JavaScript y permite agregar
interactividad a un sitio web sin tener conocimientos del lenguaje.

2.9 AJAX
Es el acrónimo de Asynchronousca JavaScript and XML, es decir JavaScript
asíncrono. Este acrónimo fue utilizado por primera vez por Jesse James Garret en
2005, en su publicación. Se define como una técnica para el desarrollo e páginas
(sitios) web que implementan aplicaciones interactivas. Permite que una página web
que ya ha sido cargada solicite nueva información cada vez que se pincha dicho
enlace.

2.10 SUBLIME TEXT2


Es una concebida para programar sin distracciones. Su interfaz de color obscuro y
la riqueza de coloreado de la sintaxis. Permite tener varios documentos abiertos
mediante pestañas, e incluso emplear varios paneles para aquellos que utilicen más
de un monitor. Dispone de modo de pantalla completa, para aprovechar el máximo
el espacio visual disponible en la pantalla.
El programa dispone de auto-guardado, muchas opciones de personalización,
cuenta con un buen número de herramientas para la edición del código y
automatización de tareas. Soporta macros, Snippets y auto completar, entre otras
funcionalidades.

CAPÍTULO lll ACTIVIDADES REALIZADAS


3.1 REQUERIMIENTOS DEL SISTEMA
3.2 ANÁLISIS
3.3 DISEÑO
3.4 IMPLEMENTACIÓN
3.5 PRUEBAS