UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMATICAS Y FISICAS

CARRERA DE INGENIERIA EN SISTEMAS
COMPUTACIONALES

PLAN DE CONTINGENCIA

ESTUDIANTE:
LISSETTE GARCIA FERNANDEZ

DOCENTE:
ING. INELDA MARTILLO

GUAYAQUIL – ECUADOR
2019
Índice de Contenido
Características Técnicas 4

Sistema Operativo 4

Tecnología de Desarrollo 5

Base de datos 5

Guía de estructura del proyecto 5

Estructura del proyecto 5

Relación Modelo, Vista, Controlador 8

Tipos plantillas disponibles 9

Guía de implementación de Plantillas 9

LinkNav 10

WebBase 11

AboutUs 11

Blog 11

BlogMedia 12

BlogPost 12

Busqueda 12

Contáctenos 13

Créditos 13

Cuentas 13

Historia 14

Información General 14

Inicio 14

Inversiones Y Servicios 15

Préstamos 15

Servicios 15

Simuladores 16

Solicitud de Crédito 16
Transparencia de la información 16

Esquema de Contingencia 17

Plan de contingencia 17
 Manual de Contingencia
Portal Web Banco

Características Técnicas
IDE de desarrollo: Visual Studio 2017 Community Edition

Plataforma: ASP.NET 4.5 Full-Trust

Lenguaje de Programación: C#, JavaScript

Base de datos: SQL Server 2008

Lenguajes de Marcado: Razor ASP.NET, HTML5

Librería: Umbraco 7.7.6

Patrón utilizado: MVC

Sistema operativo: Windows Server 2012 R2 64 bits o Windows Azure

Sistema Operativo
Umbraco CMS está listo para trabajar en entornos Windows con las siguientes características:

● IIS 7+
● SQL CE, SQL Server 2008 and higher or MySQL (en modo case insensitive)
● ASP.NET 4.5 Full-Trust
● Tener la disponibilidad de cambiar los permisos de Lectura/Escritura a las carpetas del
servidor.

Para desarrollar en ambiente local se requieren de las siguientes características:

● Microsoft Windows 7 SP1 o superior

● Visual Studio con la extensión de IISExpress (Visual Studio 2017 Community Edition
recomendado).
● ASP.NET 4.5+ Full-Trust
Tecnología de Desarrollo
Para desarrollar con Umbraco CMS se necesita del Framework .NET, además de la adición de
paquetes a través de NuGet para añadir el core del CMS.

El lenguaje de Programación utilizado es C#, en las páginas ASP se puede utilizar de igual
manera JavaScript.

En su desarrollo se utilizó el patrón de diseño MVC proporcionado por ASP.NET, el mismo que
como lenguaje de marcado incluye RAZOR, el cual nos permite ahorrar tiempo y código con
librerías predefinidas y un marcado más lógico dentro de la vista.

Base de datos
Para utilizar Umbraco CMS se requiere de SQL Server 2008 o superior. También se puede
utilizar SQLite, MySQL u Oracle de ser el caso.

Guía de estructura del proyecto

Para desarrollar cualquier tipo de cambio se debe utilizar el patrón MVC, e incluir dentro de él
librerías propias de Umbraco CMS.
Estructura física del Proyecto
Al ser una página web la estructura física del proyecto sigue un patrón simple, se realiza una
consulta al servidor de aplicaciones en la nube de Azure, este podrá realizar peticiones a la
base de datos, las cuales serán retornadas como respuesta al navegador del cliente.
Estructura del proyecto
El proyecto contiene varias carpetas que hacen
referencia en su mayor parte al core de la
aplicación y del CMS, no se ahondará mucho en su
estructura interna.

Estas carpetas no deberán de ser modificadas, y,

dependiendo de su tipo no deberán de estar
incluídas dentro del proyecto al momento de
compilar y publicar la aplicación:

● App_Browsers
● App_Data
● Bin
● Obj
● Umbraco
● Umbraco_Client

Las siguientes carpetas son parte del Core de la

aplicación pero siempre se tendrán que incluir al
momento de la compilación y publicación del
mismo, estas son:

● App_Plugins
● Config
● Content
● Fonts
● Media
● Scripts

A continuación se describen las carpetas necesarias para el desarrollo:

● assets: Dentro de esta carpeta se encuentran los directorios:

