Lab 5 Web Semantik 17/18

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

Question 1

Merge both of the set of relations.

Question 2

Model the following ontologies into set of relations :

• Herbivores, Carnivores, and Omnivores are animals
• People are omnivores
• People have names of type “string”
• Vegetarians are people who are herbivores
• “eats” is a property of animals and the values of the property must be of the type “food”
• Meat and Veggies are types of food

Question 3

There are courses and laboratory courses. Homeworks are part of courses.  Courses are organized by teachers. Teachers are either professors or assistants. Professors teach courses while assistants only teach laboratory courses.

Lab 4 Web Semantik 17/18

Lab 4 Web Semantik 17/18

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

Lab 3 Web Semantik 17/18

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

---------------------------------------------------------------------------------------------------------------

1.  Resource  http: //www.haneena.com/~haneena/homepage is a homepage and it is owned by Haneena. 

<?xml version="1.0"?>

<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

  xmlns:dc="http://purl.org/dc/elements/1.1/">

  <rdf:Description rdf:about="http://www.haneena.com/~haneena/homepage">

    <dc:owner>Hannena</dc:owner>

  </rdf:Description>

</rdf:RDF>

 

2.  Resource  http: //www.haneena.com/haneena-ns/#T-999”> is a course named C-programming and is lectured by Adib Razi at room BT1.  

<?xml version="1.0"?>

<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

  xmlns:dc="http://purl.org/dc/elements/1.1/">

  <rdf:Description rdf:about="http: //www.haneena.com/haneena-ns/#T-999">

    <dc:course>C-programming</dc:course>

    <dc:lecturer>Adib Razi</dc:lecturer>

    <dc:room>BT1</dc:room>

  </rdf:Description>

</rdf:RDF>

3.  By using container element rdf:Bag,  give an RDF description that states the following: Faizah and Din own the car ABZ-88

<?xml version="1.0"?>

     <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

       xmlns:dc="http://purl.org/dc/elements/1.1/">

        <rdf:Description rdf:Bag="http://www.haneena.com/haneena-ns/#T-999">

           <dc:owner>Faizah, Din</dc:owner>

           <dc:owner>Din</dc:owner>

           <dc:car>ABZ-88</dc:car>

    </rdf:Description>

    </rdf:RDF>

4.  By using the ”collection” value of the rdf : parseType attribute, give an RDF description that states the following: Faizah and Din own the car ABZ-88.

<?xml version="1.0"?>
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 

 xmlns:dc="http://purl.org/dc/elements/1.1/"
 xmlns:ex="http://example.org/stuff/1.0/">
  <rdf:Description rdf:about="http://www.w3.org/TR/rdf-syntax-grammar" dc:title="RDF/XML              
  Syntax Specification (Revised)">
    <ex:editor rdf:parseType="Resource">
      <ex:owner>Faizah, Din</ex:owner>
      <ex:owner>Din</ex:owner>
      <ex:car>ABZ-88</ex:car>
      <ex:homePage rdf:resource="http://purl.org/net/dajobe/"/>
    </ex:editor>
  </rdf:Description>
</rdf:RDF>

Lab 1 Web Semantik 17/18

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

------------------------------------------------------------------------------------
Question 1

a) i)

<fsktm>
  <student>
    
    <Name>Fitri Zahra Adib</Name>
     
    <studentid>00901</studentid>
     
     <course>
        
        <subject>A</subject>
          
        <subject>B</subject>
          
        <subject>C</subject>
     
    </course>
 
  </student>
</fsktm>

a) ii)

<?xml version="1.0"?>
<!DOCTYPE fsktm [
<!ELEMENT fsktm (student,Name,studentid,course,subject)>
<!ELEMENT student (#PCDATA)>
<!ELEMENT Name (#PCDATA)>
<!ELEMENT studentid (#PCDATA)>
<!ELEMENT course (#PCDATA)>
<!ELEMENT subject (#PCDATA)>
]>
<fsktm>
  <student>
    
    <Name>Fitri Zahra Adib</Name>
     
    <studentid>00901</studentid>
     
     <course>
        
        <subject>Web Service</subject>
          
        <subject>Fundamental of Web Technology</subject>
          
        <subject>Web Semantik</subject>
     
    </course>
 
  </student>
</fsktm>

b)

<?xml version="1.0" encoding="UTF-8"?>
<company>
    <name>Adharizq Enterprise</name>
    <departments>
        <staff>
            <name>
                <firstname>Farhan</firstname>
                <lastname>Azam</lastname>
            </name>
            <contact>
                <phoneno>01111547571</phoneno>
                <faxno>062330822</faxno>
                <email>paanazam96@gmail.com</email>
            </contact>
        </staff>
    </departments>
</company>

-----------------------------------------------------------------------------------------------------------
Question 2

a)

<?xml version="1.0" encoding="UTF-8"?>
<information>
     <name>
       <firstname>Zahra</firstname>
       <lastname>Adib</lastname>
     </name>
     <profession>
        <as>Doctor</as>
        <as>Therapist</as>
        <as>Surgeon</as>
     </profession>
</information>

b)



















c)

<?xml version="1.0" encoding="UTF-8"?>
<information>
   <name>

                      <firstname category="Zahra"></firstname>

                      <lastname category="Adib"></lastname>

                    </name>

                    <profession>

                         <as>Doctor</as>

                         <as>Therapist </as>

                         <as> Surgeon </as>

                    </profession>

</information>
------------------------------------------------------------------------------------------------------------
 Question 3

a)







 b)

 c)

