Diario IFCD0110 Castro Urdiales: 2014-11-30

viernes, 5 de diciembre de 2014

DIA CIENTO VEINTITRES 5/12/2014

Hoy hemos continuado en programación con otro ejercicio similar al de ayer, pero con isNaN en este caso. Era bastante simple, introducías un número y te decía si era cierto que no era un número o si era falso, luego con dos botones más introducíamos en cada uno un dato, en uno un dato numérico y en el otro uno de texto para de nuevo obtener respuesta a lo mismo. Finalmente, un botón de reset borraba el resultado.
En diseño hemos visto la guía de diseño web, acerca de la importancia de los márgenes etc para la composiciónd e páginas web, más o menos basado en repasar conceptos anteriores ya que no quedaron del todo interiorizados. Nos dividimos en grupos además para mirar distintas secciones en la composición web y explicamos cada uno buscando ejemplos de páginas web que guardaran estos criterios y aquellas que estaban mal diseñadas según los mismos.

jueves, 4 de diciembre de 2014

DIA CIENTO VEINTIDOS 4/12/2014

Hoy en diseño gráfico seguimos con los carteles, mi chica arlequin sigue en proceso pero ya va pareciéndose más a lo que busco. En programación hemos vuelto con los ejercicios a resolver a la vez y, en la misma plantilla de ejercicios de estas últimas veces, el primero por el momento,ya está finalizado, queda si acaso ayudar a algún compañero a que lo acabe. Se basaba en una calculadora que, en vez de tener botones donde clicar los números, tenemos tres espacios donde escribir qué número y operador deseamos. Ha llevado trabajo hasta que he comprendido su funcionamiento, luego fue más rápido de finalizar logrando su correcto funcionamiento.
Hoy además nos sacaron del aula para sacarnos fotos todos juntos (menos un compañero que esataba ausente hoy) con el cartel de la Escuela Taller y, además como última noticia, hemos intentado cambiar la estructura física de la clase (disposición de las mesas etc) pero al no ser funcional completamente, hemos vuelto a como estábamos hasta prontas ideas de colocación.

miércoles, 3 de diciembre de 2014

DIA CIENTO VEINTIUNO 03/12/2014

Hoy terminé todos los ejercicios,los cuales ya están subidos al blog, mas aún falta acabar los resúmenes, que se están haciendo eternos porque tenemos dos puntos más que ocupan varios folios, pero ya voy por el último subrayando, queda pasarlo al blog.
En diseño me he volcado en el cartel ya que hay que entregarlo en poco tiempo, lo cuál espero que pueda cumplir con el plazo dado que estoy haciendo un trabajo más elaborado del acostumbrado y el primero ni me convenció el resultado.
En principio había dibujado en illustrator una máscara de cero, con sus plumas etc y en photoshop la pinté con sombras, luces etc, pero cuando fui a montarlo todo en el cartel, no quedaba como creí al principio y, dado que no me estaba gustando porque estaba muy elaborado para un fondo tan vacío, pues lo dejé aparcado.
Lo siguiente que hice, después de buscar muchas fotos y dibujos con los que trabajar y que descarté en seguida ya que no podía integrarlos a mi idea principal, ice yo misma uno en papel, lo escanee, hice calco de imagen con illustrator y, dado el desastroso resultado tuve que unir todos los trazos que quedaron sueltos (que eran casi todos).
Ahora ya tiene mejor aspecto, se nota lo que es el dibujo y, tras romperme mucho la cabeza, sobre todo con la perspectiva y simetría de los ojos (aunque sigo pensando que me quedó un poco biroja la chica) he comenzado a darle color con photoshop.
Hoy además ya nos cedieron nuestras compañeras la cafetera que tenían en el taller y, como última noticia del día, también tuvimos una reunión del equipo wiki para hablar sobre los contenidos que quedan por subir y Alberto propuso una idea de subir archivos de código en el contenido.

CALCULADORA EN JS

Visualización

Explicación

Se trata de una calculadora realizada en la web con elementos html js y css completamente funcional, que actúa como una de sobremesa, con la diferencia,a demás, que se puede clicar y mover por la página al antojo del usuario, a parte de hacerla aparecer y desaparecer clicando los botones.

HTML

<!DOCTYPE html>

<head>

<title>Calculadora</title>

<scriptsrc="jquery-1.9.0.js"></script>

$(function() {

$( "#draggable" ).draggable();

});

