Está en la página 1de 7

REPÚBLICA BOLIVARIANA DE VENEZUELA

UNIVERSIDAD ALONSO DE OJEDA


VICERRECTORADO ACADÉMICO
FACULTAD DE INGENIERÍA
ESCUELA DE COMPUTACIÓN

Asignación 4: Informe Técnico de


la Aplicación Móvil Básica

ALUMNAS:
SAMANTHA ACOSTA
29.562.778
LUISANA MÉNDEZ
27.260.962
IC: 0911

Ciudad Ojeda, OCTUBRE DEL 2020


Introducción:

Esta aplicación fue diseñada para la entrada a los fans de Caramelo de


Cianuro, de manera que puedan conectar con más seguidores de la
banda compartiendo así más interés y pudiendo estar al tanto de la banda
con respecto a sus noticias, canciones y nuevos eventos. Consta de
ingresar todos tus datos que allí se piden y también se puede ver la lista
de los que ya están agregados.
Desarrollo:

Primero se creó una carpeta de nombre: (aplicación), que luego fue


arrastrada al editor de código que se usó que este caso fue (Sublime
Text 3) donde se empezó a crear la estructura básica del proyecto. En el
Sublime Text se empezó creando un archivo de nombre: (Club De Fans),
pero también se crearon otras 2 carpetas para los: (CSS, Imágenes) que
luego fuero guardadas en la carpeta de aplicación para luego enlazarlas
con el archivo principal, a continuación iremos detallando cada archivo por
separado así como los códigos que se usaron de modo que se entienda
cómo fue creada.

 Club De fans

Dentro del archivo principal se fue creando primero la estructura básica de


HTML en donde se escribió dentro del <title> se escribió el titulo la
aplicación (Club de Fans de Caramelos de Cianuro), seguido por un
<link> que nos enlaza con el archivo “main” de carpeta “CSS”

<title>Club de Fans de Caramelos de Cianuro </title>

<link rel="stylesheet" href="css/main.css">

Seguidamente dentro del <body> se da un mensaje de bienvenida para


aquellos que ingresan se crea los códigos para varios cuadros de textos
“<td><input name=type="text" /></td>” donde iremos colocando nuestra
información personal para poder formar parte del club de fans.

<body>

<form action="conexion.php" method="post">

<p>BIENVENIDO AL CLUB DE FANS DE CARAMELO DE CIANURO


</p>

<table width="400" border="0


">

<tr>

<td>NOMBRE;</td>

<td><input name="nombre" type="text" /></td>

</tr>

<tr>

<td>APELLIDO;</td>

<td><input name="apellido" type="text" /></td>

</tr>

<tr>

<td>CEDULA;</td>

<td><input name="cedula" type="text" /></td>

</tr>

<tr>

<td>DIRECCION;</td>

<td><input name="direccion" type="text" /></td>

</tr>

<tr>

<td>CANCION FAVORITA;</td>

<td><input name="cancion_favorita" type="text" /></td>

</tr>

<tr>

<td>EVENTOS;</td>
<td><input name="eventos" type="text" /></td>

</tr>

<tr>

<td>INTEGRANTE FAVORITO;</td>

<td><input name="integrante_favorito" type="text" /></td>

</tr>

<tr>

<td>INTERESES;</td>

<td><input name="intereses" type="text" /></td>

</tr>

</table>

Por último escribimos los códigos para poder crear botones para poder
enviar nuestros datos, borrar nuestra información por si la escribimos
incorrectamente y por últimos ver la lista de quienes forman parte del club.

<input name="ENVIAR" type="submit" value ="ENVIAR" />

<input name="BORRAR" type="submit" value ="BORRAR" />

<input name="LISTAR" type="submit" value ="LISTAR" />

</form>

</body>

</html>
 Main

Este archivo se encuentra dentro de la carpeta “css” hay mismo de creo


un enlace a la carpeta img donde esta guarda la imagen de fondo además
es donde se introdujeron los códigos para el color y tamaño de las letras,
códigos para centrar la imagen y el contenido así como la alineación y el
espaciado dentro de la pantalla.

body {

background: url('../img/caramelos.jpg');

color: white;

background-repeat:repeat;

font-family: "Calibri Light";

div {

background: #ffffff;

width: 70%;

height: 450px;

margin: 0 auto; /*sirve para centrar canajas*/

}
 Img

La carpeta img tiene como única función guarda la imagen:


(caramelos) que es también tipo jpg y que se tiene como fondo para
aplicación a estar enlazada con el archivo “main” de carpeta de css.

También podría gustarte