Fecha de inicio del proyecto: 10-10-2018

Fecha de fin del proyecto: 31-12-2018

Plan de desarrollo del proyecto

nueva-webtool
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

CONTENIDO
Antes de comenzar................................................................................................................................3
Clonar el proyecto.................................................................................................................................3
Configurar el usuario de git en las computadoras.................................................................................3
usuario de git.........................................................................................................................................4
Configuración de php.ini en wamp........................................................................................................4
agregar ddl para agregar extensión del .rar...........................................................................................4
Configurar virtualhost de actualwebtool...............................................................................................4
Configurar host......................................................................................................................................4
Corre el proyecto actualwebtool...........................................................................................................4
Correr el proyecto de nueva-webtool....................................................................................................5
Instalar la base de datos........................................................................................................................5
Iniciar sesión en el actualwebtool.........................................................................................................5
Iniciar sesión en la nueva-webtool........................................................................................................6
tareas por desarrollar en inventory > windows.....................................................................................8
submenú inventory >windows...........................................................................................................8
Cabecera de la página web................................................................................................................8
Inventory>Microsoft>deployment.....................................................................................................9

2
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

ANTES DE COMENZAR
 Los pasos aquí dados, son para configurar. Necesita conocimientos de git, laravel, Linux
consola, interpretación de código, jquey, css, php, html.
 Debe ser capaz de llevar una conversación con su superior respecto a estos lenguajes. Hacer
consultas de base de datos en vivo como el lo pida y ser lo más eficiente posible, agregar
código, o buscar código como el le indique y hacerlo lo mas rápido posible sin titubear.
 Debe ser capaz de encontrar la manera más rápida de solucionar problemas, es decir, dar
resultados óptimamente. Y si no los da, asumir la responsabilidad y notificar lo que no ha
podido hacer para encontrar una rápida solución.

El proyecto se desarrollará de la siguiente manera:

 Diseño gráfico, es decir, cambio de la interfaz a una plantilla moderna.

 Implementación de código del proyecto actual a la nueva webtool, únicamente la
funcionalidad del controlador. Hacer que la nueva interfaz, conecte con el código ya
implementado, sin seguir la estructura de laravel.
 En este proyecto, no se crean modelos, solo se van a crear vistas y controladores. Las vistas
es la nueva interfaz y el controlador, es código funcional que esta en el proyecto antiguo.
Hacer que funcione con la nueva interfaz
 Para ver como funciona el proyecto actual, es cuestión de meterse en el inventario y escoger
una de las marcas que ellos administran los productos asociados.
 Las pantallas son creadas a rienda suelta de la imaginación, BASADO LOGICAMENTE, en la
plantilla implementada. debe verse moderno, ordenado y limpio. Las pantallas se hacen
guiado de un mockup no funcional que envía el cliente. Dado lo que envíen, deben ser
capaces de crear una vista agradable y fácil para el usuario final, con los elementos que tiene
la plantilla moderna implementada.
 Tomar en cuenta los cambios que pida la jefe del proyecto y entregarlo rápidamente.
 La interfaz, será en inglés. Investigar COMO AGREGAR LENGUAJE o cambio de idioma A LA
NUEVA WEBTOOL. Se desea en inglés (base) y español.
 Tiene 8 horas al día, de lunes a viernes. El objetivo es completar 40 horas a la semana.

CLONAR EL PROYECTO
 git clone https://josezapatar316@bitbucket.org/licensingassurance/nueva-webtool.git
(nueva webtool en laravel)
 git clone https://josezapatar316@bitbucket.org/licensingassurance/licensingassurance.git
(actual webtool php nativo)

CONFIGURAR EL USUARIO DE GIT EN LAS

COMPUTADORAS
 git config --global user.name "jose zapata"
 git config --global user.email puntozap@gmail.com

3
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

USUARIO DE GIT Y BITBUCKET

 puntozap@gmail.com
 Qw596566111

CONFIGURACIÓN DE PHP.INI EN WAMP

 max_execution_time=600
 max_input_vars = 10000
 memory_limit=1024M
 upload_max_filesize=10M
 max_file_uploads=50

AGREGAR DDL PARA AGREGAR EXTENSIÓN DEL .RAR

descargar archivo del chat del Skype, el dll para la versión de php 5.6 y la versión 7.1 hay un .rar para
cada uno y agregarlo en la ruta siguiente:

