PROYECTO

PAGINA WEB QUE PERMITA HACER PEDIDOS ONLINE A UNA

MISCELANEA.

APRENDIZ
EULER VALENCIA SUAREZ

SERVICIO NACIONAL DE APRENDIZAJE “SENA”

CENTRO “CEAI”
PROGRAMACION DE SOFTWARE
CALI
SEPTIEMBRE 2015

1
 PROYECTO
WEBSITE “MISCELANEA LUER”
APRENDIZ
EULER VALENCIA SUAREZ

PROYECTO PRODUCTIVO desarrollado como alternativa a apoyo a

una unidad de negocio familiar en la etapa practica para optar el
certificado de TECNICO EN PROGRAMACION DE SOFTWARE.

ASESOR TECNICO
INSTRUCTOR JAIME FLOREZ

ASESOR DE EMPRENDIMIENTO
INSTRUCTOR DIEGO JAVIER MARTINEZ SANMIGUEL

SERVICIO NACIONAL DE APRENDIZAJE “SENA”

CENTRO “CEAI”
PROGRAMACION DE SOFTWARE
CALI
SEPTIEMBRE 2015

2
 NOTA ACEPTACION INSTRUCTOR TECNICO
___________________________________________
___________________________________________
___________________________________________
___________________________________________

Firma:_____________________________________

CONCEPTO INSTRUCTOR EMPRENDIMIENTO

___________________________________________
___________________________________________
___________________________________________
___________________________________________

Firma: _____________________________________

Santiago de Cali. Dia___ Mes____ Del 2015

3
INDICE Página
1 Datos informativos 1
1.1 Presentación autor del proyecto 5
1.2 Promotores del proyecto 6
1.3 Instituciones de apoyo 10
1.4 Fecha inicio y fecha terminación 11

2 Fundamentación del proyecto 12

2.1 Justificación 12
2.2 Descripción 12
2.3 Mercado 30
2.4 Costos 31
2.5 Vinculación con el proceso de capacitación 32

3 Objetivos 33
3.1 Objetivo general 33
3.2 Objetivos específicos 33

4 Estructura del proyecto 34

4.1 Organización 34
4.1.1 Organización del talento humano 34
4.1.2 Organización y planificación de los materiales 35
4.2 Planificación 37
4.2.1 cronograma de actividades 37
4.2.2 Flujograma 38
4.3 Metas 39
5 experiencias adquiridas 40

4
AUTOR DEL PROYECTO

EULER VALENCIA SUAREZ

CC 94.532.814 de Cali
Dirección Cr 49 # 23-09 San Judas Cali – Colombia
Teléfono 325 1702
Celular 317 379 9206
Email Eulervs@yahoo.es
TPS43 ficha 751932

5
 PROMOTORES DEL PROYECTO

RESEÑA HISTORICA DEL SENA:

El Servicio Nacional de Aprendizaje, SENA.
Establecimiento público del orden nacional con personería jurídica,
patrimonio propio e independiente y autonomía administrativa.
Adscrito al Ministerio del Trabajo de Colombia, ofrece formación
gratuita a millones de colombianos que se benefician con programas

6
técnicos, tecnológicos y complementarios, que enfocados al
desarrollo económico, tecnológico y social del país

Dentro de sus centros se encuentra el CEAI que ofrece el programa

Técnico en Programación de Software que a partir de
especificaciones de diseño de software, escriben, verifican y arreglan
instrucciones detalladas que configuran aplicaciones informáticas.
La ejecución de éstas en equipos de cómputo, produce los resultados
que constituyen los objetivos del software. Los programadores
también conciben, diseñan y verifican estructuras lógicas para
resolver problemas mediante computadores, estando en la
capacidad de desarrollar e implementar aplicativos de software para
entornos de escritorio o Web sobre diferentes plataformas y
lenguajes de programación, participa en proyectos de desarrollo
desempeñando roles que tienen por objeto producir programas,
aplicativos, módulos o componentes de sistemas de cómputo.

7
Instructor técnico ing. Jaime Flórez
Ingeniero de Sistemas de la universidad Antonio Nariño,
especialización en proceso y desarrollo de software en la universidad
San Buenaventura, estudiante de maestría en Informática en la
universidad Santiago de Cali.
Instructor del SENA Cali del área de Sistemas del CEAI, profesor de
sistemas en la universidad Antonio José Camacho.

