IP491F14A HTML5 2: The Semantic Web – Session Three Notes

HTML5 logo
Consider this picture.

Learning Cycle

Can you see how this applies to what you are doing before our sessions and while we are together?

Please reply with a comment about our third session.

Highlights / Metacognition

  • What did you think was the most valuable thing that happened for you tonight?
  • What did you learn from that?
  • What will you do with that knowledge?

Questions?

  • Now that we’ve had our third session, what do you want to know?
  • What could we have done better?

If you spot a question from someone else and you can answer it – please do.

Advertisements

11 thoughts on “IP491F14A HTML5 2: The Semantic Web – Session Three Notes

  1. James Chan says:

    Highlights / Metacognition

    What did you think was the most valuable thing that happened for you tonight?

    I enjoyed learning about Semantic data and text level semantic elements.

    What did you learn from that?

    Ways to add related data such as time, and cite the article being quoted with behind the scenes in the code. Also learned about semantic data, which I knew nothing about.

    What will you do with that knowledge?

    I will use this on future projects that require these elements and data.

    Questions?

    Now that we’ve had our third session, what do you want to know?

    Maybe a working look at using canvas. Also, has no one made a plugin that simply detects and converts it accordingly, instead of assembling it with javascript ? (I’m thinking down the road there may be value in keeping the tags as they are shown in the html5 spec, especially if everyone adopts it and it exists on a large scale website)?

    What could we have done better?

    Nothing much. Oh, and Jim that addon is called “grease monkey”

  2. James Chan says:

    Sorry- left out the word ‘details’

    Now that we’ve had our third session, what do you want to know?

    Maybe a working look at using canvas. Also, has no one made a plugin that simply detects “details” and converts it accordingly, instead of assembling it with javascript ? (I’m thinking down the road there may be value in keeping the tags as they are shown in the html5 spec, especially if everyone adopts it and it exists on a large scale website)?

    • JimUBC says:

      Hi James,
      It’s out of scope to discuss in detail for this course but here’s a script that I introduce in the HTML5 3 course. It’s a polyfill for the details element.

  3. rodmonk says:

    What did you think was the most valuable thing that happened for you tonight?
    Rod>> Although we did not spend too much time on it, I really liked the HTML5 Element Flowchart.

    What did you learn from that?
    Rod>> It is a good visual reminder.

    Rod>> I can see that there is a lot of detail for me to catch up on (I am doing this course as sort of a hobby, albeit I am the webmaster for a humble little tennis club in Tsawwassen). The concept of a ‘sustainable website’ intrigued me and hence I will follow up on that issue independently.

  4. James Chan says:

    Dear HTML5’rs:

    HTML5 is a W3C Recommendation! This happened the 28 October 2014 (coincidentally our last class together!)

    http://www.w3.org/blog/news/archives/4167

  5. Maga says:

    It was interesting to learn about the semantic data – I had never heard about it before. Now I know how important it is to include it in web pages. I will bear it in mind next time I’m working on a website.
    What I’m slightly unclear about is where in a web page would I put this information? Does it matter? Can it be in the “head” so not visible to users?

    • JimUBC says:

      Hi Mega,
      Please return to the course page and from the table of contents go to section 3.5 More Semantic Data.
      Read through until you see the examples.

      Although you can put semantic data in the head section the forms of semantic data we discussed (Microformats, Microdata, and RDFa) are all embedded in the readable text of a web page.

      Here is some more reading on the subject: http://www.w3.org/TR/html-data-guide/#introduction

  6. prince john says:

    Program under HTML5 Academy certification, first session on User Interface Design for the Web (IM331) and last session on HTML5 2 – The Semantic Web are scheduled on November 4, 2014. I have applied for both. So with your permission, i hope i can attend the first session on User Interface Design for the Web (IM331) tomorrow. I will complete the assignment on time for the last session after going through the course material.

  7. Michele says:

    What did you think was the most valuable thing that happened for you tonight?
    Being able to try out the details element, because that one would probably have been the one I would have some difficulties with.
    What did you learn from that?
    The method taught in class makes it quite easy to implement in a webpage.
    What will you do with that knowledge?
    I will definitely incorporate the details element into my web pages. I think it can be quite useful as I have seen it often on many sites.
    Now that we’ve had our third session, what do you want to know?
    No questions specific to our course content at the moment. However, I do want to be able to make “more complex” web pages so I plan to take HTML5 3. Prior to taking that though, I am required to take the javascript introduction course. Could you recommend a few good websites for pre-reading prior to taking the course? As mentioned in class, w3 schools is no good. I was using this previously.
    What could we have done better?
    Nothing. So far so good. Thanks!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s