[Paper 8-4]Won Ho

7/31/2019 [Paper 8-4]Won Ho

http://slidepdf.com/reader/full/paper-8-4won-ho 1/22

Integrating Social NetworkService into LearningManagement System

Won Ho

7/31/2019 [Paper 8-4]Won Ho


1.Introduction

A. Introduction

Wikipedia explains about the SNS,

“A social network service focuses on building and reflecting of

social networks or social relations among people, e.g., who

share interests and/or activities. A social network service

essentially consists of a representation of each user (often aprofile), his/her social links, and a variety of additional services.

Most social network services are web based and provide means

for users to interact over the internet, such as e-mail and

instant messaging. Although online community services are

sometimes considered as a social network service in a broader

sense, social network service usually means an individual-centered service whereas online community services are group-

centered. Social networking sites allow users to share ideas,

activities, events, and interests within their individual networks.”

7/31/2019 [Paper 8-4]Won Ho


1.Introduction

B. Reason why educators are interested in SNS

a) Educators can communicate with digital natives who have

good skill at using SNS.

b) Educators can teach how SNS can be used for educational

purpose: communicate, collaborate, and sharing

information and resources.

c) Educators can also establish their own personal network

with student and colleagues

C. Purpose

Provide LMS with the capability and resource sharing

capability of SNS

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

2. Related Work

A. SNS Usage Level of SNS for Education

Educators might either use SNS as an independent service

or a complete system with all functionalities of SNS and

LMS. The usage of SNS for educational usage can be

defined as three levels roughly.

a. Level 1: Use of SNS as informal media for class

Educator can use SNS as supportive media for classroom.

They can use SNS service for contacts and sharing

information. The SNS is used as subordinate system rather

than main educational portal system in this level. Educators

can use Twitter for class news broadcast, or Facebook for

resource and post/reply sharing.

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

b. Level 2: Use of devoted SNS service system

Educator can use Ning or Elgg system for their own

classroom. C4LPT compared LMS and SNS. Ning and Elgg,

can be used as devoted SNS system.

c. Level 3: Use integrated SNS function in LMS

Educator can use LMS which integrated SNS functions.

There are many discussions about future of e-Learning

trend. In Becta report, e-Learning specialists predicted that

the SNS will become a dominant technology in learning.

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

A. SNS Features and Open API

a. SNS features can be referred as four functional categories.

· Sharing resources

○ User can share resource: Images, video, file, post,

and web link with designated users or group.

· Notification of status

○ User can receive notification: main post, reply

post, and resource change notification.

· Relational information

○ User can have relational information: making

friend and becoming group member.

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

· Unique application service

○ User can use social application services: Social

bookmarking, Social game, and recommendation

service.

a. Open API Detail

· Delicious API allow loose data access. Access to specialweb address by form returns a data. This method is

referred as REST method. If a user

types “http://del.icio.us/feeds/json/{Delicious user name}”

as web browser url, user can get bookmark information of

the other user’s in JSON format. Bookmark data also can

be transformed to other structure and a differentrepresentation by mindmap node.

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

· To use Facebook API, an API instance is needed to be

generated by authentication, with which many API

functions can be called. The Graph API of Facebook

provides a simple and consistent view of the social graph,

uniformly representing objects (like people, photos, events,

and pages) and the connections between them

(friendships, likes, and photo tags). Facebook also provide

Authentication mechanism to enable an application to

interact with the Graph API on behalf of Facebook users,

and it provides a powerful single-sign on mechanism

across Web, mobile, and desktop apps. This information

can be accessed from Facebook API for FQL.

7/31/2019 [Paper 8-4]Won Ho


2. Related Work

· Facebook Query Language, or FQL, provides a SQL-style

interface to query the data exposed by the Graph API,

advanced features not available in the Graph API, including

batching multiple queries into a single call. FQL queries

takes forms of

“https://api.facebook.com/method/fql.query?query=QUERY”The response format can be specified as either XML or

JSON with the format query parameter.

7/31/2019 [Paper 8-4]Won Ho


3. Development of Integration Module

1. Development of Integration ModuleA. In this paper, LMS-SNS is integrated in two different

methods. First method is to develop a SNS module as

LMS GUI component called Moodle block. Second method

is to implement integration as a Moodle activity, which is

one of many learning activities for a class. This activity can

be represented either as an independent html page or asan embedded html page.

B. “Facebook connect” in Moodle already, which provide

three functions

a. Users can add associate their Facebook account with

their Moodle account

b. Users can use their Facebook account to log into

Moodle

c. Teachers can add a Facebook Live Stream Box as an

activity in a course

7/31/2019 [Paper 8-4]Won Ho



A. In this paper, we are more interested in calling SNSinformation from Moodle. So, rather than focus on

logging- in capability of Facebook or adding Facebook

activity on Moodle, we implemented a function of fetching

wall posting information from LMS. This is implemented as

Moodle block.