8
Instructor emprendimiento Sr Diego Javier Martínez
Administrador de Empresas, con formación en Gerencia Estratégica
del Talento Humano, Mercadeo y Ventas, Creación de Negocios,
Consultorías Organizacionales, Procesos de Enseñanza Aprendizaje y
Pedagogía.
Consultor Organizacional de la firma GRUPO MISIÓN COLOMBIA
Abogados, Auditores & Asociados S.A.S., directivo de la
CORPORACIÓN SOCIAL DE ADMINISTRACIÓN Y TECNOLOGÍA "CSAT"
S.A.S., e Instructor del SENA Cali en Emprendimiento y Empresarismo
(CEAI).

9
INSTITUCIONES DE APOYO

CENTRO DE ELECTRICIDAD Y AUTOMATIZACIÓN INDUSTRIAL – CEAI

El centro de Electricidad y Automatización Industria (CEAI)l se

encuentra situado en el Complejo de Salomia de la ciudad de Cali y
su cobertura es nacional e internacional
En el CEAI se desarrolla el talento humano, mediante la Formación
Profesional fundamentada en la Pedagogía Activa y el trabajo por
proyectos, integrando las tecnologías medulares de Instrumentación
y Automatización de Procesos y la Fabricación y Ensamble
Automatizado de Equipo Eléctrico y Electrónico.
El centro fue creado con el fin de cubrir la necesidad de investigar,
diseñar, ejecutar y evaluar programas y procesos de Formación
10
Profesional en las áreas de electricidad, la electrónica, la
instrumentación, la automatización, los sistemas informáticos y las
telecomunicaciones.

MISCELANEA LUER
Negocio familiar de venta al detal de productos para el hogar,
detalles, papelería y artículos de primera necesidad.
10 años de existencia, creado con el fin de suplir las necesidades
básicas de las personas del entorno y para poyo económico y
sustento familiar, está ubicado en la ciudad de Cali y registrado en la
cámara de comercio y funcionando en la dirección Cr 49 # 23 – 09 en
el barrio San Judas.

Fecha de inicio del proyecto 1 de Septiembre 2015

Fecha culminación del proyecto 30 de Septiembre 2015
11
2. FUNDAMENTOS DEL PROYECTO

2.1 JUSTIFICACIÓN
Este proyecto se realiza como alternativa a la etapa practica
cumpliendo con el requisito exigido por el Sena para poderme
certificar, así mismo, para colocar en práctica los conocimientos
adquiridos en la titulación.
Se realiza el proyecto como desarrollo de etapa productiva en la
modalidad de apoyo a una unidad de negocio familiar para obtener
el título Técnico de programación de Software

2.2 DESCRIPCIÓN
Se desarrolla una página web que permita realizar pedidos y ver
precios de los productos online. Esta aplicación se desarrollara en un
entorno HTML y PHP con un gestor de base de datos MySQL todo
esto instalado en un hosting el cual será hostinger (pago anual), este
servirá como servidor web.
La aplicación tendrá el nombre de WEBSITE MISCELANEA LUER; Será
una aplicación web, cuya función será gestionar los pedidos que
realizan los clientes a la miscelánea, así como el de clientes; entre
sus funciones podemos destacar las siguientes:
1. Gestionar usuarios o clientes
2. Guardar los pedidos en una base de datos
3. Promocionar vía web la miscelánea

12
Personal involucrado:
1. Aprendiz etapa productiva.

2. Instructor técnico.

3. Instructor emprendimiento
Responsables del Diseño, desarrollo, implementación y
documentación de la aplicación.

Definiciones, acrónimos y abreviaturas

Del sistema
a) Gestionar: Acción de agregar, modificar, eliminar y consultar la
Información de un determinado objeto o persona.
b) Instructor: es la persona que imparte u orienta procesos de
enseñanza-aprendizaje, usando diferentes metodologías de
enseñanzas para personas particulares.
C) Aprendiz: es la persona quien va aplicar los conocimientos.

De tecnología
a) Dominio: Nombre base que agrupa a un conjunto de equipos o
dispositivos y que permite proporcionar nombres de equipo más
fácilmente recordables en lugar de una dirección IP numérica, Ej: sis-
web.com.

