PW_pac2

Estudis d’Informàtica, Multimèdia i Telecomunicacions
Grau de multimèdia
Programació web – PAC 2
• Per a dubtes i aclariments sobre l’enunciat, adreceu-vos al consultor responsable
de la vostra aula
• Cal lliurar la solució en un fitxer comprimit (zip, rar, 7z) que contindrà un document
en format doc/odt i aquells arxius html, js i css necessaris per a les qüestions
pràctiques que contingues codi JavaScript. Adjunteu el fitxer a un missatge adreçat
a la bústia Lliurament i registre d’AC.
• El nom del fitxer ha de ser CognomsNom_PW_PAC2 amb l’extensió .doc, .odt o
.pdf..
• Consulteu la data de lliurament al calendari.
PAC2 - JavaScript: POO.
1.- Explica amb les teves paraules en que consisteix l’herència i quina diferencia hi ha entre
una classe i un objecte.
Les classes són les declaracions d'entitats, amb les seves característiques i mètodes, per definir
un objecte s'utilitza una classe Quan es programa un objecte i definim les seves característiques i
funcionalitats s'està programant una classe.
A la programació orientada a objectes podríem dir que els objectes són exemplars d'una classe
qualsevol Quan vam crear un exemplar (objecte) hem d'especificar a partir de la qual es va a
crear, Aixo s'anomena instanciar.
Un exemple:
Tenim una classe taxi --> d'ella podrien sortir objectes -->; taxi. Matricula 0001, taxi. Matricula.02
taxi. Matricula 003, etc...
La herencia es la tramsmisio de codi entre unes clases i altres, per a poder realitzar una
herencia s'utilitzen dos clases. La clase pare es la que transmet el codi a la clase filla.
Aixo es com si estaguera escrit tot el codi de la classe pare linea a linea dins de la clase filla.
Un Exemple
cotxe --> pare
matricula, marca, model, color, passatgers
tatxi --> fill
pare + numero llicència

2.- Crea una classe JavaScript amb les següents característiques: (2 punts)
a) Identificador “edifici”.
b) Amb les propietats següents: “nom”, “descripció”, “adreça”, “data inauguració”,
“arquitecte”, “cost”
c) Amb els mètodes necessaris per consultar i modificar les propietats anteriors, un
mètode constructor de la classe i un mètode “mostra” que mostri en un alert les
propietats de la instància.
d) Crea una instància de la classe anterior i crida al mètode que mostra les
propietats de la instància.
//definim el métode imprimete per la clase edifici
function imprimete(){
document.write(" nom: " + this.nom)
document.write(" descripcio: " + this.descripcio)
document.write(" adresa: " + this.adresa)
document.write(" dataInauguracio: " + this.dataInauguracio)
document.write(" arquitecte: " + this.arquitecte)
document.write(" cost: " + this.cost)
}
// varialbles Get I Set a tots els parametres
function getNom(){
document.write(" nom: "+this.nom)
}
function setNom(nom){
this.nom=nom
}
function getDescripcio(){
document.write(" nom: "+this.descripcio)
}
function setDescripcio(descripcio){
this.descripcio=descripcio
}
function getArquitecte(){
document.write(" nom: "+this.arquitecte)
}
function setArquitecte(arquitecte){
this.arquitecte=arquitecte
}
function getAdresa(){
document.write(" nom: "+this.adresa)
}
function setAdresa(adresa){
this.adresa=adresa
}
function getDataInauguracio(){
document.write(" nom: "+this.dataInauguracio)
}
function setDataInauguracio(dataInauguracio){
this.dataInauguracio=dataInauguracio
}
function getCost(){
document.write(" nom: "+this.cost)
}
function setCost(cost){
this.dataCost=dataCost

}
function edifici (nom,descripcio,arquitecte,adresa,dataInauguracio,cost ) {
this.nom=nom
this.descripcio = descripcio
this.adresa=adresa
this.cost = cost
this.imprimete=imprimete
this.getNom=getNom
this.setNom=setNom
this.getDescripcio=getDescripcio
this.setDescripcio=setDescripcio
this.getArquitecte=getArquitecte
this.setArquitecte=setArquitecte
this.getAdresa=getAdresa
this.setAdresa=setAdresa
this.getDataInauguracio=getDataInauguracio
this.setDataInauguracio=setDataInauguracio
this.getCost=getCost
this.setCost=setCost
}
//creem El meu edifici amb els parametres :
(nom,descripcio,arquitecte,adresa,dataInauguracio,cost )
elMeuedifici = new edifici("Finca Redona","caravista color roig", " Manolo i
Benito", "Pintor Claros", "25 agost 2010", "1.000.000")
//li demanem que imprimir les dates de l'objecte edifici
elMeuedifici.imprimete()
Adjunte el codi de l'exercici
3.- A partir de la classe de l’exercici anterior crea una nova classe ajuntament que hereta de
l’anterior les propietats i els mètodes, però que: (2 punt)
a) Afegeix la següent propietat: “població”
b) Afegeixi els mètodes necessaris per actualitzar la propietat anterior.
c) Actualitza el mètode “mostra” per a que també aparegui la propietat “població”.
d) Crea una instància de la classe anterior i crida al mètode que mostra les propietats de la
instància.
//definim el métode imprimete per la clase edifici
function imprimete(){
}
// varialbles Get I Set a tots els parametres
function getNom(){
document.write(" nom: "+this.nom)
}
function setNom(nom){
this.nom=nom
}
function getDescripcio(){
document.write(" nom: "+this.descripcio)
}
function setDescripcio(descripcio){

this.descripcio=descripcio
}
function getArquitecte(){
document.write(" nom: "+this.arquitecte)
}
function setArquitecte(arquitecte){
}
function getAdresa(){
document.write(" nom: "+this.adresa)
}
function setAdresa(adresa){
this.adresa=adresa
}
function getDataInauguracio(){
document.write(" nom: "+this.dataInauguracio)
}
function setDataInauguracio(dataInauguracio){
}
function getCost(){
document.write(" nom: "+this.cost)
}
function setCost(cost){
this.dataCost=dataCost
}
function edifici (nom,descripcio,arquitecte,adresa,dataInauguracio,cost ) {
this.nom=nom
this.descripcio = descripcio
this.adresa=adresa
this.cost = cost
this.imprimete=imprimete
this.getNom=getNom
this.setNom=setNom
this.getDescripcio=getDescripcio
this.setDescripcio=setDescripcio
this.getArquitecte=getArquitecte
this.setArquitecte=setArquitecte
this.getAdresa=getAdresa
this.setAdresa=setAdresa
this.getDataInauguracio=getDataInauguracio
this.setDataInauguracio=setDataInauguracio
}
//get i set de poblacio
function getPoblacio(){
document.write(" poblacio: "+this.poblacio)
}
function setPoblacio(poblacio){
this.dataPoblacio=dataPoblacio
}
//creacio del polimorfisme amb el nou parametre poblacio
function ajuntament(nom,descripcio,arquitecte,adresa,dataInauguracio,cost,
poblacio){
edifici.call(this, nom,descripcio,arquitecte,dataInauguracio,cost )
this.poblacio=poblacio
//get i set poblacio
this.imprimete=function (){

}else
{
document.write("no trobat -")
}
document.write("Següent nombre")
}
document.write("Has obtingut "+resultat+ " punts")
5.- Crea un script que al clicar un botó sol·liciti que introduïm una data, una vegada introduïda ens
dirà la diferencia en dies que hi ha entre la data actual i la data introduïda, aquesta data podrà ser
anterior o posterior a l’actual, serà necessari validar que la data tingui el format dd/mm/aaaa.
// Establir els valors unitaris en mil·lisegons.
var msecPerMinute = 1000 * 60;
var msecPerHour = msecPerMinute * 60;
var msecPerDay = msecPerHour * 24;
// Establir una data i obtenir els mil·lisegons
var date0=prompt("Introdueix la teva data: mes, dia i l'any actual -->
mm/dd/2015 ","");
var date = new Date(date0);
var dateMsec = date.getTime();
var today= new Date();
// Obtenir la diferència en mil·lisegons.
var interval = dateMsec - today.getTime();
// Calcula quants dies conté l'interval.
if(interval<0)
{
interval=-1*interval;
}
var days = Math.floor(interval / msecPerDay );
// imprimir resultat
document.write(days + " dies, " );
Criteris de correcció
 Els primer exercici s’avalua si l’estudiant demostra en pròpies paraules que entén
clarament els conceptes plantejats. No s’avaluarà el 100% si l’estudiant simplement
transcriu allò que s’explica als apunts.
 Els restants exercicis s’avaluaran tenint en compte els següents punts:
o La resolució utilitza adequadament els conceptes explicats a l’assignatura (30%)
o L'exercici fa el que es demana (30%)
o El codi és clar, ordenat (30%)
o Hi ha comentaris concisos i que expliquin clarament el que s'està fent. (10%)

PW_pac2

More Related Content

Similar to PW_pac2 (20)

More from Marcos Baldovi (20)

PW_pac2