HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Løsningsforslag Kandidat nr: Eksamensdato: 13. mai 2005 Varighet: 3 timer (9:00 12:00) Fagnummer: LO515D Fagnavn: Klasser: NETT2005V Studiepoeng: 6 Faglærer: Lene Hoff tlf 73 55 90 08 Hjelpemidler: Alle trykte og skrevne hjelpemidler, samt godkjent kalkulator Oppgavesettet består av: 4 oppgaver og 6 sider (medregnet denne forsiden og vedlegg) Vedlegg består av: 1 side Merknad: Oppgaveteksten kan beholdes av studenter som sitter eksamenstiden ut. NB! Les hele oppgaveteksten før du setter i gang, og planlegg tiden. Dersom noe virker uklart i denne oppgaven, må du selv gjøre antagelser og få med disse antagelsene i besvarelsen. Det er ført opp vektlegging for hver oppgave. Merk at det kan være ulik vektlegging for de ulike deloppgavene. Lykke til! Det er ikke lagt ut løsningsforslag på teorioppgaver.
HiST - Avdeling for informatikk og e-læring Side 2 av 9 I vedlegg A ligger XML-dokumentet test.xml som inneholder en testbesvarelse for en student. Dokumentet starter med noe informasjon om selve testen; navnet, antall poeng for rett svar, antall poeng for galt svar, samt grense for å bestå testen. Det er lagt opp til 0 poeng hvis det ikke er svart på en oppgave. Videre kommer det informasjon om studenten og til slutt kommer selve testresultatene. For oppgave i testen er det angitt oppgavenr (attributt), hva som er svart og antall poeng. Det er også mulig å legge inn kommentarer for oppgavene. Du skal bruke dokumentet test.xml i oppgave 1, 2 og 4. Oppgave 1 Visning av et XML-dokument ( 45 % ) I deloppgavene b og c skal du lage stilark for visning i en nettleser. Hvis du i disse deloppgavene forutsetter bruk av en bestemt nettleser, må du beskrive hvilken du velger (antar at siste versjon alltid brukes). a) Nevne noen bruksområder for Extensible Stylesheet Language Transformation (XSLT). b) Lag et stilark slik at dataene blir seende omtrent ut som på figuren under (i en nettleser). Testens navn skal vises med en større skrifttype og med rød farge. Videre kommer informasjon om studenten. Til slutt, innenfor en blå prikkete linje, kommer antall poeng på hver av oppgavene. Husk å ta med luft som vises på figuren. CSS-dokument: navn{ display: block; font-size: 16pt; color:red; student{ display:block; font-size: 14pt; padding: 1em; studentnr{ display: block; test{ display: block; border: dotted blue 2px; padding: 1em; margin-left: 1em; poeng{ padding: 1em; poengrett, poengfeil, bestaattgrense, svar, kommentar{ display:none;
HiST - Avdeling for informatikk og e-læring Side 3 av 9 c) Lag en presentasjon over testresultatet i XML-dokumentet som vist på figuren under. Overskriften skal bestå av testens navn og deretter studentnr for studenten som har tatt testen. Videre kommer en tabell over resultatet. Til slutt er det ført opp resultat for testen (fra poengelementet) og om studenten har bestått (på bakgrunn av elementet bestaattgrense under info om testen) i uthevet skrift. XSLT-dokument: <?xml version="1.0" encoding="iso-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> <xsl:template match="/"> <html> <body> <h1>test: <xsl:value-of select="resultat/info/navn" /></h1> <h2>resultat for student <xsl:value-of select="resultat/student/studentnr" /></h2> <table border="1" cellpadding="5" cellspacing="1"> <tr> <th>oppgave</th> <th>resultat</th> <th>kommentar</th> </tr> <xsl:apply-templates select="resultat/test/oppgave"/> </table> <p>poeng totalt: <b><xsl:value-of select="sum(resultat/test/oppgave/poeng)" /> av <xsl:value-of select="count(resultat/test/oppgave) * resultat/info/poengrett"/></b> - <b><xsl:choose> <xsl:when test="sum(resultat/test/oppgave/poeng) >= resultat/info/bestaattgrense"> Bestått </xsl:when> <xsl:otherwise>ikke bestått</xsl:otherwise> </xsl:choose></b> </p> </body> </html> </xsl:template> <xsl:template match="oppgave"> <tr>
HiST - Avdeling for informatikk og e-læring Side 4 av 9 <td align="center"><xsl:value-of select="@nr" /></td> <td align="center"><xsl:value-of select="poeng" /></td> <td><xsl:value-of select="kommentar" /></td> </tr> </xsl:template> </xsl:stylesheet> d) Du skal nå lage et XSLT-dokument som transformerer test.xml til følgende nye XMLdokument: <?xml version="1.0" encoding= iso-8859-1?> <resultat testnavn="test av avansert XSLT"> <studentnr>876789</studentnr> <antalloppgaver>5</antalloppgaver> <poengsum>8</poengsum> <karakter>bestått</karakter> </resultat> Alt innhold i elementer og attributter skal hentes/genereres fra test.xml. XSLT-dokument: <?xml version="1.0" encoding="iso-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> <xsl:output method="xml" encoding="iso-8859-1" /> <xsl:template match="/"> <resultat> <xsl:attribute name="testnavn"> <xsl:value-of select="resultat/info/navn" /> </xsl:attribute> <studentnr><xsl:value-of select="resultat/student/studentnr" /></studentnr> <antalloppgaver><xsl:value-of select="count(resultat/test/oppgave)" /></antalloppgaver> <poengsum><xsl:value-of select="sum(resultat/test/oppgave/poeng)"/></poengsum> <karakter> <xsl:choose> <xsl:when test="sum(resultat/test/oppgave/poeng) >= resultat/info/bestaattgrense"> Bestått </xsl:when> <xsl:otherwise>ikke bestått</xsl:otherwise> </xsl:choose> </karakter> </resultat> </xsl:template> </xsl:stylesheet>
HiST - Avdeling for informatikk og e-læring Side 5 av 9 Oppgave 2 Validering av et XML-dokument ( 25 % ) I denne oppgaven skal du gjøre test.xml gyldig ved hjelp av XML-skjema. Du skal legge til følgende betingelser: Det skal kunne registreres fra 1 til 50 oppgaver Studentnr skal bestå av 6 siffer Svar-elementet skal kunne ha verdien a, b, c eller tomt (angis som ) Det skal være valgfritt om kommentar skal legges inn Attributtet nr for oppgave må være med <?xml version="1.0" encoding="iso-8859-1"?> <xsd:schema xmlns:xsd="http://www.w3.org/2001/xmlschema"> <xsd:element name="resultat"> <xsd:complextype> <xsd:element name="info" type="infotype" /> <xsd:element name="student" type="studenttype" /> <xsd:element name="test" type="testtype" /> </xsd:element> <xsd:complextype name="infotype"> <xsd:element name="navn" type="xsd:string" /> <xsd:element name="poengrett" type="xsd:integer"/> <xsd:element name="poengfeil" type="xsd:integer"/> <xsd:element name="bestaattgrense" type="xsd:integer"/> <xsd:complextype name="studenttype"> <xsd:element name="studentnr" type="studentnrtype" /> <xsd:element name="klasse" type="xsd:string" /> <xsd:element name="skole" type="xsd:string" /> <xsd:complextype name="testtype"> <xsd:element name="oppgave" type="oppgavetype" maxoccurs="50" /> <xsd:simpletype name="studentnrtype"> <xsd:restriction base="xsd:positiveinteger"> <xsd:pattern value="\d{6"/> </xsd:restriction> </xsd:simpletype>
HiST - Avdeling for informatikk og e-læring Side 6 av 9 <xsd:complextype name="oppgavetype"> <xsd:element name="svar" type="svartype" /> <xsd:element name="poeng" type="xsd:integer" /> <xsd:element name="kommentar" type="xsd:string" minoccurs="0" maxoccurs="1" /> <xsd:attribute name="nr" use="required" type="xsd:positiveinteger" /> <xsd:simpletype name="svartype"> <xsd:restriction base="xsd:string"> <xsd:enumeration value="a"/> <xsd:enumeration value="b"/> <xsd:enumeration value="c"/> <xsd:enumeration value=""/> </xsd:restriction> </xsd:simpletype> </xsd:schema> Oppgave 3 SVG ( 15 % ) I denne oppgaven skal du lage SVG-kode for ulike figurer. Det viktigste er ikke at posisjon og størrelse er helt identiske med figurene, men at formen og fargen er på plass. a) Tegn opp figuren under med svarte kantlinjer: <g transform="skewx(10)"> <rect x="400" y="200" width="50" height="100" fill="white" stroke="black" stroke-width="1" /> <rect x="405" y="205" width="50" height="100" fill="white" stroke="black" stroke-width="1" /> <rect x="410" y="210" width="50" height="100" fill="white" stroke="black" stroke-width="1" /> </g> b) Tegn denne teksten som er i to farger. En rød kantlinje rundt et grønt innhold. <text x="100" y="50" font-size="40pt" fill="green" stroke="red" stroke-width="2"> Flerfarget tekst </text>
HiST - Avdeling for informatikk og e-læring Side 7 av 9 c) Du skal nå tegne opp en figur som skal animeres. Utgangspunktet skal være: Rammen rundt her er rød med svart kantlinje, mens det er en grå farge innerst. Denne figuren skal videre animeres slik at resultatet blir: Animasjonen består i at den innerste grønne sirkelen skal bli mindre og mindre og til slutt forsvinne (radiusen minkes). Videre skal fargen til den ytterste delen gradvis endres fra rød til gul. <circle cx="200" cy="200" r="100" fill="red" stroke-width="1" stroke="black"> <animatecolor attributename="fill" attributetype="css" from="red" to="yellow" begin="0s" dur="5s" fill="freeze" /> </circle> <circle cx="200" cy="200" r="50" fill="grey" stroke-width="1" stroke="black"> <animate attributename="r" attributetype="xml" from="50" to="0" begin="0s" dur="5s" fill="freeze" /> </circle> Kommentar: stroke-width og stroke trenger ikke være med for den siste sirkelen (pga dette ikke er angitt godt nok i oppgaveteksten).
HiST - Avdeling for informatikk og e-læring Side 8 av 9 Oppgave 4 DOM ( 15 % ) Følgende HTML-dokument med JavaScript-kode er gitt. <html> <body> <script language="javascript"> var xmldoc = new ActiveXObject("Microsoft.XMLDom") xmldoc.async = false xmldoc.load("test.xml") if(xmldoc.parseerror!= 0){ alert("error Code: " + xmldoc.parseerror.errorcode + "\n" + "Error Reason: " + xmldoc.parseerror.reason + "\n" + "Error Line: " + xmldoc.parseerror.line) root = xmldoc.documentelement //Oppgave a, b og c </script> </body> </html> Denne HTML-koden laster inn XML-dokumentet test.xml (vedlegg A). Utfør følgende operasjoner på dette dokumentet: a) Det er ønskelig å legge til en kommentar på oppgave 3. Legg derfor til et kommentarelement med teksten Veldig bra at du skjønte denne. oppg3 = root.lastchild.firstchild.nextsibling.nextsibling var nyttelement = xmldoc.createelement("kommentar") var nytekst = xmldoc.createtextnode("veldig bra at du skjønte dette") nyttelement.appendchild(nytekst) oppg3.appendchild(nyttelement) b) Grensen for å bestå var noe streng (bestaattgrense), og verdien skal derfor endres fra 8 til 7. root.firstchild.lastchild.firstchild.text = "7" c) Det skal skrives ut informasjon om klasse for studenten, som i meldingen under. klasse = root.firstchild.nextsibling.firstchild.nextsibling.firstchild alert(klasse.xml)
HiST - Avdeling for informatikk og e-læring Side 9 av 9 Vedlegg A filen test.xml <?xml version="1.0" encoding="iso-8859-1"?> <resultat> <info> <navn>test av avansert XSLT</navn> <poengrett>3</poengrett> <poengfeil>-1</poengfeil> <bestaattgrense>8</bestaattgrense> </info> <student> <studentnr>876789</studentnr> <klasse>hing2005</klasse> <skole>hist, AITeL</skole> </student> <test> <oppgave nr="1"> <svar>c</svar> <poeng>3</poeng> <oppgave nr="2"> <svar>b</svar> <poeng>-1</poeng> <kommentar>her har du tatt utgangspunkt i feil element</kommentar> <oppgave nr="3"> <svar>b</svar> <poeng>3</poeng> <oppgave nr="4"> <svar>a</svar> <poeng>0</poeng> <oppgave nr="5"> <svar>c</svar> <poeng>3</poeng> </test> </resultat>