13
b) Servidor WEB: Es un programa que implementa el protocolo
HTTP (hypertext transfer protocol). Este protocolo está diseñado
para transferir lo que llamamos hipertextos, páginas web o páginas
HTML (hypertext markup language): textos complejos con enlaces,
figuras, formularios, botones y objetos incrustados como
animaciones o reproductores de música.
c) URL: Significa Uniform Resource Locator, es decir, localizador
uniforme de recurso. Es una secuencia de caracteres, de acuerdo a
un formato estándar, que se usa para nombrar recursos, como
documentos e imágenes en Internet, por su localización.
d) Enlaces: una referencia en un documento de hipertexto a otro
documento o recurso
e) Sistema de gestión de Base de Datos: Son un tipo de software
muy específico, dedicado a servir de interfaz entre la base de datos,
el usuario y las aplicaciones que la utilizan.
f) Base de Datos: Es un conjunto de datos que pertenecen al
mismo contexto almacenados sistemáticamente para su posterior
uso.
g) Aplicación: Es un programa informático diseñado para facilitar
al usuario la realización de un determinado tipo de trabajo.
h) MySQL: Sistema de gestión de base de datos relacional.
Comúnmente utilizados en aplicaciones Web.
i) PHP (PHP Hypertext Pre-processor): Lenguaje de programación
interpretado usado para la creación de aplicaciones para servidores,
o creación de contenido dinámico para sitios web.
j) XAMPP: Servidor de WEB de código abierto.

14
k) Browser o Motor de Navegación: Es una aplicación que permite
al usuario recuperar y visualizar documentos de hipertexto,
comúnmente descritos en HTML, desde servidores web de todo el
mundo a través de Internet
l) Javascript: Es un lenguaje interpretado, es decir, que no
requiere compilación, utilizado principalmente en páginas web.
m) Internet: Es un método de interconexión descentralizada de
redes de computadoras implementado en un conjunto de protocolos
denominado TCP/IP

15
Descripción general
Perspectiva del producto
La Página web que permitirá realizar pedidos a la miscelánea y
guardarlos en una base de datos funcionará en un ambiente web,
permitirá su utilización de forma descentralizada. Esta será una
aplicación que no dependerá de otros tipos de software, sin
embargo, no funcionará sin conexión a internet.

Actores
Administrador
Podrá realizar la configuración general y las diferentes actividades o
procesos que conste el mismo.
Podrá especificar las actividades de cada proceso, indicando cuales
son humanas o automáticas.
Canalizara la información para su respectiva ejecución.

Cliente WEB.
Podrá consultar la página y todo su entorno.
Podrá consultar precios por medio de la página web.
Podrá realizar pedidos.

16
Funcionalidad del producto.
Las funciones se clasifican en categorías a fin de establecer
prioridades entre ellas e identificar las que de lo contrario pasarían
inadvertidas, las categorías son:

Categoría de la función Significado

Evidente Debe realizarse y el usuario debe

saber que se ha realizado.

Oculta Debe realizarse, aunque no es

visible para los usuarios. Esto se
aplica a muchos de los servicios
técnicos subyacentes, como
guardar información en un
mecanismo persistente de
almacenamiento. Las funciones
ocultas a menudo se omiten
(erróneamente) durante el proceso
de obtención de los
requerimientos.

Superflua Opcionales; sin inclusión no

repercute de manera significativa
en el costo ni en otras funciones.

17
REQUERIMIENTOS FUNCIONALES

Ref. # Función Categoría

R1 El sistema deberá permitir el registro de usuarios, capturando los Evidente

siguientes datos: tipo de identificación, identificación, nombres,
apellidos, dirección, teléfono, email.

R2 El sistema deberá validar que al momento de intentar registrar un Oculto

usuario, este no se encuentre almacenado en la base de datos
previamente, esta verificación se hará usando la identificación del
usuario y será paralela con el proceso de registro de usuarios.

R3 El sistema deberá validar el correo del usuario que se intenta Oculto

registrar, evitando que el email digitado no pertenezca a otro
usuario ya registrado.

R4 Editar usuarios, el sistema deberá permitir editar todos los datos Evidente
del usuario previamente registrados.

R5 El sistema deberá registrar el pedido en la base de datos y que le Evidente

