Documentos de Académico
Documentos de Profesional
Documentos de Cultura
QUE PRESENTA EL
ASESOR EMPRESARIAL
ASESOR ACADÉMICO
A-DIR-03
DEDICATORIA Y AGRADECIMIENTOS
A mis Padres
A la Empresa
Asesor Académico
A mi asesor académico el Mtro. Armando Méndez Morales por ser mi guía y amigo
durante el desarrollo de este proyecto, a quien le debo gran parte de mis
conocimientos y todo lo que aprendí lo puedo reflejar en el presente y los retos a
lograr a culminar mi estadía, gracias a mi asesor por su gran apoyo.
INDICE
I. INTRODUCCIÓN. ................................................................................................... 1
Fuente: http://para-mipymes.blogspot.mx/2009/09/clasificacion-de-empresas-
mexicanas.htmlI.2.3. Área de influencia. .............................................................. 5
I
II.2.5 Git .............................................................................................................. 16
III.1 Conclusiones................................................................................................... 46
III.2 Recomendaciones .......................................................................................... 46
II
Índice de Imágenes
Imagen: 1 Localización financiera CAPP a nivel estatal .............................................. 3
III
Imagen: 17 Método registrar usuario ......................................................................... 35
IV
Índice de tablas
V
I. INTRODUCCIÓN.
1
I.2 Contextualización
¿Qué es CAPP?
2
Imagen: 1 Localización financiera CAPP a nivel estatal
3
Imagen: 2 Localización financiera CAPP a nivel municipal, Tuxtla Gutiérrez
4
Imagen: 3 Diferentes tamaños de empresas
Fuente: http://para-mipymes.blogspot.mx/2009/09/clasificacion-de-empresas-
mexicanas.html
5
I.2.3. Área de influencia.
I.2.4.2. Misión
6
I.2.4.3. Visión.
7
II. DESARROLLO
➢ CAPP
➢ FIRA
8
II. 1.2 Área de motivo de estudio
Financiera CAPP cuenta con diferentes áreas y cada una de ellas se encarga de
realizar actividades específicas. Principalmente cuenta con una dirección general que
está encargada de monitorear los movimientos de la empresa.
II.1.3.1Solución a un problema
9
II.2 Estado del Arte
IMAGEN
10
Es el software que controla Es el software de control y Es un software para
todas las acciones de la operación para financieras emprendimientos financieros
empresa, se encarga de más completo y fácil de del crédito al recupero
registrar todos los préstamos, operar. En él se reflejan más crediticio. Está basado en
lleva el control de todos los de 10 años de experiencia y tecnología web, por lo cual no
DESCRIPCI pagos, clientes, garantías, etc. mejores prácticas de requiere instalación de
ÓN operación de este giro. Toma software y puede operar desde
el control total y obtén una cualquier puesto de trabajo.
visión global de tu negocio que
te permitirá enfocar tus
esfuerzos a donde más se
necesiten.
IMAGEN
11
CakePHP está diseñado para Los componentes de Zeta son CodeIgniter es un conjunto de
que las tareas comunes de una biblioteca de propósito herramientas para las personas
desarrollo web sean simples y general de alta calidad de que construyen aplicaciones web
fáciles. Al proporcionar una caja componentes ligeramente utilizando PHP. Su objetivo es
de herramientas todo en uno acoplados para el desarrollo de permitirle desarrollar proyectos
para empezar, las distintas aplicaciones basadas en PHP 5. mucho más rápido de lo que
partes de CakePHP funcionan Además de los módulos típicos podría si estuviera escribiendo
bien juntas o por separado. para el desarrollo de aplicaciones código desde cero,
CakePHP proporciona una web, como un motor de plantilla, proporcionando un rico conjunto
estructura organizativa básica herramientas de base de datos y de bibliotecas para tareas
que cubre nombres de clases, un componente MVC, Zeta comúnmente necesarias, así
DESCRIPCIÓN nombres de archivos, nombres Components contiene como una interfaz sencilla y una
de tablas de bases de datos y herramientas de línea de estructura lógica para acceder a
otras convenciones. Mientras comandos, Una biblioteca de estas bibliotecas. CodeIgniter le
que las convenciones toman un procesamiento de gráficos, un permite concentrarse
cierto tiempo para aprender, servidor WebDAV, un creativamente en su proyecto al
siguiendo las convenciones que componente universal de minimizar la cantidad de código
CakePHP proporciona usted conversión de documentos y necesario para una tarea
puede evitar la configuración muchas más herramientas para determinada.
innecesaria y hacer una facilitar la vida de los
estructura uniforme de la desarrolladores.
aplicación que haga el trabajo
con diversos proyectos simples.
12
II.2.3 Frameworks para la capa de presentación
IMAGEN
Creado y diseñado por Google, Bootstrap es un framework o UIKit es una excelente framework
Material Design es un lenguaje conjunto de herramientas de para diseñar páginas web, es una
de diseño que combina los Código abierto para diseño de alternativa más que
principios clásicos del diseño sitios y aplicaciones web. recomendable al famoso
exitoso junto con la innovación y Contiene plantillas de diseño con Bootstrap, UIKit es un framework
la tecnología. El objetivo de tipografía, formularios, botones, OpenSource que incluye una gran
Google consiste en desarrollar cuadros, menús de navegación y cantidad de componentes para
DESCRIPCIÓN un sistema de diseño que otros elementos de diseño personalizar y armar de una
permite una experiencia de basado en HTML y CSS, así forma rápida nuestra página web,
usuario unificada a través de como, extensiones de JavaScript incluye archivos CSS base para
todos sus productos en opcionales adicionales. normalizar el estilo de los
cualquier plataforma. elementos, CSS para impresión,
plantilla grid basada en el
estándar 960 que nos ayudara a
crear páginas web responsivas.
13
II.2.4 Tools para web development
HERRAMIENTAS DE
HERRAMIENTA POSTMAN DESARROLLADOR DE LOS REST
NAVEGADORES
IMAGEN
14
Característica de documentación Las herramientas de desarrollo REST es cualquier interfaz entre
API de Postman le permite del navegador que se incluyen sistemas que use HTTP para
compartir documentación de API en la mayoría de los obtener datos o generar
pública o privada, navegadores modernos son un operaciones sobre esos datos en
maravillosamente visible a través gran favorito de la mayoría de todos los formatos posibles, como
de una página web. Postman los desarrolladores. Cada XML y JSON. Es una alternativa
genera y aloja automáticamente navegador difiere en cuáles en auge a otros protocolos
la documentación API basada en herramientas proporciona estándar de intercambio de datos
DESCRIPCIÓN
navegador para sus colecciones exactamente, pero son más como SOAP (Simple Object
en tiempo real. Cada colección parecidas que diferentes. Una Access Protocol), que disponen
tiene una vista de documentación gran herramienta es la habilidad de una gran capacidad, pero
privada y pública, generada en de hacer clic con el botón también mucha complejidad. A
tiempo real utilizando los datos derecho sobre cualquier veces es preferible una solución
sincronizados a nuestros elemento en una página web e más sencilla de manipulación de
servidores. inspeccionar el HTML para ese datos como REST.
elemento.
15
II.2.5 Git
Tabla 5: Git
IMAGEN
GitHub aloja tu repositorio de Una manera fácil de manipular TortoiseGit es un cliente libre de
código y te brinda herramientas nuestros repositorios alojados en código abierto para el sistema de
muy útiles para el trabajo en GitHub es a través de la control de versiones de Git. Es
equipo, dentro de un proyecto. aplicación de interfaz gráfica de decir, TortoiseGit gestiona
usuario nombrada GitHub archivos con el tiempo. Los
Además de eso, puedes
Desktop. GitHub Desktop nos archivos se almacenan en un
contribuir a mejorar el software
permite agregar, crear y clonar repositorio local. El repositorio es
DESCRIPCIÓN de los demás. Para poder
repositorios de una manera muy parecido a un servidor de
alcanzar esta meta, GitHub
sencilla sin tener que estar archivos ordinario, excepto que
provee de funcionalidades para
escribiendo los comandos desde recuerda cada cambio hecho en
hacer un fork y solicitar pulls.
Git Bash que se instala por sus archivos y directorios. Esto le
Realizar un fork es simplemente
defecto con Git. permite recuperar versiones
clonar un repositorio ajeno
anteriores de sus archivos y
(genera una copia en tu cuenta),
examinar el historial de cómo y
para eliminar algún bug o
16
modificar cosas de él. Una vez cuándo cambiaron sus datos y
realizadas tus modificaciones quién lo cambió. Esta es la razón
puedes enviar un pull al dueño por la cual mucha gente piensa
del proyecto. Éste podrá analizar en Git y sistemas de control de
los cambios que has realizado versiones en general como una
fácilmente, y si considera especie de " máquina del tiempo
interesante tu contribución, “.
adjuntarlo con el repositorio
original
17
II.3. Materiales y métodos
II.3.1 Materiales
II.3.1.1 Hardware.
Dispositivo Descripción
Descripción Características
Marca Hp
Memoria RAM 8 GB
Laptop Procesador AMD A6-4400 APU with
Radeon(TM) HD Graphics 2.70
GHz
Disco Duro 700 GB
18
II.3.2 Software
Herramienta de programación en
el lenguaje php, html, java script
Sublime Text 3 https://www.sublimetext.com/
este software se utilizó para el
sistema de microcrédito.
19
Es una familia de programas o
aplicaciones informáticas
desarrollados por Adobe Systems,
Acrobat Reader https://acrobat.adobe.com/ diseñados para visualizar, crear y
modificar archivos con el formato
Portable Document Format, más
conocido como PDF.
20
II.3.3 Lenguajes de programación.
En este punto se dará a conocer los tipos de lenguajes en los que está desarrollada
de la aplicación ya que continuaremos con el mismo lenguaje.
21
Ajax es una técnica de desarrollo web
que permite implementar una
comunicación asincrónica entre el
cliente y el servidor. Gracias a Ajax,
Ajax http://api.jquery.com/jquery.ajax/
muchas de las tareas que habitualmente
se realizan desde el lado del servidor,
brindando una experiencia de
navegación más fluida.
22
en cuatro papeles de suma importancia, los cuales son: costo, tiempo, calidad y
alcance Las fases que lo componen son:
23
II.3.4.1 Etapa 1: Planeación
24
Imagen: 5 Requisitos del proyecto
25
II.3.4.2 Etapa 2: Diseño.
Se puede observar el Modelo relacional en el cual está conformada con 4 tablas, las
cuales a su vez cuentan con un conjunto de atributos que estos serán los que
contendrán los valores de los registros.
26
II.3.4.2.2 Diseño de Wireframes (interfaz principal)
1
3
27
A continuación, se presenta la ventana de la aplicación que se va estar trabajando
los campos que están números de 1 a 4: (1) Es la información acerca del usuario con
el que se ha iniciado sesión, (2) Son las diferentes opciones con las que cuenta el
sistema, (3) Es la barra de búsqueda de garantías, (4) Es el área de trabajo en donde
se ejecutan las diferentes actividades.
28
II.3.4.2.3 Interfaz agregar usuario
Se puede observar la plantilla del registro de usuarios y cada uno de sus campos, 1.-
Titulo,2.- combo box, 3.- caja de texto, 4.- botones.
En esta ventana se muestra todo lo que debe hacer el usuario al hacer un nuevo
registro. 1.- Todos los campos el que tendrá que teclear los datos que se nos piden,
cuyos campos están validados con el objetivo de prevenir errores, 2.- se tiene que
elegir el tipo de usuario, 3.- tiene que elegir la sucursal de donde será el usuario, 4.-
regresa a la ventana principal sin guardar datos, 5.- Guarda todos los datos
ingresados.
29
Imagen: 10 Formulario de registro de usuario
En esta etapa es donde se escribe el código para dar vida a la aplicación, siempre y
cuando basándose en las fases de planificación y diseño como marca la metodología
XP, la cual nos especifica con claridad las tareas que realizará, así como también el
diseño que tendrá dicha aplicación, además de que al momento de escribir el código
respetamos las convenciones de código descritas a continuación.
30
Imagen: 11 Organización de los ficheros
31
Imagen: 12 Identación del código
II.3.4.3.3 Comentarios
Imagen: 13 Comentarios
32
II.3.4.3.4 Sentencias
Imagen: 14 Sentencias
II.3.4.3.5.1 Registrar.
El método de nuevo usuario manda a traer el formulario para ingresar los datos del
nuevo usuario a registrar, se hace uso de los siguientes métodos.
33
Imagen: 15 Opción agregar usuario
34
Después de haber llenado todos los campos del formulario, al momento de darle clic
al botón “Aceptar” se realiza el siguiente método.
35
Imagen: 18 interfaz agregar usuario
Después de seleccionar una garantía, nos muestra esta ventana, en la que tenemos
varias opciones, que se dan conocer en la imagen.
36
Imagen: 19 Método abrir opciones de la garantía
37
Al dar clic en devolver garantía, nos muestra otra ventana en donde se solicita el
nombre de quien recibirá la garantía, en casa de que el cliente original no pueda
llegar por su garantía.
38
Imagen: 22 ¿quién recibe la garantía?
39
Imagen: 23 Código del PDF
40
Imagen: 24 Documento generado al devolver una garantía
41
II.3.4.4 Etapa 4: Pruebas.
Tabla 9: Pruebas
Tipo Caso de probar Requerimiento Descripción Resultados Resultados Estatus de la Propietario de Observación o
(F=Funcional, [¿Qué está para ejecutar la amplia del Caso esperados obtenidos prueba caso de uso de comentarios
P=Performance, probando?] prueba a probar [información que [información que [fallo, OK] prueba
D=Integridad de resulta de la resultara de la [usuario que
datos, prueba] prueba] realizará la
I=Interfaz y prueba]
Control de
acceso
R=Recuperación
y falla)
P Realizar una Laptop, Buscar un Que se realice la La búsqueda fue OK SPA
búsqueda de una aplicación en registro de búsqueda en realizada
garantía. php, MySQL. manera tiempo (5 adecuadamente
ordenada segundos) y y a tiempo.
forma.
42
P Registrar un Laptop, Se registra un Que se realice en Todos registros OK SPA
nuevo usuario de aplicación en nuevo usuario, el registro de fueron realizados
forma php, MySQL. de forma forma adecuado adecuadamente.
simultánea. simultánea. y en tiempo
estimado en
actualizar (5
segundos).
43
F Comprobación Laptop, Se introducirán La aplicación sea Que la aplicación FALLO SPA Se recomienda
de campos aplicación en php diferentes tipos capaz de validar fue capaz de validar los
MySQL. de letras en los los campos del validar todos los campos para que
formularios de la formulario. campos del solo acepte los
aplicación, formulario. datos
correspondiente
s
D Comprobar los Que se Se llenará los Que únicamente Los campos no OK SPA
caracteres encuentre campos de acepte están validados
especiales que se instalado xampp usuario y caracteres ya que permite
pueden ingresar. y que la contraseña con comunes, es caracteres
aplicación en php todos los decir, letras, especiales.
se encuentre en caracteres números.
htdocs posibles.
44
II.4 Procesamiento de resultados, análisis y discusión.
45
III. CONCLUSIONES Y RECOMENDACIONES
III.1 Conclusiones
III.2 Recomendaciones
46
• Se sugiere que antes de dar inicio a un proyecto, a petición de un cliente, se
haga entrega de un documento donde la persona que solicita describa de
forma detallada las funcionalidades y demás características que desea que
tenga su aplicación
• Esto sería útil en caso de que el personal renuncie pues habría alguien más
que sabe cómo hacer el trabajo.
47
IV. BIBLIOGRAFIA
48