Eblockfy es una aplicacion que te permite guardar certificados en la blockchain de Ethereum
La aplicacion se ejecuta en Ubuntu 16.04
Para ejecutar la aplicacion es necesario tener instalado el programa Docker
- Docker version 17.03.2-ce o mayor INFO
Para poder guardar los certificados debera tener instalada, en su navegador, la extension Metamask y conectarse a la red Ropsten.
La primera vez que vaya a usar la aplicacion tendra que instalarla ejecutando el siguiente script, la aplicacion se iniciara automaticamente.
./scripts/installEblockfy.sh tu_puerto tus_archivos
tu_puerto es el puerto en el que la aplicacion estara escuchando. tus_archivos es la direccion donde estaran tus carpetas images y css.
La app sera accesible desde http://localhost:tu_puerto
Para desinstalar la aplicacion ejecute el siguiente script.
./scripts/uninstallEblockfy.sh
Si ha detenido la aplicacion en algun momento, podra iniciarla con el siguiente script.
./scripts/startEblockfy.sh
Si quiere detener la aplicacion puede ejcutar el siguiente script.
./scripts/stopEblockfy.sh
Si está teniendo problemas para iniciar la aplicacion ejecute el siguiente script.
./scripts/resetEblockfy.sh
Para actualizar la aplicacion ejecute el siguiente script.
./scripts/updateEblockfy.sh
Personalice la aplicacion adaptandola al estilo de su organizacion.
En la carpeta "images" debera tener las imagenes de su organizacion con los siguientes nombres:
-> logo.png (logo que aparece en la cabecera de la aplicacion)
-> ico.png (Icono que aparece en la pestaña del explorador)
-> firma1.png (Aparece en el certificado. Firma identificativa de la persona que certifica)
-> firma2.png (Aparece en el certificado. Firma identificativa de la institucion que ejerce el certificado)
-> certified.png (Aparece en el certificado. Se recomienda no modificar esta imagen)
-> Blockchain.png (Aparece en el certificado. Se recomienda no modificar esta imagen)
-> verified-seal-grayscale.png (Marca de agua del certificado. Se recomienda no modificar esta imagen)
-> Puede utilizar las imagenes de la carpeta images-test
En la carpeta "css", modifique el archivo "mystyle.css" con la informacion que crea adecuada:
/* Fondo de Eblockfy */
body {
background: #f1f4f7 !important;
}
/* Tipo de fuente de Eblockfy */
body {
font-family: sans-serif !important;
}
/* Dimensiones de fuente de Eblockfy */
body {
font-size: 14px;
}
/* Color (cabeceras, botones, etc) */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled], .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled], .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled], .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled], .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled], .btn-primary.active, .bg-info, .bg-blue a.bg-info:hover, a.bg-blue:hover, .label-info, .label-info[href]:hover, .label-info[href]:focus, .panel-primary > .panel-heading, .panel-info > .panel-heading, .timeline-badge.primary, .timeline-badge.info, .progress-bar, .progress-bar-info, .progress-bar-blue, .sidebar ul.nav a:hover, .sidebar ul.nav li.parent ul li a:hover, .sidebar ul.nav, .active a, .sidebar ul.nav li.parent a.active, .sidebar ul.nav, .active > a:hover, .sidebar ul.nav li.parent a.active:hover, .sidebar ul.nav, .active > a:focus, .sidebar ul.nav li.parent a.active:focus, .sidebar ul.nav li.current a, .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open, .dropdown-toggle.datepicker table tr td.active, .open, .dropdown-toggle.datepicker table tr td.active:hover, .open, .dropdown-toggle.datepicker table tr td.active.disabled, .open, .dropdown-toggle.datepicker table tr td.active.disabled:hover {
background-color: #4fe907 !important;
}
/* Dimensiones logo.png */
#logo {
width: 10px;
height: 90px;
}
/* Dimensiones firma1.png */
#firma1 {
width: 305px !important;
height: 90px !important;
}
/* Dimensiones firma2.png */
#firma2 {
width: 305px !important;
height: 90px !important;
}
/* Dimensiones certified.png */
#certified {
width: 305px !important;
height: 90px !important;
}
/* Tamaño Blockchain.png */
#Blockchain {
width: 305px !important;
height: 90px !important;
}
/* Dimensiones verified-seal-grayscale.png */
#verified-seal-grayscale {
width: 305px !important;
height: 90px !important;
}