confirme al cliente que se ha realizado con éxito

R6 El sistema deberá permitir cambios en la presentación Evidente

R7 El sistema deberá registrar el pedido en la base de datos y que le Evidente

confirme al cliente que se ha realizado con éxito

R8 El sistema deberá Permitir actualizar la lista de precios Evidente

18
19
REQUERIMIENTOS NO FUNCIONALES

1. El sistema deberá ejecutar capcha para evitar spam.

2. El sistema deberá estar disponible a menos que sucedan

causas externas como: perdida de fluido eléctrico y que el
administrador este actualizando la información

3. El sistema debe ejecutarse bajo un proveedor de hosting.

4. El sistema debe permitir correr en navegador web crome u

opera

5. El sistema debe permitir la manipulación de la información por

medio de un motor de base de datos MySQL

CASOS DE USO
• Gestionar usuarios
• Gestionar pedidos
• Editar presentación Web.
• Actualizar tabla de precios.

20
GESTIÓN DE USUARIOS

Caso de uso : Gestión de usuarios

Actor(es) : Administrador

Propósito : Crear, Registrar, Borrar y Editar usuarios

Descripción : El propósito de este caso de uso es registrar nuevos usuarios en

la base de datos

Referencias : R1, R2, R3, R4

cruzadas

Pre-condiciones : El administrador u operario debe tener a disposición todos los

datos del nuevo usuario a registrar

Post-condiciones : El usuario debe quedar registrado en la base de datos

Curso normal : 1. El sistema valida que los datos ingresados sean correctos
(incluyendo la no repetición de identificación y correo
electrónico)
2. El sistema guarda el nuevo usuario
Cursos alternos : 1. Si la identificación ingresada pertenece a otro usuario ya
registrado, el sistema debe notificar sobre dicha
anormalidad y no permitir que se continúe el proceso de
registro
2. Si el correo ingresado pertenece a otro usuario ya
registrado, el sistema debe notificar sobre dicha
anormalidad y no permitir que se continúe el proceso de
registro

21
GESTIONAR PEDIDOS

Caso de uso : Gestionar pedidos

Actor(es) : Administrador, Cliente

Propósito : Gestionar el pedido

Descripción : El propósito de este caso de uso es gestionar el pedido

Referencias : R5
cruzadas

Pre-condiciones : El usuario debe de llenar todos los campos del formulario

Post-condiciones : Se debe de validar la información

Curso normal : 1. El Sistema informa al usuario que su pedido s ejecuto con

éxito y el administrador realizara la gestión del pedido
Cursos alternos : 4. Si el usuario no recibe información, debe realizar nuevamente
el proceso y el administrador deberá hacer constates revisiones
que el servicio este funcionando.

22
EDITAR PRESENTACIÓN WEB

Caso de uso : Editar presentación Web.

Actor(es) : Administrador

Propósito : Editar presentación Web

Descripción : El propósito de este caso de uso es poder administrar el

backend y frontend

Referencias : R6, R7, R8

cruzadas

Pre-condiciones : El Administrador podrá editar la presentación web

(backend/frontend) y base de datos

Post-condiciones : El Administrador podrá ingresar al hosting en su entorno

backend para reflejarse en el frontend

Curso normal : 1. El administrador se auténtica en el sistema, ingresando su

nombre de usuario y contraseña
2. El sistema valida las credenciales del usuario (usuario y
contraseña)
3. El Administrador Edita la presentación web y realiza
mantenimiento a la base de datos
Cursos alternos : Si no permite deberá ejecutar los backup y recuperar la
información

23
UML. DIAGRAMA DE CASOS DE USO

24
Creación de la base de datos, modelo relacional

Proceso mediante el cual creamos un usuario en el hosting y

conexión desde el tablero de trabajo de las herramientas del
proveedor Hostinger y dentro del mismo accedemos a las
aplicaciones que brinda, entre ellas está la herramienta llamada PHP
MyAdmin la cual nos permite crear bases de datos y diagramas
relacionales de SQL necesarias para desarrollar el proyecto.

25
Desarrollo de los formularios.

Se desarrollan los formularios necesarios para introducir los datos

tales como pedidos, datos de usuarios y listados de precios
necesarios para alimentar consultar