$(document).ready(function(){

$('.fade').click(function(){

$('#contenido').toggle('fade',1500);

});

$('.explode').click(function(){

$('#contenido').toggle('explode',1500);

});

</script>

</head>

<body>

<div><button class="fade">Desvanecer</button><button class="explode">Explotar</button></div>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</FORM>

</div>

</body>

</html>

CSS

body {

font-family: sans-serif;

text-align:center;

}

#calculadora {

font: bold 14px Arial,sans-serif;

background-color: #9DD2EA;

border-radius: 3px;

height: 500px;

padding: 20px;

width: 302px;

position: relative;

top:300px;

left:300px;

}

.teclas{

background-color: #FFFFFF;

border-radius: 3px;

color: #888888;

cursor: pointer;

float: left;

height: 36px;

line-height: 0px;

margin: 0 7px 11px 0;

text-align: center;

transition: all 0.4s ease 0s;

width: 66px;

border:0px;

font: bold 14px Arial,sans-serif;

}

.operador {

background-color: #FFDAB9;

margin-right: 0;

border-radius: 3px;

width: 66px;

height: 36px;

line-height: 0px;

border:0px;

margin: 0 7px 11px 0;

font: bold 14px Arial,sans-serif;

cursor: pointer;

}

.escribir{

text-align:right;

width: 200px;

height: 50px;

border-radius: 3px;

border:0px;

background-color: #E0F8E0;

font: bold 14px Arial,sans-serif;

}

.botoncillo{

background-color: #F3F781;

margin-right: 0;

border-radius: 3px;

width: 66px;

height: 36px;

line-height: 0px;

border:0px;

margin: 0 7px 11px 0;

font: bold 14px Arial,sans-serif;

cursor: pointer;

}

table{

width:320px;

height:320px;

margin-top: 50px;

padding-right:300px;

}

.imagen1{

position: absolute;

top:440px;

left: 150px;

}

.imagen2{

position: absolute;

top:80px;

}

.teclas:hover {

background: #F2F5A9 ;

}

.botoncillo:hover {

background: #F2F5A9 ;

}

.operador:hover {

background: #F2F5A9 ;

}

#draggable {

width: 302px;

height: 500px;

padding: 0.5em;

border:1px;

}

#contenido{

border-radius: 20px;

height: 500px;

opacity: 0.9;

display:none;

}

JS

No lo adjunto, por ser excesivamente largo, pero se puede encontrar en éstas páginas

http://codigos-taz.blogspot.com.es/2013/02/efecto-aparecer-y-desaparecer-un-div.html

EJERCICIO FOR DE JS

Enunciado

-Programa que muestre un menú y que se salga al pulsar cancelar en una ventana tipo confirm es como un prompt va asignada a una variable. El menú da 4 opciones, suma, resta, multi y división. En cada opción del switch se llamará a una función que pedirá 2 números y hará la cuenta y devolverá el resultado con return. Por lo tanto la llamada a la función estará asignada a una variable que luego mostraremos antes de llegar al break del case correspondiente con un alert. En resumen 5 funciones, una con el menú y otras 4 para las operaciones que devolverán el resultado a la función del menú.

Mi código

HTML

<!DOCTYPE html>

<head>

<title>Maratón de JavaScript</title>

</head>

<body>

<h1>Maratón de JavaScript</h1>

<h2>Nombre y apellidos</h2>

<h2>Melani Abascal</h2>

<h3>Números</h3>

</div>

<h3>Cadenas</h3>

</div>

</body>

</html>

var num1,num2,a,ope,opcion

function ope(){

//Declaramos que muestre el mensaje booleano para continuar o no

do{

opcion=confirm('¿Deseas realizar operaciones?','')

if (opcion==false){

window.alert("Fin de programa")

//Esta función ya existe de forma predeterminada, no hace falta crearla, y es la que cerrará finalizando el programa en caso de pulsar cancelar, es decir, devolver un false

ventana_secundaria.close()

}

//Mostramos el menú y pedimos los números

ope=prompt('Estas son las opciones a realizar, escoge la de tu agrado: \n 1) Suma \n 2) Resta \n 3)Multiplicación \n 4) División','')

ope=parseInt(ope)

num1=prompt('Introduce el primer número','')

num2=prompt('Introduce el segundo número','')

num1=parseFloat(num1)

num2=parseFloat(num2)

switch(ope){

case 1:

//En cada caso llamamos a otra función que se encargará de operar y devolver el resultado

resultado=suma()

break

case 2:

resultado=resta()

break

case 3:

resultado=multi()

break

case 4:

resultado=divi()

break

default:

//Por si se introduce un número no perteneciente al menú

window.alert("El número no pertenece a ninguna opción de este menú")

}

//Mostramos el resultado

window.alert("El resultado es :" +a)

}while(opcion!=false)

}

function suma(){

a=num1+num2

return a

}

function resta(){

a=num1-num2

return a

}

function multi() {

a=num1*num2

return a

}

function divi() {

a=num1/num2

return a

}

CUARTA PRUEBA DE VALIDACION UF1305

<H1 <B>ALIGN=”CENTER”>PRUEBA DE VALIDACIÓN PERSONAL</B><H1>

<P>Fecha: Módulo: MF0951_2 Unidad Formativa: UF1305.4

Nombre: fecha de inicio: Horas empleadas:

</P>

<BODY>

<H2><U>INSTRUCCIONES:</U>Esta prueba de validación se compone de una batería de preguntas tipo test y unos ejercicios de código en Java con redacción<b>ESTA PRUEBA ES PERSONAL </b></H2> El objetivo de esta prueba es validar todos los conocimientos de la Unidad de competencia y demostrar que se ha asimilado correctamente.

El resultado de la prueba será la media de las dos partes, no pudiendo hacer media si una de las partes esta suspensa.

La batería de preguntas se encuentran más abajo. Pregunta correcta 0,5 puntos, incorrecta o vacia -0,2 puntos.

Respuestas:

1.-	2.-	3.-	4.-	5.-
6.-	7.-	8.-	9.-	10.-
11.-	12.-	13.-	14.-	15.-
16.-	17.-	18.-	19.-	20.-

Preguntas del test:

1.- ¿Qué es una variable?

a) Es un documento que evalúa una secuencia de comandos.

b)Es un número que identifica datos en JavaScript

c)Es un espacio de memoria donde se almacena un dato

d)Ninguna es correcta

2.- Un valor booleano puede guardar

a)true

b)false

c)vacío o no datos

d)todos son correctos

3.- Para que se utiliza el tipo de datos “string” en Javascript

a)Para representar números

b)Para representar texto y números en modo texto

c)Para representar un valor “null”

d)Para representar un valor booleano

4.- Qué función no es típica de Javascript

a)isTime

b)Document.write

c)window.alert

d)prompt

5.- ¿Qué sentencia se utiliza para saltar la ejecución en una estructura de control, para un bucle de repetición dado?

a)break

b)jump

c)continue

d)Ninguna es correcta

6.- La sentencia break ordena a JavaScript que termine la ejecución de una condición dada

a)Verdadero

b)Falso

c)Sólo si es una condición mixta

d)Ninguna de las anteriores

7.- De la unidad anterior que función retorna una cadena indicando el tipo de variable que es

a)This

b)New

c)Typeof

d)Delete

8.- En el bucle for cuando se realiza la evaluación de la condición

a)Al final de las instruccion

b)Una vez al principio de las repeticiones

c)En cada repetición al principio

d)En cada repetición al final

9.- El operador && equivale a… en una condición

a) And

b)OR

c)Jer

d)Jir

10.- Los parámetros de una función pasan por defecto como….

a)Un valor

b)una referencia

c)una función en return

d)Una función no tiene parámetros

11.- La sentencia While se ejecuta siempre y cuando la condición de finalización retorna el valor “false”

a)Correcto

b)Incorrecto

c)Depende de la condición

d)No se de que me hablas

12.- ¿Cuál de estas funciones permite interactuar con el usuario, mediante la solicitud de pantalla del ingreso de datos?

a)Window.alert

b)write.todo

c)prompt

d)una de bravas y una de chopitos...

13.- Qué función convierte en número sin decimales una variable

a) parseFoat

b) parseInt

c) parseparse

d) number

14.- ¿Una función en Javascript es un conjunto de sentencias que realizan una tarea específica?

a)Verdadero

b)Parcialmente

c)Falso

d)Depende del algoritmo

15.- En un bucle for con esta condición (i=1;i<=veces;i++) donde podemos pedir veces.

a) Dentro del bucle

b) Después del bucle

c) Antes del bucle

d) Todas son correctas

16.- ¿Qué estructuras de control se corresponde con la ejecución de un grupo de sentencias mientras se cumpla una condición?

a) “If-Then-Else”

b) “Do-while”