a. function getNewPostCount() {

FB.api({method: \'fql.query\',query : \'SELECT

post_id, actor_id, target_id, message,

updated_time,created_time FROM stream WHERE

source_id in (SELECT target_id FROM connection

WHERE source_id=\'+FB.getSession().uid+\') AND

is_hidden = 0 AND updated_time >\'+getUnixTime()},function(response)

{ newPostCount = response.length;

displayUpdatePost();});

7/31/2019 [Paper 8-4]Won Ho



a. The program below shows the FB is an API instance. In

getNewPostCount function, FQL is called with appropriate

parameters. API’s second parameter function(response) is

callback function. ‘response’ is a returned object. With this, the

number of new posting is identified as variable ‘newPostCount’

and displayUpdatePost is called to display the number on

screen.

function getNewPostCount() {FB.api({method: \'fql.query\',query : \'SELECT post_id, actor_id, target_id, message,updated_time,created_time FROM stream WHERE source_id in (SELECT target_id FROM connectionWHERE source_id=\'+FB.getSession().uid+\') AND is_hidden = 0 AND updated_time >\'+getUnixTime()},function(response) { newPostCount = response.length; displayUpdatePost();});setTimeout(getNewPostCount, 10000);}

7/31/2019 [Paper 8-4]Won Ho



a. The left figure shows the GUI of Facebook Moodle block.Facebook new post information is periodically updated. If a

user click the ‘new’ link, user can read the Facebook post

without leaving Moodle site as in the right figure.

7/31/2019 [Paper 8-4]Won Ho



A. The second approach to use mindmap Moodle activity.

Web-based mindmap Moodle activity can be implemented

with mashup functions with other SNS service: Delicious

bookmark, Twitter posting, and Facebook posting service.

Those data can be transformed into mindmap node

format. This function is implemented as plugin for

Mindmap activity. In the mindmap, user can import

Delicious bookmark and Facebook post. This mindmap

activity is embedded as one of the Moodle activities.

7/31/2019 [Paper 8-4]Won Ho



a. In the program below, v, m, f, are callback function

parameters. v is the value of the button clicked. m is a

jQuery object of the message when the user clicked

the button. f is an object of key/value pairs of the

form values.

function callbackform2(v,m,f){if (v) {

JinoUtil.waitingDialog("Import Delicious Feed");var owner = f.jino_input_delicious_id;var limit = f.jino_input_delicious_limit;

var url = 'http://del.icio.us/feeds/json/' + owner+ ?raw&callback=DELICIOUS_FEED_ID_TAG&count='

+limit;CREATE_JS_TO_HEAD(url);

}

}

7/31/2019 [Paper 8-4]Won Ho


4. Best Practices

4. Best Practices

A. User can know if there is any new posting on user’s

Facebook wall. If there is any change in wall posting

numbers, the number of message will be updated on

Moodle block. After knowing the information the user can

click the link to open Facebook service and check his wallposting. This function make user to response immediately

to the postings, and make the user to stay on Moodle.

B. If there are new postings or useful information on wall

postings, user can open Moodle mindmap activities and

import the data as mindmap node. The imported data can

be processed using web based mindmap service. User canbring their Facebook post or bookmark in collaboration.

This will provide most interactive Web 2.0 service.

7/31/2019 [Paper 8-4]Won Ho


4. Best Practices

A. Figure shows the plugin menu of mindmap activity.

Because mindmap itself is embedded as a Moodle activity,

user can access this activity in Moodle. The class students

can collaborate using mindmap. They can add text or

images as nodes. The other participant’s work is appeared

to other user’s mindmap synchronously.

7/31/2019 [Paper 8-4]Won Ho


4. Best Practices

B. Each user can import Facebook, Twitter, and Delicious

information by selecting plugin upper menu. If a user

select any of the “Import” menu, the mindmap import the

data from the specified SNS service and display them as a

children nodes of current selected node. Some functions

post-process the original data for more understandable

representation.

7/31/2019 [Paper 8-4]Won Ho


4. Best Practices

7/31/2019 [Paper 8-4]Won Ho


4. Best Practices

a. Import Delicious Feed : Import original Delicious feed

b. Import Delicious Feed: Tag : Analyze the original data

tag and categorize them with tag frequency

c. Import Twitter Timeline: Import original Twitter data in

the order of timed. Import Facebook Wall : Import Facebook wall posts

e. Import Facebook Wall User Sort : Import Facebook

wall posts categorized by writer and writer’s photo

f. Instructor can create mindmap service on

http://okmindmap.com freely. Instructor can embed

the unique address of the map url as a LMS activity.

7/31/2019 [Paper 8-4]Won Ho


5. Conclusion & Further Studies


SNS can be a great education tool, and it is possible to

integrate SNS to Moodle with different level and aspect. In

this paper, Moodle is selected for LMS, because it is most

famous, open source, and widely used. Of course, the

implementation idea and technology can be applied to

other open source or commercial LMS, too.LMS users can log-in by using their Facebook ID/PW. They

can check the new posting number of wall from LMS. They

are able to retrieve the data from Delicious bookmarks

and Facebook wall postings. The information was able to

be transformed to mindmap node format. The users can

collaborate on building mindmap from different placeusing Web-browser. Working on their own mindmap node

will appear on other participant’s mindmap synchronously.

This can be called active synchronous Web 2.0 knowledge

share activity.

7/31/2019 [Paper 8-4]Won Ho



The mindmap node will be more useful, if it can show the

processed information of the SNS periodically. For

example, the number of postings appeared as numbers on

the top of the mindmap node as an icon with periodic

update function. This can be named “mindmap service

node”. With that mindmap capability extension, the

mindmap can be served as Web 2.0 knowledge portal,which this paper aims as further study.

Documents

[Paper 8-4]Won Ho