26
Propuesta página principal WebSite MIscelanea Luer

Se realiza una propuesta para la visualización de la página web la

cual será vista por el usuario y su entorno con sus respectivos
accesos a las diferentes páginas.

27
Herramientas utilizadas en el proceso

Algunas de las herramientas utilizadas durante el proceso de

desarrollo tales como PHPMyAdmin, Notepad, Dreamweaver,
Xampp, Excel, StarUml, office, Html entre otras todas necesarias y
requeridas en algún momento ya sea del desarrollo o aprendizaje.

28
Procesos de edición backend y frontend

Durante este proceso de desarrollo de la aplicación de interactúa

desde el entorno backend donde se observa y se edita desde el
entrono programador y se obtiene los resultados desde el entorno
frontend donde se observa el resultado y se realizan las pruebas de
funcionamiento.

29
Procesos de desarrollo y apoyo

Mediante los procesos de desarrollo se aplican los conocimientos

adquiridos y se recibe el apoyo de los aprendices quienes de alguna
forma intervinieron cooperando e intercambiado conocimientos
necesarios para la evolución del proyecto.

30
2.3 MERCADO
El mercado está dirigido a pequeños negocios como tiendas, mini
mercados, misceláneas y en general a negocios de venta al detal
donde se tenga la necesidad de extender su actividad comercial
aprovechando las Tic´s y administrando su propio portal.

31
2.4 COSTOS

Costo Final del

Proyecto. $7,417,145

Valores discriminados en la pág. 34, Estructura del proyecto.

32
2.5 VINCULACIÓN CON EL PROCESO DE FORMACIÓN.
Durante el proceso de formación de aprendió sobre los diferentes
lenguajes de programación más comunes tales como JAVA, PHP y el
manejo de bases de datos como MYSQL; este proyecto se realizó
con base en HTML, PHP MYSQL corriendo en un servidor virtual
XAMPP y editado con Notepad++ y Sublime que soportan varios
lenguajes de programación entre ellos los utilizados en el proyecto;
de tal forma se aplican los diferentes conceptos vistos a través del
proceso de formación dando así forma al proceso final de formación
en la etapa productiva desarrollando una aplicación que cubre en
gran manera lo visto durante el proceso.

33
3. OBJETIVOS
3.1 OBJETIVO GENERAL
Desarrollar una aplicación que satisfaga la necesidad del
establecimiento comercial, con respecto al registro de venta web de
los productos.

3.2 OBJETIVOS ESPECIFICOS

1) Identificar las necesidades del sector respecto a este tipo de
aplicación
2) Recepción de toda la información técnica requerida
3) Diseñar el entorno web, la base de datos y modelo relacional
4) Realizar las pruebas, evaluación, corrección y ejecución
5) Adquirir el Hosting
6) Iniciar el proceso de ejecución

34
4. ESTRUCTURA DEL PROYECTO.
4.1 ORGANIZACIÓN.
4.1.1 ORGANIZACIÓN TALENTO HUMANO

Nombre del cargo funciones a realizar salario mensual

Velar por atención de clientes, búsqueda

Desarrollador de mercados y mantenimiento de los 2,000,000
mismos

Valor promedio sueldos mensuales 2,000,000

Días trabajados 30

Costo total aporte a pensión 320,000

Costo total aporte salud 250,000
Costo total ARL 10,440
COSTO TOTAL SEGURIDAD SOCIAL 580,440

Costo total Cesantías 166,666

Costo Interés cesantías 1,667
Costo total de la prima servicios 166,666
Costo total vacaciones 83,333
COSTO TOTAL PRESTACIONES SOCIALES 418,332

Otros Costos
Costo total alimentación 130,000
COSTOS TOTAL OTROS GASTOS 130.000

COSTOS TOTALES PERSONAL $ 3.128.772

35
4.1.2 ORGANIZACIÓN Y PLANIFICACIÓN DE LOS
MATERIALES.
Materia prima requerida en el proyecto:

Software Unidad precio Unidad Cantidad

Nombre Medida Medida Requerida Precio Total
Hosting Mensual $20,000 1 $150,000
Dreamweaver Mensual $60,000 1 $60,000
Office 365 premiun Mensual $40,000 1 $40,000
StarUml Mensual $15,000 1 $15,000
NotePad++ Mensual $15,000 1 $15,000
TOTAL $280,000