c) “Do-Until”

d) “For-next”

17.- Cual es el resultado de esta condición [(5 >= 10 || 5 <= 10) && (10 == 10)]

a) No tiene sentido

b)True

c)False

d) false || false && true

18.- Un bucle for que instrucciones ejecuta

a) Inicializa contador y evalúa condición

b)Inicializa contador, evalúa condición e incrementa contador

c)Inicializa y crea contador, evalúa condición e incrementa contador

d)Inicializa y crea contador, evalúa condición e incrementa o decrementa contador

19.- ¿Una función puede retornar valores múltiples simultáneamente?

a)Si

b)No

c)Depende de la llamada

d)Los retorna uno a uno

20.- Cuántos parámetros puedes pasar a través de una función

a)200

b)5

c)525

d)depende del navegador, pero más de 60000 en cualquier caso

Ejercicio de código: En el archivo html y css adjuntado desarrollar lo siguiente:

Depurar el programa en un zip dentro de la unidad formativa 1305.4
METAS RELLENADOS CON COHERENCIA POR FAVOR
Aplicar todos los conceptos de un código sencillo y fácil de mantener.
Apartado de <NOSCRIPT> colocado y completado.
Código comentado en HTML y en el .js
Redacción de puño y letra de como programar de manera eficiente, conceptos a tener en cuenta y descripción de procedimiento según lo entiendes.
Se valora la redacción lo más detallada posible.

Ejercicio con errores

HTML

<!DOCTYPE html> <html lang="es"> <head> <title>Prueba 1305.2</title> <meta content="text/html; charset=iso-8859-1"> <meta name="Description" content="descripci?n de la p?gina"> <LINK REL="stylesheet" HREF="prueba.css" TYPE="text/css"> <SCRIPT language=javascript src=".js"></script> </head> <body> <h1>Prueba de validaci?n 1305.2</h1> <img class="trebol" src="suerte.png" alt="Trebol" /> <h2>Nombre y apellidos</h2> <h3>N?meros</h3> <div class="caja1"><br/> </div> <h3>Cadenas</h3> <div class="caja2"> </div> </body> </html>

JS

function orden()
{
var num1=prompt('Introduce el primer número',"")
var num2=prompt('Introduce el segundo número',"")
var num3=prompt('Introduce el tercer número',"")
num1=parseFloat(num1)
num2=parseFloat(num2)
num3=parseFloat(num3)

//comprobar que es un numero entre 0 y 100
if (num1 >=0 && num1 <= 100 && num2 >=0 && num2 <= 100 && num3 >=0 && num3 <= 100)
{
//El camino de mayor el primero
if (num1 > num2 & num1 > num3){
//saber cual va en segundo y tercer posicion
if (num2 > num3)
{
window.alert("El orden es: "+'\n'+num1'\n '+num2+'\n '+num3)
}
else
{
window.alert("El orden es: "+'\n '+num1+'\n '+num3+'\n '+num2)
}
}
else
{
//camino de mayor el segundo
if (num2 >= num3 && num2 > num1)
{
//saber cual va en segundo y tercer posicion
if (num1 > num3)
{
window.alert("El orden es: "+'\n '+num2+'\n '+num1+'\n '+num3)
}
else

window.alert("El orden es: "+'\n '+num2+'\n '+num3+'\n '+num1)
}
}
else
{
//camino de mayor el tercero
if (num3 > num2 && num3 > num1)
{
//saber cual va en segundo y tercer posicion
if (num2 > num1)
{
window.alert("El orden es: "+'\n '+num3+'\n '+num2+'\n '+num1)
}
else
{
window.alert("El orden es: "+'\n '+num3+'\n '+num1+'\n '+num2)
}
}
//camino de son iguales los tres
else{
{
window.alert("Iguales")
}
}
}
}
else
{
window.alert('Numeros no entre 0 y 100')
}
}
}

CSS

body{ padding: 40px;}h1 { float: left; color: #9be663; margin-left: 425px; font-family: verdana; margin-top: 60px; font-size: 30pt;}.trebol { position: relative; left: 200px;}h2 { color:#fc9720; font-family: verdana; margin-top: 20px;}h3 { color:#9be663; font-family: verdana; margin-top: 80px; font-size: 18pt;}.caja1 { position: relative; margin-left: 340px; margin-top: 40px; width: 800px; height: 500px; border: solid #fc9720 5px; Border-radius: 5%;}.caja2 { position: relative; margin-left: 340px; margin-top: 40px; width: 800px; height: 500px; border: solid #fc9720 5px; Border-radius: 5%;}

Mi código

HTML

<!DOCTYPE html>

<head>

<title>Prueba 1305.4</title>

<NOSCRIPT><!--Dada la posibilidad de que algún navegador no esté actualizado, por

ende no podrá interpretar el contenido JavaScript, le mostraremos con esto al usuario un

mensaje para que lo actualice y, además, le mostraremos distintas páginas para descargar

de forma gratuita un navegador actualizado entre los más usados-->

Este navegador no comprende los scripts que se están ejecutando, debe actualizar su

versión de

navegador a una más reciente. Por favor escoja entre las diversas opciones que le

mostramos.

<a href=http://windows.microsoft.com/es-es/windows/downloads>Microsoft</a>.<br>

<a href=http://www.opera.com/es-es>Opera</a>.<br>

<a href=http://support.apple.com/kb/dl1531?viewlocale=es_ES>Safari</a>.<br>

<a href=https://www.mozilla.org/es-ES/firefox/new/>Firefox</a>.<br>

<a href=http://www.google.com/intl/es/chrome/>Chrome</a>.<br>

</NOSCRIPT>

</head>

<body>

<h1>Prueba de validación 1305.4</h1>

<h2>Nombre y apellidos</h2>

<h2>Melani Abascal</h2>

<h3>Números</h3>

</div>

<h3>Cadenas</h3>

</div>

</body>

</html>

//Dejo claro ya con antelación que esta vez puse los comentarios en la misma línea a la que refieren pero porque se refieren a los errores

function orden()

{

//Declaramos las variables aquí para que quede más limpio y fácil de ver

var num1,num2,num3

num1=prompt('Introduce el primer número','')//Aquí van comillas simples,no dobles

num2=prompt('Introduce el segundo número','')

num3=prompt('Introduce el tercer número','')

num1=parseFloat(num1)

num2=parseFloat(num2)

num3=parseFloat(num3)

//comprobar que es un numero entre 0 y 100

if (num1 >=0 && num1 <= 100 && num2 >=0 && num2 <= 100 && num3 >=0 &&

num3 <= 100)

{

//El camino de mayor el primero

// es necesario poner &&, no sólo &

if (num1 > num2 && num1 > num3)

{

//saber cual va en segundo y tercer posicion

if (num2 > num3)

{

window.alert("El orden es: "+'\n'+num1+'\n '+num2+'\n

'+num3)//Para que la cadena siga hay que poner los signos + a cada lado

}//Faltaba esta llave aquí para cerrar el if antes de comenzar el

else }

else

{ //El else se abre y se cierra

{

window.alert("El orden es: "+'\n '+num1+'\n '+num3+'\n '+num2)

}

else

{

//camino de mayor el segundo

if (num2 > num3 && num2 > num1)//Si se coloca >= no tiene

sentido el ejercicio

{

//saber cual va en segundo y tercer posicion

if (num1 > num3)

{

window.alert("El orden es: "+'\n '+num2+'\n '+num1+'\n '+num3)

}

else

{//Faltaba esta llave del else

window.alert("El orden es: "+'\n '+num2+'\n '+num3+'\n '+num1)

}

else

{

//camino de mayor el tercero

if (num3 > num2 && num3 > num1)

{

//saber cual va en segundo y tercer posicion

if (num2 > num1)

{

window.alert("El orden es: "+'\n '+num3+'\n '+num2+'\n '+num1)

}

else

{

window.alert("El orden es: "+'\n '+num3+'\n '+num1+'\n '+num2)

}

//camino de son iguales los tres

else

{

window.alert("Iguales")

}

else

{

window.alert('Numeros no entre 0 y 100')

}

//Aquí sobra una llave

Diario IFCD0110 Castro Urdiales

menu desplegable

viernes, 5 de diciembre de 2014

DIA CIENTO VEINTITRES 5/12/2014

jueves, 4 de diciembre de 2014

DIA CIENTO VEINTIDOS 4/12/2014

miércoles, 3 de diciembre de 2014

DIA CIENTO VEINTIUNO 03/12/2014

CALCULADORA EN JS

Visualización

Explicación

HTML

CSS

JS

EJERCICIO FOR DE JS

Enunciado

Mi código

CUARTA PRUEBA DE VALIDACION UF1305

Ejercicio con errores

Mi código

analytics