○ css: Incluye todos los estilos de la aplicación.
○ images: Incluye imágenes necesarias para la plantilla dentro de la vista, mismas
que no son modificables por parte del usuario final.
○ js: Incluye los archivos Scripts de la aplicación.
○ libs: Incluye librería de terceros usadas dentro de la aplicación.
● Controllers: Contiene los controladores de la aplicación.
● Helpers: Contiene clases de ayuda para aplicación.
● Models: Contiene los modelos de la aplicación.
● Views: Contiene las vistas de la aplicación. Dentro de esta carpeta existen otras
carpetas las cuales no se deben modificar pero siempre deben estar incluídas dentro
de la compilación:
○ MacroPartial
○ Shared

Además en la raíz tenemos los archivos:

 ● default.aspx
● Global.asax
● package.config
● Web.config

Relación Modelo, Vista, Controlador

Para entender el cómo se relacionan estos componentes y de esta manera tener mayor
entendimiento de cómo funciona el CMS, necesitamos conocer cómo se estructuran las
páginas del CMS.

Para comprender de mejor manera lo antes mencionado se muestra el siguiente

gráfico:

Dentro de umbraco existen los tipos de documentos, los cuales definen los datos que serán
introducidos por el usuario para luego ser mostrados; estos datos pueden ser texto, imágenes,
páginas dentro de umbraco, listas, etc.1

Estos tipos de documentos proveen a la vista los datos que mostrará. A su vez la vista inicia
con una plantilla, esta posee código Razor y HTML, además esta puede llamar a un
Controlador.
El controlador puede hacer uso del modelo, el cual será retornado por el a la plantilla o a una
vista parcial, la cual renderizará lo que el usuario final verá.

Es por ello que cada tipo de documento puede poseer una plantilla, esta plantilla a su vez
puede poseer código en bruto o llamar a un controlador, este controlador puede llamar a un
modelo, también puede llamar a una vista parcial para extender el modelo relacionado, esta
vista parcial renderizará todo o en su defecto el controlador lo retornará a la plantilla para que
esta se encargue del renderizado.

Tipos plantillas disponibles

Dentro del proyecto se definieron las siguientes plantillas:

● LinkNav
● WebBase
○ AboutUs ○
Blog
○ BlogMedia
○ BlogPost
○ Busqueda
○ Contáctenos ○
Créditos
○ Cuentas
○ Historia
○ Información General ○
Inicio
○ Inversiones Y Servicios
○ Préstamos ○
Servicios
○ Simuladores
○ Solicitud de Crédito
○ Transparencia de la información

Guía de implementación de Plantillas

Para comprender la complejidad del proyecto hace falta analizar una a una cada clase y
basarse en la guía que proporciona el CMS para poder modificar parte de su estructura.

Para poder modificar parte de la estructura trabajada se proporciona en la siguiente imagen

el diagrama de clases de la aplicación, para proporcionar una guía de los métodos y atributos
proporcionados:
A continuación se describirá una guía de cada una de las plantillas, así como sus controladores
y modelos asociados.

LinkNav
Descripción: Esta plantilla nos permitirá utilizar elementos de redirección
dentro del menú de navegación.

Vistas Parciales Ninguna.

asociadas:
 Controladores Ninguno.
asociados:

Modelos Asociados: Ninguno.

WebBase
Descripción: Esta plantilla es la base de toda la aplicación, de ella
extienden todas las páginas internas. En ella se define tanto el
menú principal como el Footer de la página.

Vistas Parciales ● Views/Partials/SiteLayout/_Header.cshtml

asociadas: ● Views/Partials/SiteLayout/_Footer.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados:

Modelos Asociados: ● Models/Navigation.cs

AboutUs
Descripción: Esta plantilla contiene la vista de Acerca de Nosotros.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderTitle.cshtml

asociadas: ● Views/Partials/Nosotros/_AboutUs.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/NosotrosController.cs

Modelos Asociados: Ninguno.

Blog
Descripción: Esta plantilla contiene la vista del blog. Muestra todos los posts.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Blog/_Blog.cshtml
● Views/Partials/Blog/_PostList.cshtml
 Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/BlogController.cs

Modelos Asociados: ● Models/BlogPreview.cs

BlogMedia
Descripción: Esta plantilla contiene la vista de los posts multimedia del blog.
Sirve únicamente como referencia ya que los blogs multimedia se
renderizan en blog post.

Vistas Parciales Ninguna.

asociadas:

Controladores Ninguno.
asociados:

Modelos Asociados: Ninguno.

