Tuesday, January 23, 2018

WebDesign: Tearing Apart a Website (W3-P2) [VID] Sp18

You can learn how something works by following instructions on how to compose or build that something.  For example, you could follow a step-by-step set of instructions on how to build a radio from a radio kit.

You can also learn how something works by tearing it apart, figuring out how the pieces work,  and then putting it back together.   For example, with regards to a radio, see a little of the video below.

What does this have to do with learn how to design a website?

In the image below on the left you see a website as it looks to a person viewing it in their web browser.

On the right you see the code the web designer wrote to tell the browser what to show and how to show it.

Your task is to tear apart the code on the right and figure out how it works.  Tear it into pieces and figure out what each piece does. For example, line 1 of the HTML code does what, you think?  Do this based on your reading and the code presented below.

Notice that above image is a hypertext image.  Click on it.  See where it takes you.

Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.

WebDesign: Berners-Lee and the World-Wide Web (W3-P1) [VID] Sp18

Let’s pick up where we left off last time.  Let’s learn about the beginnings of the World-Wide Web.  This, in turn, will lead us nicely into understanding how to design a website.

The World Wide Web: Crash Course

We’ll first get an introduction to the World-Wide Web and then learn how Berners-Lee fits into the story.

The world wide web  “... is not the same thing as the Internet even though people often use the two terms interchangeably.  The world wide web runs on top of the Internet in the same way that Skype, Minecraft or Instagram do.  The Internet is the underlying plumbing that carries the data for all these different applications and the world wide web is the biggest of them all, a huge distributed application running on millions of servers worldwide accessed using a special program called a web browser.”

Another way to put this: The Internet is the hardware.  The web is software.  [This is not a definition.  It is just a point to make a distinction between the Internet and the Web.]

Hyperlinks: “ text or images that you can click and they jump you to another page.“

Hyperlinks were first conceptualized by Vannevar Bush in 1945, but not implemented on the Internet until 1990.

“Hypertext web pages are the most common type of hypertext document.  Today they're retrieved and rendered by web browsers…”

“Each hypertext page needs a unique address on the web this is specified by a Uniform Resource locator or URL…”

The URL for hyperlink above is https://en.wikipedia.org/wiki/Hyperlink.  It is the address for where the browser will take you when you click on the hyperlink.

Web browser:  “the application on your computer that lets you talk of all of these web servers browsers not only request pages of media but also render the content that's being returned.”

“The first web browser and web server was written by now Sir Tim Berners-Lee … at the time he was working at CERN in Switzerland.  To pull this feat off he simultaneously created several of the fundamental web standards we discussed today URLs, HTML and HTTP …” 

ResearchMethods: What is Research? (W3-P4) Sp18

Research is:

“Disciplined inquiry...studying something in a planned manner and reporting it so that others can replicate the process” (Frey et al.)

Keywords: planned, reporting and replicate
What do they mean in this context?

Research, as discussed here, is more than "research" done at the library.  Instead of reading through books and online materials for answers that some other researcher has found, you conduct original research on your own to find the answer.  That is, you conduct an experiment or a survey or a textual analysis or some other research method to find the answer.  Somebody is not telling you an answer in a book or report, you are finding the answer to your research question on your own.

Two types: 
  • Scholarly 
    • conducted to promote public access to new knowledge
    • usually conducted by a professor at a university
  • Proprietary
    • conducted for a specific audience, results not shared
    • usually conducted by a researcher at a company

Why are results not shared in proprietary research?
Could you give examples of each of the two types?
Which of the two types of research would you be more likely to do in the future?

How does this discussion of research relate to the earlier discussion of science?  Are the doing research as defined above?

How's this definition of research relate to the MythBusters clip shown earlier?

Share this post with others. See the Twitter, Facebook and other buttons below.
Please follow, add, friend or subscribe to help support this blog.
See more about me at my web site WilliamHartPhD.com.