d)

Laboratory 3 - HTML5 Structure Elements

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

Coding:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>day1/laboratory1/lab3</title>
<style>
body
{
font-family: Verdana, sans-serif;
font-size:0.9em;
background-color:darkcyan;
margin: 0;
padding: 0;
}
header {
border: 1px solid black;
padding 20px 30px 50px 30px;
margin: 0px;
color:white;
}
section {
margin:30px;
padding:0px 0px 0px 0px;
background-color: yellow;
color:white;
text-align:justify;
}
article {
    margin: 3px;
    padding: 5px;
    background-color: seagreen;
color:white;
}
nav ul {
padding: 10px;
color: white;
background-color:black;
margin: 10px;
font-style:bold;
}
nav ul li {
display:inline;
margin: 100px;
}

p.ex1{
padding: 0cm 3cm;}

aside{
color:white;}

footer{
border:0px solid black;
margin:5px;
padding 8px;
font-size:0.8em;
}

</style>
</head>
<body>
<header>
<figure align="center">
<img src="banner.jpg" alt="Habitat For Humanity width="100" height="100">
<h4><i>Simple, Decent, Affordable Housing</i></h4>
</figure>
</header>
<figure align="center">
<nav>
<ul>
<li>Learn more</li>
<li>Volunteer</li>
<li>Advocate</li>
<li>Donate</li>
</ul>
</nav>
</figure>
<section>
<article><h2><center>Our Mission</center></h2> 
<p class="ex1">Habitat for Humanity believes that every man, woman and child should have a decent, safe and
affordable place to live. We build and repair houses all over the world using volunteer labor
and donations. Our partner families purchase these houses through no-profit, no-interest
morgage loans or innovative financing methods.</p>
</article>
<article>
<h2><center>Why We Build</center></h2>
<p class="ex1">There are nearly 2 billion people around the world who live in slum housing and more than
100 million are homeless. Families left homeless by natural disaster, war and civil unrest
often face dire housing situations as they struggle to rebuild their lives. We provide shelter
and housing asssitance to help the families recover.</p>
</article>
<article>
<h2><center>Advocacy in Action</center></h2>
<p class="ex1">Volunteer Amy Miles lends over her voice in support of Habitat's advocacy efforts and Global
Village trips. Use the audio controls below to hear her stories.</p>
</article>
</section>
<figure align="center">
<aside>
<h4>Build Your Community</h4>
<img src="communities.jpg" alt="community images" width="300" height="100">
<p>
<a href="#">Start today</a> to become the leaders of Habitat tomorrow!
<p><a href="#">Learn About Habitat</a> | <a href="#"> Where We Build</a> |
<a href="#">Support Habitat</a> |<a href="#">Stories and Multimedia</a></p>
</aside>
</figure>
<footer>
<p>&copy;2014 Habitat For Humanity&reg; International. All rights reserved.
"Habitat for Humanity&reg;" is a registered service mark owned by Habitat for Humanity
International. Habitat&reg; is a service mark of Habitat for Humanity International.
</p>
</body>

</html>

Output:

Configure External CSS

1. Muhammad Afiffarhan bin Mohd Azam Ai150069
2. Ahmad Syahmi bin Mohd Roslan Ai150071
3. Mohd Hafizh bin Mohd Zainudin Ci150022

Question:

Coding: File embedded.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<link rel="stylesheet" href="color.css">
<meta charset="utf-8">
</head>
<body>
<header><h1>Trillium Media Design</h1></header>
<div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div>
<h2>New Media and Web Design</h2>
<article>Trillium Media Design will bring your company's Web presence to the next level.<br> 
We offer a comprehensive range of services:</article>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>  
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2>Meeting Your Business Needs</h2>
<article>Our expert designers are creative and eager to work with you.<br> 
Take advantage of the power of Web 2.0!</article>
<footer><div>Copyright &copy; 2012 Your Name Here</div></footer>
</body>

</html>

Coding: File color.css
<style>
body { background-color: #E6E6FA;
color: #191970;
  font-family: Arial, Verdana, sans-serif; }

body { background-color: #E6E6FA;
color: #191970;
  font-family: Arial, Verdana, sans-serif; }

h1 { background-color: #191970;
  color: #E6E6FA;
  line-height: 200%;
  font-family: Georgia, “Times New Roman”, serif; };

h2 { background-color: #AEAED4;
  color: #191970;
  font-family: Georgia, “Times New Roman”, serif;
  text-align: center; }

p { font-size: .90em;
  text-indent: 3em; }

ul { font-weight: bold; }

</style>

Output: