Julia Beaver, Tamara Douglas, Amanda Misenheimer, & Morgan Williams

Hypermedia

What is Hypermedia? �  A computer-based information retrieval system, that enables a user

to gain or provide access to texts, audio and video recordings, photographs, and computer graphics related to a particular subject

�  It is anything that allows the user to gather information in a non-linear way

�  The term hypermedia was created by Ted Nelson in 1965 �  A necessary feature of hypermedia is a database of information

consisting of many papers

Characteristics of Hypermedia Applications �  The most familiar example of hypermedia application is “www” �  The use of hypermedia is essential today in our everyday lives

�  smart phones � Computers � Laptops � Tablets � Drones

History of Hypermedia: Important Dates �  Vannevar Bush- 1945 �  Memex-1945 �  Ted Nelson- 1963 and 1965 �  Project Xanadu-1965

History of Hypermedia: Memex �  Is the name of a proto-hypertext system �  Founded by Vannevar Bush �  a device where people can store and compress information �  Create informational trail �  This concept influenced early hypertext systems

History of Hypermedia: Xanadu �  Hypertext project founded by Ted Nelson �  a word processor capable of storing multiple versions �  Develops the concept of zippered lists and transclusion

The Process �  1.Select a data format

�  The most common is XML and JSON �  XML has a better representation model, but JSON has better built in tooling for web

browsing �  2.Define the Message Structure

�  a registered media type, such as HTML, as the message structure for all request and response payloads

�  Shows data and control information that represents additional steps that can be taken �  Identifies states

Message Structure <root> <list name=”course” /> <list name=”schedule” /> <list name=”student” /> <list name=”teacher” /> </root>

�  3.Identify the Protocol Semantics � The way transitions will be expressed within responses

�  Can be expressed as links, which are simpler, read-only transitions �  Can be expressed as forms, which are links with additional parameters

Link example, <link name=”...” action=”...” prompt=”...” href=”...” /> Form example, <template name=”...” action=”...” href=”...” prompt=”...”> <data name=”...” prompt=”...” value=”...” /> </template>

�  4.Apply the Domain Semantics � The final step is being sure the domain specifics that are applied to the

messages will be supported by the design

After process… �  Register Design

�  IANA �  Document Design

�  explains what information is being shared and how it is being shared �  Document Media Type

�  making it available to developers �  Document Problem Domain

�  States �  outline where applications will reside

�  Transitions �  Actions and changes clients can make

�  Data Elements �  Shared when expressing or altering states

States �  1.Home

�  The initial entry point of the service.

�  2.Student �  Either a list of students in the system or a single student record.

�  3.Teacher �  Either a list of teachers in the system or a single teacher record.

�  4.Course �  The list of available courses or a single course record.

�  5.Schedule �  The list of schedules classes or a single schedule record

Transitions �  1.Add

�  Add a new record to the system. Applies to the Course, Student, Schedule, and Teacher states. �  2.Assign

�  Assign a student to a schedule. Applies to the Student and Schedule states. �  3.Filter

�  Retrieve a filtered list of resources. Applies to the Course, Student, and Teacher states. �  4.List

�  Retrieve an unfiltered list of resources. Applies to the Course, Student, and Teacher states. �  5.Read

�  Retrieve an existing resource. Applies to the Course, Home, Schedule, Student, and Teacher states. �  6.Remove

�  Remove an existing resource from the system. Applies to the Course, Schedule, Student, and Teacher states.

�  7.Unassign �  Remove a student from an existing scheduled course. Applies to the Schedule and Student states.

�  8.Update �  Modify the state of an existing resource. Applied to Course, Student, and Teacher states

Data elements

�  1.courseCapacity Maximum number of students allowed to sign up for the course.

�  2.courseDescription Description of the course.

�  3.courseId �  System-generated unique ID for the course.

�  4.courseName �  Name of the course.

�  5.scheduleId �  System-generated unique ID for the schedule.

�  6.scheduleSlot �  Time and days of the week for the scheduled

course.

�  7.studentId �  System-generated unique ID for the student.

�  8.studentName �  Name of the registered student.

�  9.studentStanding �  University standing of the student

(freshman, sophomore, junior, senior). �  10.teacherId

�  System-generated unique ID for the teacher. �  11.teacherName

�  Name of the teacher

Hypermedia in Everyday Life �  Social Media

� Video Links, #HashTags, Bio Links

Hypermedia in Everyday Life �  In the Work Place

� Applying for Jobs � Product Presentations � Training Purposes � Working From Home � Advertisement

Hypermedia in Everyday Life �  In the Classroom

-Hypermedia tools allow for greater student engagement, extended learning, and ability to reach a broader range of learning styles.

-https://www.youtube.com/watch?v=_DB4tw2bUIw

Hypermedia in Everyday Life �  In the Classroom cont.

� Adaptive Educational Hypermedia Systems and Learning Styles

� Future Endeavors? �  Mobile Device Apps �  Customizable Classroom Programs

Resources �  de Oliveira, J. M. P., & Fernandes, C. T. (2003). A Framework for

Adaptive Educational Hypermedia System. In Proc. Of the Workshop on Applications, Products and Services of Support Systems.

�  Computer Hope's free computer help. (n.d.). Retrieved April 7, 2015, from http://www.computerhope.com

�  Department of Mathematics/Hypermedia Laboratory. (n.d.). Retrieved April 7, 2015, from http://matwww.ee.tut.fi

�  Blueprint Forge. (n.d.). Retrieved April 7, 2015, from http://www.blueprintforge.com