BlogPost
Descripción: Esta plantilla contiene la vista de los posts dependiendo si es un
post normal o multimedia.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Blog/_Blog.cshtml
● Views/Partials/Blog/_Post.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/BlogController.cs

Modelos Asociados: Ninguno.

Busqueda

Descripción: Esta plantilla contiene la vista de la búsqueda local proporcionada

por Umbraco.

Vistas Parciales Ninguna.

asociadas:
 Controladores Ninguno.
asociados:

Modelos Asociados: Ninguno.

Contáctenos
Descripción: Esta plantilla contiene la vista de contacto.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Contacto/_Contactenos.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/ContactosController.cs

Modelos Asociados: Ninguno.

Créditos
Descripción: Esta plantilla contiene la vista de las páginas de créditos.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Prestamos/_Creditos.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/PrestamosController.cs

Modelos Asociados: Ninguno.

Cuentas
Descripción: Esta plantilla contiene la vista de las páginas de cuentas.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Servicios/_Cuentas.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/InversionesYServiciosController.cs
 Modelos Asociados: Ninguno.

Historia
Descripción: Esta plantilla contiene la vista de Nuestra historia.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cs

asociadas: ● Views/Partials/Nosotros/_NuestraHistoria.cs

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/NosotrosController.cs

Modelos Asociados: Ninguno.

Información General
Descripción: Esta plantilla contiene la vista de la página de Información
General.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/InformacionGeneral/_Principal.cshtml

Controladores ● Controllers/SiteLayoutController.cs
asociados: ● Controllers/InformacionGeneralController.cs

Modelos Asociados: Ninguno.

Inicio
Descripción: Esta plantilla contiene la vista de la página de Inicio.

Vistas Parciales ● Views/Partials/Home/_Home.cshtml

asociadas: ○ Views/Partials/Home/_Banner.cshtml
○ Views/Partials/Home/_Nosotros.cshtml ○
Views/Partials/Home/_Creditos.cshtml
○ Views/Partials/Home/_Testimonios.cshtml
○ Views/Partials/Home/_Noticias.cshtml
 Controladores ● Controllers/HomeController.cs
asociados:

Modelos Asociados: ● Models/BlogPreview.cs

Inversiones Y Servicios
Descripción: Esta plantilla contiene la vista de la página de Inversiones y
Servicios.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderTitle.cshtml

asociadas: ● Views/Partials/Servicios/_Principal.cshtml

Controladores ● Controllers/InversionesYServiciosController.cs
asociados:

Modelos Asociados: Ninguno.

Préstamos
Descripción: Esta plantilla contiene la vista de las páginas de préstamos.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Prestamos/_Prestamos.cshtml

Controladores ● Controllers/PrestamoController.cs
asociados:

Modelos Asociados: Ninguno.

Servicios
Descripción: Esta plantilla contiene la vista de las páginas de servicios.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderBreadcum.cshtml

asociadas: ● Views/Partials/Prestamos/_Prestamos.cshtml

Controladores ● Controllers/PrestamoController.cs
asociados:
 Modelos Asociados: Ninguno.

Simuladores
Descripción: Esta plantilla contiene el enlace al iframe que contiene el código
de los simuladores.

Vistas Parciales ● Views/Partials/SiteLayout/_HeaderTitle.cshtml

asociadas: ● Views/Partials/Simulador/_Simulador.cshtml

Controladores ● Controllers/SimuladorController.cs
asociados:

Modelos Asociados: Ninguno.

Solicitud de Crédito
Descripción: Esta plantilla contiene el formulario de solicitud de crédito.

Vistas Parciales ● Views/Partials/Contactos/_SolicitudCredito.cshtml

asociadas:

Controladores ● Controllers/ContactosController.cs
asociados:

Modelos Asociados: Ninguno.

Transparencia de la información
Descripción: Esta plantilla contiene la vista de la página de Transparencia

de Información.

Vistas Parciales ● Views/Partials/Transparencia/_Transparencia.cshtml

asociadas:
 Controladores ● Controllers/TransparenciaController.cs
asociados:

Modelos Asociados: Ninguno.

Esquema de Contingencia

Plan de contingencia
Para poder solventar cualquier tipo de problemas se deberá hacer un análisis periódico, si no
existe ningún tipo de amenaza se procederá a realizar un backup de la base de datos, si existe
algún tipo de amenaza se procederá a restaurar la base de datos, para luego recompilar y
publicar nuevamente la aplicación para volver a hacer un backup de la base de datos.