webmedialab.org:
Web, media, and mobile
widgets and gadgets for
online courses
...from e-learning to m-learning and beyond...
Dr. Jose G. Lepervanche
drjose@lepervanche.net
www.learningedge.org
1

Wired
Scoutmaster or
Wireless
professor ?
Both!!!
Your office is...
wherever you are.
2

3

4

All the widgets
• Websites • Microblogging
• Blogs • Social media
• Virtual Worlds • Bookmarks
• Images & Videos • Learning platforms
• Presentations • Mobile platforms
• News integrators • What’s next?
5

iPads, tablets, and smartphones provide m-learning
platforms that are complemented with other mobile
applications such as videos, QR codes, and enhanced
reality. M-learning is bringing E-learning to the students'
hand palms.
6

7

8

Websites.
www.lepervanche.net
> register your own domain. Free hosting.
9

Personal blog
www.learningedge.org
> write about current events beyond courses
10

Courses blog
www.learningedge.org
> write about current events beyond courses
11

Specific college blogs
www.academicexcellence.info
> open specific blog @ http://blog.fscj.edu
12

College blog
www.floridastatecollegenetwork.com
> write for college blog
13

College database of experts
www.floridastatecollegenetwork.com
> share your expertise with others beyond class
14

Business Education Center
www.secondlife.com
> create a SL class, world, or space
15

News integrator
www.paper.li/drlepervanche or www.drjose.org
> daily update of emerging technology news
16

Knowledge integrator
www.paper.li/nextmanager or
www.nextmanager.org
17

Knowledge integrator via email
www.nextmanager.org
> create an online newsletter via email
18

Knowledge exchange
www.gnoglio.com
> real time knowledge questions and answers
19

Your YouTube Channel
www.drjosechannel.com
> your videos, students videos, playlists
20

Social media presence
> Facebook pages, groups, LinkedIn
21

Microblogging
> Twitter, hashtags, #OCVC11
22

23

Select “Share” options
How to embed videos in BB
24

No
embedding
yet...
Copy link and paste in BB
How to embed videos to Twitter, FB, etc.
Share in BB
25

How to embed videosSelect BB
in “Embed”
26

Select “Use old embed code”
27

Select “Use old embed
code”
Click inside code
Select code (Ctrl-A)
Copy code (Ctrl-C) to
paste in Blackboard
Go to Blackboard
28

Follow these instructions in BB to “Embed”
videos, slides, and popular widgets in online course
Announcements and Discussions.
Create a new forum or “Edit” an existing forum
Type instructions related to video
Select “<>” icon to switch from visual editor to HTLM editor
29

After selecting “<>” to
go to HTML Source
mode...
Click inside textbox in
the place you want to
paste code.
Paste code (Ctrl-V)
Submit
30

Video embedded inside a discussion forum
31

Embed slides in BB
Click inside
code
Select code
(Ctrl-A)
Copy code
(Ctrl-C) to paste
Share to Twitter, FB, etc. in Blackboard
Embed slides a discussion forum or announcement
32

Click inside
code
Select code
(Ctrl-A)
Copy code
(Ctrl-C) to paste
in Blackboard
33

Slides embedded inside a discussion forum
34

Embed Twitter in BB
Twitter widgets
• Go to your Twitter
Account
• Go to Resources
(bottom menu in Profile
or Settings)
• See all widgets
• Select your widget for
“My Website”
• Select Profile Widget
35

36

Click inside code
Select code (Ctrl-A)
Copy code (Ctrl-C) to
paste in Blackboard
Go to Blackboard
Repeat same “Paste”
steps in discussions or
announcements
37

Twitter widget embedded inside a discussion forum
38

Embed Delicious in BB
Click inside code
Select code (Ctrl-
A)
Copy code (Ctrl-
C) to paste in
39 Blackboard

Insert QR codes in BB
Delicious bookmarks embedded inside Announcements
40

Insert paper.li in BB
Click inside
code
Select code
(Ctrl-A)
Copy code
(Ctrl-C) to paste
in Blackboard
41

paper.li widget embedded inside an announcement
42

43

Use mobile applications
44

What’s Next?
45

webmedialab.org:
Web, media, and mobile
widgets and gadgets for
online courses
...from e-learning to m-learning and beyond...
Dr. Jose G. Lepervanche
drjose@lepervanche.net
www.learningedge.org
46