Inicios de la creacion de la pagina web

Hoy se decidió investigar y aprender sobre como crear una pagina web local, luego da varias horas de investigación se decidió usar python para el backend, usando flask; y para el front end html con bootstrap.

Para todo esto se siguió la serie de tutoriales dadas por "Tech with Tim", la lista de reproducción de dichos tutoriales es la siguiente:

Lista de Reproducción

Luego de llegar a la parte 4 del tutorial, se logró implementar el sistema de inicio de sesión , el cual recibe un usuario y una contraseña para ingresar, además con un poco de investigación propia en la pagina web getbootstrap.com se logró hacer una homepage sumamente básica, la cual posee una barra de navegación superior que contiene las opciones que se deben implementar a futuro, además de una tabla con datos prototipo, pero que sirve para tener una idea de como se van a implementar a futuro.

Un problema que tuve es que quería insertar una imagen a la pagina de inició de sesión, pero por alguna razón siempre salia rota, aunque tuviera la ruta bien ingresada, por lo que sospecho que se debe a um problema de permisos o algo similar.

A continuación se muestran capturas de la pagina:

Pagina de inicio de sesión

Homepage

Opciones del menu superior

- Oswaldo (5 hrs)

Comentarios

Entradas populares de este blog

TAREA 3

Cantidad de horas trabajadas: Oswaldo: 26 Jenaro: 26 Debido a la elaboración de la tercera tarea programada podemos concluir que: Se tiene un mejor conocimiento y una mejor practica en la elaboración de una base de datos Aprendimos sobre leer archivos XML en SQL Server y como añadir los datos del XML a las tablas respectivas de la base de datos, sobre como modificar estos archivos, y como "jugar" con estos Se instruyo la elaboración de una pagina web utilizando HTML y Python, usando la librería de Flask y el framework de Bootstrap y conectar la pagina web con la base de datos para poder añadir, editar, buscar y eliminar datos en la página web y que estos procesos se reflejen en la base de datos Se tiene un mejor conocimiento en la creación de vistas, manejo de errores y uso de transacciones Análisis de resultados: En general nos sentimos bastante orgullosos del trabajo realizado, tanto en la pagina como en la base de datos implementamos todas las funcionalidades, el programa...

Casi Finalización de la Pagina Web y Placeholders para Conexión con la BD

Esta ultima semana fue dedicada a la casi completa finalización de la pagina web del sistema de administración, todas las partes que faltaban de implementar están listas, además se realizo una conexión con la parte de datos de forma provisional, a continuación se hace un resumen de lo realizado: La opción de listar empleados fue mejorada con iconos para editar y eliminar, aunque de momento debido al no tener una BD real estos no hacen nada. Edición de empleado y puesto fue mejorada drásticamente, con sus datos tomados de un catalogo y siendo mostrados en forma de drop menu, además la inserción de la fecha de nacimiento se hace mediante un calendario, por lo que de esta forma es imposible que se inserten datos no validos o en el formato incorrecto. Respecto a lo que mencioné anteriormente de los iconos de editar y borrar, hay una implementación básica realizada: En la lista de puestos si se seleccionan estos iconos, nos en...

Últimos 2 días de trabajo

Los últimos 2 días de trabajo, correspondientes al jueves 15 y viernes 16, fueron los días mas productivos que hemos tenido. La pagina web fue finalizada su totalidad, esto correspone a cambios esteticos minimos y la creacion de un menú de ajustes, se creó la BD con sus respectivas tablas, y se hicieron los stored procedures para conectar todo, además se finalizó el parseo de los archivos xml. Respecto a la creación de los procedures para hacer los CRUD, no hubo muchas complicaciones, como ya antes habíamos hecho pruebas con una Bd de prueba, crear las versiones finales de los procedures se redujo a simplemente crearlos siguiendo la plantilla dada por el profesor, e ir modificándolos según cada tabla. se puede ver nuestro repositorio de GitHub para notar que prácticamente ya son creadas en sus versiones finales, y son modificadas solo para hacer correcciones menores. La lectura de los xml si tuvo varios problemas, si bien la version creada pot el compañero era perfectamente funcional, ...

Tarea 1 - BD TEC

Buscar este blog