First session.

1. Web Science:
Untangling the
Web of Humans
and Technology
Dr. Stefanie Panke
March 2023
panke@email.unc.edu

2. Where I am from, and what I do
The Association for the
Advancement of Computing in
Education (AACE), founded in
1981, serves the edtech
community with international
conferences, journals, digital
library, blog magazine & social
media.
Online MSW – among top 10
programs in the US for Social
Work

3. 20+
Institutions
Germany,
USA
Bangladesh
100+
Blog Posts
20+
Workshops
90
Publication
8 chickens
80+
Talks
E-Learing, EdTech
Research, Instructional
design, web development,
Design Thinking, Social
Media, OER, Podcasts,
E-Books
20+
years
1 dog
Bo 10Chet 7
Kids STEAM
Language
workshops
Husband
Musician
cabin in the woods
2 guinea pigs

4. Goals for today
WHATCAN I EXPECT IN
THISCLASS?
WHAT ISWEBSCIENCEAND
WHO IS IT FOR?
RESEARCH PROJECT?

5. Johns Hopkins University 2021: Design
Thinking for Education
o asynchronous
o 8 students
o Master of
Education
o Blackboard

6. Asian University for Women 2022: Design
Thinking for Education
o Synchronous
o Zoom
o 22 students
(mostly from
Afghanistan)
o Master of
Education
o 10 guest
speakers
Currently: 16
students (India,
https://designthinking.web.unc.edu/

7. What are your experiences with online
learning?
•Do you have prior experience with online learning?
•What do you think makes online learning successful?
•What do you like about online learning? Why did you
choose this program?

8. Class Website
https://tarheels.live/webscience/

9. Structure of the Course: 5 Online
Sessions
Intro toWeb
Science andWeb
History
Web Histories (individual)
Homework:Summarizea
WebSiConference paper
01
TheSocialWeb
Homework:Writeup /
elevator pitch of initial Idea
(one paragraph)
02
Web Science
Research
Hands-on skills practice with
Zotero, Scopus
Studentscreateoutline
Homework: Presentation
03
Web-Based
Learning
E-Learning, Instructional
Design, Tools,Technologies,
Theories
StudentPresentationSession
(1)
10-20minutepresentation
04
Web Futures
FutureStudies and Trend
Reports
StudentPresentationSession
(2)
10-20minutepresentation
Homework: Final Paper (10-
15 pages)
05

10. Goals for today
WHATCAN I EXPECT IN
THISCLASS?
WHAT ISWEBSCIENCEAND
WHO IS IT FOR?
RESEARCH PROJECT?

11. • Emerging trends on the Web
• Challenges to understanding and guiding the development of the Web
• Structuring research to support the exploitation of opportunities created by (inter
alia) ubiquity, mobility, new media and the increasing amount of data available
online.
• Ensuring important social properties such as privacy are respected.
• Identifying and preserving the essential invariants of the Web experience.
Scope Web Science

12. • As Tim Berners-Lee et al. (2006a)
stated: ‘neither the Web nor the world is
static’.
• The Internet is evolving alongside
society.
• Social and technical innovation drive
each other.
Web Science: Dynamic Discipline

13. Web Science
Definitions
“Web Science is the study of the most
complex piece of technology ever created.
The Web comprises billions of technical and
human components operating globally, with
each piece subtly influencing the others.
Multiple expert perspectives across scientific
disciplines are required to build an
understanding of how the Web changes
society just as much as society changes
the Web”.
Web Science Trust, http://webscience.org/
A deliberately
ambiguous
phrase
(Berners-Lee et
al. 2006b)

14. ACM WEBSCI
Annual Web
Science
Conference
https://dl.acm.org/conference/websci

15. Web Science & Future of the Internet:
Imagining the Internet
https://www.elon.edu/u/imagining

16. “The Web has evolved to be many things:
a network, a service, a means of social
interaction, a marketplace, a source of
news, a repository of knowledge, a
database of multimedia content, and an
integral part of human activity”.
Bauckhage & Kersting (2016)
A Web of Many Things

17. Analyze the
interplay of
technology
and behavior

18. Memex
“Consider a future device … in which an
individual stores all his books, records, and
communications, and which is mechanized
so that it may be consulted with exceeding
speed and flexibility. It is an enlarged
intimate supplement to his memory.”
Vannevar Bush, 1945
As We May Think

19. Xanadu: The complex, the changing and
the indeterminate
Let me introduce the word "hypertext"***~
to mean a body of written or pictorial
material interconnected in such a complex
way that it could not conveniently be
presented or represented on paper.
Ted Nelson, 1965
Complex information processing: a file
processing: a file structure for the complex,
the complex, the changing and the
the indeterminate

20. 2004/2005 Web 2.0: A tale of two Tims
„Piece of jargon,
nobody even
knows what it
means!“
„It's much more
than just the
latest
technology
buzzword!“

21. Baidu: Chinese Internet
Search
Yandex: Russian
Internet Search / Service
Provider
Pornography xnxx,
xvideos

22. 1978: First small computers/ dial up modems
1982: TCP/IP protocol suite formalized
1982: Simple Mail Transfer Protocol (SMTP)
1983: Domain Name System (DNS)
1989: World Wide Web (WWW)
1989: AOL dial-up service
1989: Mauerfall Berlin
1992: Collapse of the Soviet Union
1994: Yahoo! Search
1995: Amazon.com
1995: eBay / Craigslist
1996: Hotmail
1998: Google search algorithm
1998: Open Source Initiative, ICANN
1999: Blogger.com
1999: Alibaba.com
2000: Dot-Com Bubble
Web Milestones: 3+ Decades
2000: RSS
2001: Wikipedia
2001: MIT Open Courseware
2001: iTunes / iPod
2001: 9/11
2002: Creative Commons
2003: WordPress
2003: SecondLife
2004: Facebook
2004: Podcast
2004: Flickr
2004: World of Warcraft
2005: Web 2.0
2005: YouTube
2005: Reddit
2005: Google Earth/Maps
2006: AWS Cloud
2006: Twitter
2007: WikiLeaks
2007: Netflix Streaming
2007: Dropbox
2007: iPhone
2007: Tumblr
2008: iTunes AppStore
2008: Google Cloud
2008: Dropbox
2008: t-mobile G1 (Android)
2008: Housing Crash
2009: WhatsApp
2009: IoT
2009: Bitcoin
2010: Instagram
2011: Siri (NLP/AI)
2011: Twitch
2011: SnapChat
2011: Office 365
2011: iCloud
2011: Arab Spring
2012: GoogleDrive
2013: Zoom
2013: Adobe Creative Cloud
2013: Open Badges 1.0
2014: Generative Adversarial
Network (GAN)
2014: Blockchain Technology
2015: Alexa (NLP/AI)
2015: NFTs
2016: TikTok
2020: Covid-19
2023: AI

23. Search
• Prior to September 1993, the World Wide Web was
entirely indexed by hand: A list of webservers edited
by Tim Berners-Lee and hosted on
the CERN webserver
• I was born in 1978. When I turned 40, Google turned
20. I have spent more than half my life with this search
engine.
• In my work (web development and learning design),
accessibility standards and SEO play a significant role.

24. Mobile & Ubiquitous
• On average globally, 49 percent of web use is
mobile.
• Smartphones entry to consumer market: late 90s
• Apple iPhone 2007 / Android 2008.
• I got my first iPod when I turned 31.
• I bought my first Smartphone when I turned 42.
• My group manages 70+ sites. Roughly 1/3 of our
web traffic is mobile.

25. In our everyday lives we no longer distinguish
between online and offline.

26. Lone Dog's
Winter Count is
one of the best
known Winter
Counts and
records the
years between
1801 and 1871
for the Lakota
Sioux.
Information technologies change the way
we think

27. Over to YOU: 15 minutes
• Be a winter count keeper in a global networked society.
• Create a visual timeline: Think about technical milestones, national events
and your personal milestones (For example: When did you first use specific
technologies? What was available when you started elementary school vs.
now?).
• You can use pen and paper.
• Take a picture and share through files in the Zoom chat.

28. 1978: First small computers/ dial up modems
1982: TCP/IP protocol suite formalized
1982: Simple Mail Transfer Protocol (SMTP)
1983: Domain Name System (DNS)
1989: World Wide Web (WWW)
1989: AOL dial-up service
1989: Mauerfall Berlin
1992: Collapse of the Soviet Union
1994: Yahoo! Search
1995: Amazon.com
1995: eBay / Craigslist
1996: Hotmail
1998: Google search algorithm
1998: Open Source Initiative, ICANN
1999: Blogger.com
1999: Alibaba.com
2000: Dot-Com Bubble
Web Milestones: 3+ Decades
2000: RSS
2001: Wikipedia
2001: MIT Open Courseware
2001: iTunes / iPod
2001: 9/11
2002: Creative Commons
2003: WordPress
2003: SecondLife
2004: Facebook
2004: Podcast
2004: Flickr
2004: World of Warcraft
2005: Web 2.0
2005: YouTube
2005: Reddit
2005: Google Earth/Maps
2006: AWS Cloud
2006: Twitter
2007: WikiLeaks
2007: Netflix Streaming
2007: Dropbox
2007: iPhone
2007: Tumblr
2008: iTunes AppStore
2008: Google Cloud
2008: Dropbox
2008: t-mobile G1 (Android)
2008: Housing Crash
2009: WhatsApp
2009: IoT
2009: Bitcoin
2010: Instagram
2011: Siri (NLP/AI)
2011: Twitch
2011: SnapChat
2011: Office 365
2011: iCloud
2011: Arab Spring
2012: GoogleDrive
2013: Zoom
2013: Adobe Creative Cloud
2013: Open Badges 1.0
2014: Generative Adversarial
Network (GAN)
2014: Blockchain Technology
2015: Alexa (NLP/AI)
2015: NFTs
2016: TikTok
2020: Covid-19
2023: AI

29. Examples –
Potential
Research
Topics
NFTs (nonfungible token)
E-Sports
Micro-Credentials (Badges)
Internet of Things (IoT)
Artificial Intelligence

30. Is your new
sports club
online? Twitch /
E-Sports
Competitive video
gaming, broadcast
and played online https://ou-iet.cdn.prismic.io/ou-iet/062505af-0b26-48a0-95c3-
39842694abc6_innovating-pedagogy-2020.pdf

31. A picture is
worth a
thousand words.
Is a JPG worth
69 Million
Dollar? https://ou-iet.cdn.prismic.io/ou-iet/062505af-0b26-48a0-95c3-
39842694abc6_innovating-pedagogy-2020.pdf

32. Gamification?
Disrupting
Education?
Marketing?
A Badge of
Honor? https://www.aace.org/review/goodbye-backpack-hello-badgr-open-badge-platforms/

33. Will we be able
to productively
merge physical
and virtual
worlds?
IoT, NGIoT
https://digital-strategy.ec.europa.eu/en/policies/next-generation-internet-things