Web, media, and mobile widgets and gadgets for online courses...from e-learning to m-learning and beyond...Dr. Jose G. Lepervanche

1. 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

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

3. 3

4. 4

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

6. 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. 7

8. 8

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

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

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

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

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

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

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

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

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

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

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

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

21. Social media presence
> Facebook pages, groups, LinkedIn
21

22. Microblogging
> Twitter, hashtags, #OCVC11
22

23. 23

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

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

26. How to embed videosSelect BB
in “Embed”
26

27. Select “Use old embed code”
27

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

29. 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

30. 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

31. Video embedded inside a discussion forum
31

32. 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

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

34. Slides embedded inside a discussion forum
34

35. 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. 36

37. 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

38. Twitter widget embedded inside a discussion forum
38

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

40. Insert QR codes in BB
Delicious bookmarks embedded inside Announcements
40

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

42. paper.li widget embedded inside an announcement
42

43. 43

44. Use mobile applications
44

45. What’s Next?
45

46. 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