INSTITUTO TECNOLOGICO SUPERIOR DE LA

REGION SIERRA

DIVISIÓN
INFORMÁTICA
ANTEPROYECTO DE RESIDENCIA PROFESIONAL
DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB PARA
EL REGISTRO “ASISTENCIA E INCIDENTES” DE LA
ESTANCIA INFANTIL “LA ESTACIÓN”

INSTITUCIÓN:
ESTANCIA INFANTIL “LA ESTACIÓN”

PRESENTA:
RAQUEL MUÑOZ LÓPEZ

NUMERO DE CONTROL:
14E30364

Vo. Bo.
Lic. Rosio Hernández Ovando, jefa de división académica.

TEAPA, TABASCO
Antecedentes del problema

Definición del problema

En la visita a la institución pude observar que el control de asistencias que lleva la

guardería es a papel donde se lleva todo el registro de los niños que asisten. En la
conversación que tuve con la directora del plantel me platico que anteriormente ya
le habían ofrecido un sistema de control de sus alumnos, pero la forma en que se
lo plantearon no le gusto porque utilizaba las fotos de los niños

Justificación

Para la realización de este proyecto se analizaron factores para el mejoramiento de

la estancia, porque es importante que las instituciones cuenten con un sistema que
vaya de la mano a sus necesidades, es decir que cada uno lleve a cabo sus
actividades de manera segura y eficiente, el propósito que se presenta es cumplir
con una necesidad que ayude al beneficio de una carencia, que puede llevarse al
mejoramiento utilizando las tecnologías. Dado a estos avances se puede utilizar un
sitio web, donde se puede modernizar la institución teniendo una mejor calidad,
donde se desarrolle un sitio web con base de datos; también donde la institución
ofrezca la enseñanza y cuidado que se les da a los niños a los diferentes padres y
que conozcan más acerca de la Estancia Infantil La “Estación” de como esta su
infraestructura que servicios ofrecen. Para ello se creará un registro de asistencia e
incidentes de la estancia, que se almacenará en un hosting.

2
Objetivo general

Diseñar un sitio web donde registre y genere reportes que permita el módulo de
contactos en la Estancia Infantil “La Estación”

Objetivos específicos

 Analizar la información con la que cuenta la Estancia Infantil la estación

 Generar reportes de las asistencia e incidentes de la estancia
 Presentar resúmenes mensuales

3
 Alcance

 Utilizar un hosting donde se almacene y publique el sitio web de la estancia,

donde se promocionen sus actividades y servicios.
 Administración del sitio en forma sencilla y fácil.
 Los padres de los asistentes tendrán acceso a información importante y
relacionada con sus niños y niñas.

Limitaciones

En el crecimiento de las tecnologías, muchas instituciones cuentan con un equipo

de cómputo para dar a conocer sus diferentes necesidades como la Estancia Infantil
la Estación. En esta instancia ofrecen servicios como los cuidados a los niños. Para
este sitio podrá manejar desde cualquier equipo de computo con acceso a internet
ya que estará almacenado en un hosting donde se podrá llevar el registro de las
asistencias e incidentes y también en su pagina principal se conocer la
infraestructura que cuenta la institución, así como los servicios que ofertan.

Lenguaje o herramienta de programación

PHP Lenguaje de programación: “Hypertext preprocessor” (o PHP: preprocesador

de hipertexto”) es el lenguaje de programación para servidor que ha tomado al
mundo web, programar de manera sencilla en el servidor web creando todo, desde
bases de datos en línea hasta libros de visitantes.

MySQL: es un sistema gestor de bases de datos relacionales, que además ofrece

compatibilidad con PHP, Perl, C, y HTML y funciones avanzadas de administración
y optimización de bases de datos para facilitar tareas habituales. Además,
determinadas sentencias de MySQL pueden ser embebidas en código PHP y HTML
para diseñar aplicaciones web dinámicas que incorporan la información de las tablas
de MySQL a páginas web.

4
Apache servidor web: el servidor Apache HTTP, también llamado Apache, es un
servidor web HTTP de código abierto para la creación de páginas y servicios web.
Es un servidor multiplataforma, gratuito, muy robusto y que destaca por su
seguridad y rendimiento. El servidor Apache se desarrolla dentro del proyecto HTTP
Server (httpd) de la Apache Software Foundation.

Bootstrap: es un framework originalmente creado por Twitter, que permite crear

interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz
del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se
adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta
técnica de diseño y desarrollo se conoce como “responsive design” o diseño
adaptativo.

El beneficio de usar responsive design en un sitio web, es principalmente que el sitio

web se adapta automáticamente al dispositivo desde donde se acceda. Lo que se
usa con más frecuencia, y que a mi opinión personal me gusta más, es el uso
de media queries, que es un módulo de CSS3 que permite la representación de
contenido para adaptarse a condiciones como la resolución de la pantalla y si
trabajás las dimensiones de tu contenido en porcentajes, puedes tener una web muy
fluida capaz de adaptarse a casi cualquier tamaño de forma automática.

Brackets: es un editor de código que soporta distintos lenguajes, cuenta con temas
para poner de color la letra según la estructura del código. Tiene una interfaz muy
sencilla y moderna, permite a través de Google Chrome revisar los cambios en
nuestro código sin necesidad de siquiera tener que guardar el texto. Tiene
la posibilidad de agregar extensiones a la aplicación para así añadir más
características y tener un editor más completo. Cuenta con muchas
características que la vuelven muy completa para ser gratuita.

5
Descripción Detallada de las Actividades

Analizar la información con la que cuenta la Estancia Infantil la Estación y determinar

cuales se utilizaran para el sistema.

Diseñar la pagina principal de la estancia, donde se aprecie su infraestructura y los

servicios que cuenta y ofertan.

Diseñar la administración del sitio

Realizar pruebas del sitio

Área o departamento de la empresa o institución donde se realiza

el proyecto

Nombre del departamento:

Jefe de departamento:

Ubicación en el organigrama:

Información sobre la empresa o institución donde se desarrollará

el trabajo

Razón social:

RFC:

Giro o actividad

Misión

Propietario:

6
Gerente general

Antigüedad

Sucursales

No. De personal

Ubicación

Ciudad

Tel y fax

e-mal: