2 Zembly와 SocialSite를 이용한 클라우드 컴퓨팅-Sang Shin

8/14/2019 2 Zembly SocialSite -Sang Shin

http://slidepdf.com/reader/full/2-zembly-socialsite-sang-shin 1/37

1

Building Social Applications usingBuilding Social Applications using“zembly”“zembly”

Sang Shin, Technology ArchitectSang Shin, Technology Architect

Sun Microsystems, Inc.Sun Microsystems, Inc.

javapassion.comavapassion.com



2

Topics

• Social networking phenomenon

• Impact of social networking to softwaredevelopment

• What is “zembly”?• Things you can build/publish using “zembly”

• Building service step by step

• Building widget step by step

• Building Facebook application step by step

• Summary and current status



3

Social NetworkingSocial NetworkingPhenomenonPhenomenon



4

Social Networking Phenomenon

• Social networking is rapidly growing with morethan 70 million users

> Facebook, MySpace, orkut, LinkedIn, Meebo,Friendster, ...

• Primary means of mass communication among13-30 years



5

Social Networking Phenomenon

"We're just at the beginning of understandinghow the social graph will change every webapplication... what is emerging is the identity andsocial subsystem of the future internet operating

system."

—Tim O'Reilly, O'Reilly Media, Inc.



6

Impact of SocialImpact of SocialNetworking toNetworking toSoftware Development Software Development



Why Do You Care (as Developers)?

• Social networking offers developersunprecedented opportunities to build socialapplications that can reach millions of usersovernight



Emerging Changes in the Software World

• Participation model to the software developmentis changing

> “Traditional models involving mostly softwaredevelopers” to “new models that involve everyone”

• Different metrics are emerging for determiningvalue of an application

> “Size and features” to “How much usage it gets”

• The social platforms have emerged as viabledevelopment and deployment platform

> Applications are being developed and deployed over the popular social platforms



Why Social Platforms as Application

Development/Deployment Platforms?• Provides application development and deployment

right on the web

> Removes the complexity of deployment process

• Exposes facilities (e.g. APIs) to make writingapplications easier

> Provides higher level of abstraction in applicationmodel – profile, friends, rating system, etc.

• Builds an Eco-system of applications, developers,and users

> Applications deployed are becoming the part of theEco-system, thus enhancing the value of the platform



Where is the Future Application Growth?



11

Where is the Future Application Growth?

• Non-traditional apps> Widgets, Social apps, iPhone apps, Mashups,

Situational apps

• Characteristics of these apps

> Usually small

> Developed by casual developers

> Quick to build, easy to deploy

• What lit the fuse?> Polarization of social platforms: Facebook, MySpace,

Ning, Meebo, Orkut, etc.



What is “zembly”?What is “zembly”?



13

What is “zembly”?

• “zembly” is the place to create socialapplications, together

> “zembly” allows users to easily create and host socialapplications of all shapes and sizes, targeting the

most popular social platforms on the web

• Think of “zembly” like Wikipedia for socialapplications

> a wiki for live, editable code that is more than just

about trivial widgets, but rather about full-fledgedsocial applications that can tap into the social graphand reach millions of users.



14

“zembly” Provides Browser-based development

• IDE-based editor running in thebrowser

• (X)HTML, CSS,

JavaScript, FBMLsupport

• Dynamic APIsearch &

invocation• 1-click publishing

onto the web

• Automatic hosting



15

“zembly” Enables Social Programming

• Collaborativecreation of socialapplications

• Fine-grained reuseof artifacts

• News feed

• Contacts

• Custom profilepage

• Messaging

• User ratings

• Favorites

• Comments



16

Your “zembly” Your “zembly”Development EnvironmentDevelopment Environment

You can this demo yourself! You can this demo yourself!

http://www.javapassion.com/handsonlabs/zembly_basics/#Exercise_1http://www.javapassion.com/handsonlabs/zembly_basics/#Exercise_1



●

17

What things can youWhat things can youbuild/publish usingbuild/publish using“zembly”?“zembly”?



18

Things You Can Create with “zembly”?

• Widgets

• Services

• Facebook apps

• Meebo apps• iPhone apps

• OpenSocial apps

• orkut apps

• MySpace apps



Building a ServiceBuilding a ServiceStep by StepStep by Step



20

What is a Service?

• Containsbusiness logic

• Written inJavaScript

• Can be publishedso that others cancall it

> “zembly” creates

a deployableweb service anddeploys it in itown container

• Can take

parameters



21

Steps for Creating a Service

• Write business logic in JavaScript> Using IDE-like JavaScript editor: code completion,

syntax checking, format, code snippet, change history

• Set up parameters

• Find and use other services

• Handle error conditions

> You can use built-in validation

• Test the service

• Publish the service

> Version control



22

1. Exploring services built by others1. Exploring services built by others2. Building a HelloWorld service2. Building a HelloWorld service

3. Building Loan Payment service3. Building Loan Payment service





23

Demo: Building Loan Payment Service

• Write business logic in JavaScript> Calculates one's monthly mortgage payment based on

principal, interest rate, and length of loan (years)

• Set up parameters

> principal, interest, and years - required and Number type

• Test the service

• Publish the service

• Use the service



24

Building a Widget Building a Widget Step By StepStep By Step



25

What is a Widget?

• Widgets provide a user friendly object that youcan embed in a web page

• Made of

> (X)HTML

> CSS

> JavaScript



26

Steps for Creating a Widget

• Write (X)HTML• Write CSS

• Write business logic in JavaScript

> Find and use other services

• Optionally add images



27

1. Exploring widgets built by others1. Exploring widgets built by others2. Building Loan Payment Widget2. Building Loan Payment Widget



●



●

28

Building A FacebookBuilding A FacebookApplicationApplication



29

Creating Facebook App. through zembly



30

Why Build Facebook Apps using “zembly”?

• “zembly” provides simple and consistentprogramming and deployment model

• Community of developers who can easily discover and leverage one another's work

• Rock solid hosting that is free up to a point andgrows with you -- always on & can handle largeloads

• IDE-level features such as code completion, syntaxchecking, change history, format

• Change history (during editing) and Version control(for each publishing)



31

Steps for Creating a Facebook application

• Create application on facebook.com> Live facebook.com wizard page gets displayed in an

iframe

• Follow the wizard to set up Facebook parts of the application that zembly needs

1. Log in to Facebook account

2. Install Facebook developer application, if needed

3. Create a Facebook application on facebook.com4. Copy API key and secret

• Manage the application from zembly

> Build, publish, change and republish

:



32

:Building Facebook ApplicationBuilding Facebook Application

by Cloningby Cloning





33

Demo:Demo:

Cloning Facebook ApplicationCloning Facebook Applicationusing zemblyusing zembly





35

Summary

• “zembly” is a Wikipedia of social applications• Using just browser, you can create and publish

services, widgets, Facebook apps, Meebo apps,OpenSocial apps, iPhone apps, Google gadgets,and other social applications



36

Current Status

• You can participate in private beta now> zembly.com

• Open beta coming in fall



Thank You!Thank You!

Sang Shin

[email protected]

javapassion.com

Documents

2 Zembly와 SocialSite를 이용한 클라우드 컴퓨팅-Sang Shin