C:\wamp64\bin\php

Agregar el dll en la carpeta php5.6.35

Agregar el dll en la carpeta php7.1.16

entrar al php.ini ydel 5.6 y de 7.1 agregar la siguiente línea

extension=php_rar.dll

CONFIGURAR VIRTUALHOST DE ACTUALWEBTOOL

<VirtualHost *:80>
ServerAdmin actualwebtool
DocumentRoot "C:\wamp64\www\licensingassurance"
ErrorLog "logs/dummy-host2.example.com-error.log"
CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

CONFIGURAR HOST
127.0.0.1 actualwebtool

CORRE EL PROYECTO ACTUALWEBTOOL

Abre el navegador y escribe: actualwebtool/webtool/ y presiona enter.

4
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

CORRER EL PROYECTO DE NUEVA-WEBTOOL

 abre la consola
 cd wamp64\www\nueva-webtool\ y oprime enter
 escribir el comando php artisan serve
 aparece una nueva url
 marcar la url en un navegador y corre el proyecto.

INSTALAR LA BASE DE DATOS

Son 308 tablas. Debe ir copiando y pegando el script de la base de datos. La base de datos esta en el
Skype del proyecto.

INICIAR SESIÓN EN EL ACTUALWEBTOOL

 usuario: empleado
 clave: 123456

nota: si da un error, meterse en la base de datos en la tabla empleados en el campo clave. Si está
encriptado, editar la clave con los numero 123456. El proyecto actual, no tiene claves encriptadas.

Aparece la siguiente pantalla y debe hacer clic en inventory

Aparece la siguiente pantalla.

5
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

Hacer clic en Microsoft

Las pantallas a observar están a partir de la pestana de despliegue hasta trueUp.

INICIAR SESIÓN EN LA NUEVA-WEBTOOL

Se inicia sesión con el mismo usuario y contraseña de la actualwebtool.

Como este proyecto está hecho en laravel, la clave se va a encriptar.

Una vez iniciada la sesión, aparece la siguiente pantalla:

6
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

Luego hay que hacer clic en inventory

Esta pantalla es la que debe ser implementada el todo el proyecto. Ya esta implementado. en
inventory > Microsoft.

Hay un submenú que se muestra haciendo clic en el 2do menú hamburguesa. Mostrando la pantalla
de la siguiente manera:

7
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

Allí se muestra el submenú desde despliegue hasta trueUp

TAREAS POR DESARROLLAR EN INVENTORY >

WINDOWS

SUBMENÚ INVENTORY >WINDOWS

 al marcar una opción, debe mostrarse que opción se ha marcado con un underline y negritas.
 Agregar iconos al incio de cada opción.

CABECERA DE LA PÁGINA WEB

 La parte de arriba posee la siguiente estructura

se desea que la parte remarcada se vea de la siguiente manera

esto es un mockup, asi que agregar iconos como lo que aparece en la image y que
funcionalmente por ahora no funcione.
 Quitar las notificaciones. Dejar el perfil, pero no accede al perfil. Mostrar un mensaje al lado
de la foto y del nombre del perfil, “ultimo inicio de sesión: hace 15 dias”

8
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

INVENTORY>MICROSOFT>DEPLOYMENT
 Se ha creado la pantalla

 Hay cuatro acciones (todos usan el método post)

1. Lad_output
 Ya se ha creado el metodo index en WindowsController. Allí se suben los
archivos de pruebas. En este módulo, se sube un archivo.rar. este archivo
está en el Skype.
 Revisar el código de la actualwebtool para ver como está llamando este
proceso
2. Lae_output
 Ya está creado el metodo laeOutput. Allí se suben los archivos de pruebas,
en este módulo, se sube archivos csv. Este archivo está en Skype.
 Revisar el código de la actualwebtool para ver cómo está llamando este
proceso
3. Subsidiary
 Ya está creado el método Subsidiary. Allí se suben los archivos de pruebas,
en este módulo, se sube archivos csv. Este archivo está en Skype.
 Revisar el código de la actualwebtool para ver cómo está llamando este
proceso
4. Segmented deployment (optional)
 Hay que preguntar que hay que hacer aquí.

INVENTORY>MICROSOFT>PURCHASE.
 Ya está creado el metodo comprasRepositorio. Allí se suben los archivos de pruebas, en este
módulo, se sube archivos csv. Este archivo está en Skype.
 Generar lista de contratos.
 Revisar el código de la actualwebtool para ver cómo está llamando este proceso.

Deployment y purchase se puede hacer funcionar en un día.

INVENTORY>MICROSOFT>DETAILS.
 Ya está creado el metodo details, asi que hay que conectar las graficas con el

9
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Llenar selector familia Windows OS con sus opciones.

 Al seleccionar una de las opciones de la familia Windows OS, se llena otro selector por medio
de Ajax, llamado edición.
 Llenar el selector de asignación, con las asignaciones existentes.
 Crear un selector llamado duplicado, donde hay 2 opciones de si o no. Para una mejora visual
de este ultimo selector. Se puede agregar un switche de on y off, pero que diga, si y no.
 Crea botón de exportar Excel
 Crear botón de exportar todo
 Las listas de familias son:
o Windows Os. Al seleccionar esta opción, aparece en edición, las siguientes opciones
en el selector edición
 Estándar: muestra dos graficos de highchart

 Debajo de cada grafico, hay 2 botones de ver detalles, donde

muestra una tabla
 El ver detalle de los activos como inactivos, muestra la siguiente
tabla

 Al aplicar exportar Excel o exportar todo, se descarga un Excel con la

información concerniente a Estándar.
 Enterprise: muestra un gráfico, coloquemos uno de barras por ahora

 En el ver detalle son las mismas tablas que todos.

 Aplica lo mismo para exportar Excel o exportar todo.

10
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Profesional:

 Para esto aplica lo mismo que las demás opciones.

 Otro:

 Aplica lo mismo que las demás opciones.

o Ms Office
 Estándar:

 En ver detalle, muestra la siguiente tabla

 Aplica lo mismo para exportar Excel y todo

11
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Profesional:

 Aplica la misma tabla anterior al igual que el exportar archivo de

Excel y todo.
 Otro:

 Aplica la misma tabla anterior al igual que el exportar archivo de

Excel y todo.
o Ms Project
 Estándar:

 Aplica la misma tabla anterior al igual que el exportar archivo de

Excel y todo.
 profesional: también maneja un grafico de barras, similar a la grafica
estándar.
 Aplica la misma tabla anterior al igual que el exportar archivo de
Excel y todo.
 Otro: aplica igual que la grafica profesional conjuto a lo demás.
o Ms Visio

12
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Estándar:

 Aplica lo mismo que el ítem anterior

 Profesional:

 Aplica lo mismo que el ítem aterior.

 Otro:

 Aplica igual.
o Ms Windows Server

13
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Estándar:

 Aplica igual que Windows os, en ver detalles.

 Datacenter:

 Aplica igual al ítem anterior.

 Enterprise:

 Aplica igual que el item anterior.

 Otro: colocar un grafico de barras por el momento, pero, aplica igual para lo
demás, que el ítem anterior.
o Ms Sql

14
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Estándar:

 Aplica tabla igual que Visio

 Datacenter: aplica grafica de barras y misma tabla que el anterior ítem.
 Enterprice:

 Aplica lo mismo al ítem aterior.

 Otros:

 Aplica lo mismo al ítem anterior.

o Otro
 Visual estudio:
 Revisar la actual webtool como están compuestos estos graficos
 Aplica lo mismo que todas las graficas
 Exchange server
 Revisar la actual webtool como están compuestos estos graficos
 Aplica lo mismo que todas las graficas
 Sharepoint server
 Revisar la actual webtool como están compuestos estos graficos
 Aplica lo mismo que todas las graficas
 Skype for business
 Revisar la actual webtool como están compuestos estos graficos

15
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Aplica lo mismo que todas las graficas

 System center.
 Revisar la actual webtool como están compuestos estos graficos
 Aplica lo mismo que todas las graficas.
 Para las opciones de allocation y duplicado, aplica para todas las graficas y es parte del filtro
como opcional para generar graficas según sea el caso de los anteriores.

INVENTORY>MICROSOFT>SUMMARY
 Revisar el link resumen de Windows en la actual web
 Crear selector allocation, esta se carga con la consulta que trae de la base de datos de la
tabla asignación.
 Tiene un botón de actualizar repositorio. Revisar en la página de la web actual, como
funciona esto.
 Cada grafica generada tiene un ver detalle, y muestra tablas diferentes. luego, aparece un
botón,
 Crear graficas para las opciones: Alcance, Usabilidad, Balanza, Optimización, Software en
Desuso, Detalle por Equipo Equipos no Descubiertos, Software Duplicado, Instalaciones
Erróneas, Software Sin Soporte

INVENTORY>MICROSOFT>SERVERS

 Revisar esta pantalla en la vista del proyecto actual, adaptar la interfaz actual a la interfaz
nueva en laravel con el diseño, moderno y creativo
 Hay un filtro de las familias pertenecientes a este submódulo. Averiguar con el líder del
proyecto lo que necesite para saber esta parte, es decir, crear la consulta de la base de datos.
 Hay dos productos a mostrar que se mostraran en un acordeón y habrá dos tablas con
distintas columnas
o Windows server físico
 Tendrá las acciones de
 Borrar
 Agregar
 Editar
 Asignar.
 Actualizar
 Descargar
 Cargar.
 La tabla será lo siguiente:

 Revisar en la actualwebtool, los campos de cómo debe ser diseñado.

16
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 Revisar en la windowscontroller en laravel, cuál es el método que agarra esta

pantalla para traer los datos, e implementarlos.
o Windows server virtual
 Tendrá las acciones de:
 Alinear
 Borrar
 Agregar
 Editar
 Asignar
 Actualizar
 Descargar
 Cargar.
 La tabla será lo siguiente:

 Revisar en la actualwebtool, los campos de cómo debe ser diseñado.

 Revisar en la windowscontroller en laravel, cuál es el método que agarra esta
pantalla para traer los datos, e implementarlos.

INVENTORY>MICROSOFT>DEVELOPMENT/TEST
 Actualmente la pantalla tiene en común la información de las tablas y las acciones.
 La pantalla tiene información de 3 productos: Visual Studio, Windows Server MSDN, SQL
Server MSDN
 En la actualwebtool, existen 3 tablas diferentes para estos productos. Para hacer mas
eficiente esta pantalla, lo mejor es:
o Modificar la ruta actual de la nuevawebtool de esta manera:
 /inventory-deveplopment-{$brand} -{$producto}
 $producto será asociado a un número,
 Visual Studio=1
 Windows Server MSDN=2
 SQL Server MSDN=3
 Validar para que se haga la consulta de la información, asociada al producto
seleccionado.
o Hacer un dropdown con opciones, de los 3 productos y que abra la pantalla con la
tabla y la información pertinente.
 Colocar un icono con instrucciones. Que cuando se le dé clic, se muestre un popup o un
modal con la información de que se hace en la página.
 Preguntar al Miguel que explique cómo es la funcionalidad de esta parte e implementarla.

17
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

 La tabla es:

 Preguntar a Antonieta el mockup de que seria esto. Ella dará la idea de como debería verse la
tabla, pero, modernamente se implementa algo limpio y novedoso

INVENTORY>MICROSOFT> TROUBLESHOOTING
 Revisar en la actualwebtool su funcionamiento
 Agregar tabla similar a la que se muestra a un modelo moderno.

 Crear tabla con opciones, preguntar a miguel si estas tablas son fijas con valores estáticos, o
se consulta de una tabla de la base de datos, las opciones que muestran estas opciones.
 Tienen un checkbox que debe ser marcado para luego ser pasado a verificación
 Tiene un botón de pasar a verificación que debe ser moderno con iconos
 Preguntar a Antonieta el mockup que va a ir aquí.
 Luego de preguntar las cosas, salen nuevas tareas.

INVENTORY>MICROSOFT>TRUEUP
 Da error pero, deben preguntar a miguel para solucionar este problema en la actualwebtool.

18
Fecha de inicio del proyecto: 10-10-2018
Fecha de fin del proyecto: 31-12-2018

AYUDAS Y SUGERENCIAS PARA EL DISEÑO E ICONOS Y

FEEDBACK
http://aalmiray.github.io/ikonli/cheat-sheet-themify.html

 Preguntar al cliente las dudas necesarias por muy tontas que sean, es decir, tontas en el
sentido del manejo del proyecto actual y no de método de trabajo de laravel. Recuerden que
son expertos.
 Los diseños deben preguntar a Antonieta.
 La funcionalidades deben preguntar a Miguel.

19