Maquinaria requerida en el proyecto:

Relación materia prima equipos herramienta y equipos
Nombre Precio Cantidad Valor
Computador portátil $1,500,000 1 $1,500,000
Impresora $300,000 1 $300,000
TOTAL: $1,800,000

Depreciación de equipos:
Depreciación equipos Valor
Computador portátil $24,324.32
Impresora $4,864.86
TOTAL: $29,189.19

36
Otros Costos
Costo
Detalle mensual Costo Total
Costo energía $20,000 $20,000
conto internet $40,000 $40,000
TOTAL $60,000

Costo Realización del proyecto

Detalle Valor
Costo del personal involucrado $3.128.772
Costo equipos $1,800,000
Costo software $280,000
Costo depreciación $29,189
Otros costos $60,000
TOTAL: $5,297,961

Precio Final del proyecto

Costo Total proyecto
Margen de Ganancia del 40% $2,119,184
Costo realización del proyecto $5,297,261

Costo Final del

Proyecto. $7,417,145

37
4.2 PLANIFICACION
Se plantea realizar el proyecto en un mes dentro de sus días laborales
con sus 48 horas semanales y 8 horas en días laborales.
En este caso es un proyecto unipersonal y la responsabilidad de
cumplir los tiempos recae sobre el desarrollador con ayuda de las
instituciones de apoyo e instructores.

4.2.1 CRONOGRAMA DE ACTIVIDADES

Fecha
No Actividad Inicio Fin Responsable
1 Levantamiento necesidades y requerimientos 01-sep-15 07-sep-15 Desarrollador
2 Desarrollo de Software e inserción de datos 08-sep-15 15-sep-15 Desarrollador
3 Pruebas y correcciones 15-sep-15 20-sep-15 Desarrollador
4 Lanzamiento y entrega del producto 20-sep-15 25-sep-15 Desarrollador
5 Asistencia al administrador 25-sep-15 30-sep-15 Desarrollador

38
4.2.2 FLUJOGRAMA

39
4.3 METAS

Este proyecto tiene como fin el involucrar en las TIC’S a todo el

conjunto de microempresas y negocios dentro del mercado digital
online con el fin de ir a la vanguardia a un costo asequible de modo
que la relación costo-beneficio sea la mejor.
Mediante cada desarrollo se van creando y adquiriendo formas,
métodos y herramientas más eficientes que permiten bajar cada vez
la relación de costo-tiempo para que cada microempresa acceda a
su propio comercio electrónico de una forma cada vez más efectiva
y menos costosa.
Este proyecto en particular será el comienzo para lo que
mencionamos anteriormente sea posible, ya que será el modelo que
dará inicio a la incursión de la MISCELANEA LUER en el comercio
Online a través del WebSite Miscelánea LUER.

40
5 EXPERIENCIAS ADQUIRIDAS

Gracias a este proyecto se empieza a conocer y a entender la

importancia de la tecnología en cada microempresa sin importar su
tamaño o target de mercado, para este caso se aplica el comercio
online a través de un WebSite el cual es el inicio de muchos negocios
en el negocio online.
A continuación se describen algunas experiencias adquiridas.

Experiencia Descripción

Se aplican conocimientos básicos en

Aplicar conocimientos técnicos materias como Bases de datos, UML,
del programa TPS 43 PHP, JAVA, Algoritmos.

Se aplican conocimientos básicos en

materias como Emprendimiento y ética
Aplicar conocimientos igual de necesarias durante el
transversales del programa aprendizaje

Se entiende el proceso de cálculos de

nómina y carga prestacional básica que
Calculo de los costos de Nomina maneja un proyecto

Comprensión de como es el proceso de

cálculos de presupuesto y procesos que
maneja un proyecto tales como insumos,
Calculo y manejo presupuestos equipos y herramientas.

Mediante la experiencia se vive el día a

día que lleva seguir un cronograma de
trabajo y los parámetros establecidos
Ejecución y proceso de un necesarios para llevar a cabo un
proyecto productivo proyecto

41

Redacción y presentación de
informes
Durante la evolución el proyecto se
aprendió como se van presentando
evidencia y avances mediante informes y
presentaciones a la entidad de apoyo y a
los instructores
42