夏サミ2012...

ソーシャル機能を取り入れた

エンタープライズアプリケーションチームスピリットのご紹介

倉谷彰

デジタルコースト株式会社

研究開発グループ

エンジニア

デジタルコーストとは

1 2012/8/11 Copyright © DigitalCoast Inc. All Rights Reserved.

を開発・提供している会社です。

を組み込んだ、ソーシャル・ワークフォースマネジメント・サービス

2012/8/11 Copyright © DigitalCoast Inc. All Rights Reserved. 2

勤怠管理

プロジェクト

工数管理

経費精算

タイムライン

行動を記録

デモをご覧ください

とは

実労働時間

Project A Project B 移動

ビジネスで起こる全ての活動をタイムラインで記録

少し技術的なお話

ソーシャル・エンタープライズを実現する業務アプリの作り方

チームスピリットのアーキテクチャ


認証

権限管理

Chatter

承認プロセス

レポート/ダッシュボード

勤怠管理

プロジェクト工数管理

経費精算

業務に関連する機能汎用的な機能

例えば、Chatter


Chatter投稿

コードはどうなっているか？


public with sharing class TxsActivityLogic { public static void insertActivity( Map<String,Object> r, RestRequest req) { Map<String, String> p = req.params; String s = p.get('time'); DateTime tim = TxsUtil.now(); if(s != null) tim = DateTime.valueOf(s); TxsLog__c log = new TxsLog__c(TargetTime__c=tim); log.Status__c = null; ・・・(位置情報や画像をレコードにセットする) String feed = p.get('feed'); if(feed != null) { FeedItem post = new FeedItem(); post.ParentId = UserInfo.getUserId(); post.Body = feed; post.Type = 'TextPost'; insert post; log.FeedId__c = post.Id; } insert log; r.put('id', log.Id); } ・・・

Force.com

行動ログ TxsLog

クラス TxsActivity

クラス TxsActivity

Logic

REST

リソース

モバイル { “time” : ”2012/07/27”,

“feed” : “今日は○○社の・・・”, “latitude” : 35.684337, “longitude” : 139.739649 “placeId” : “WGS84”,

“placeName” : “デジタルコースト・・・” }

Chatter投稿

行動ログレコード追加

Force.com

例えば、承認プロセス


承認プロセスの設定

承認申請

コードはどうなっているか？


// id : 承認申請対象とするオブジェクトのID // comment : 承認申請時のコメント // approver : 承認プロセスのID ・・・ Approval.ProcessSubmitRequest req1 = new Approval.ProcessSubmitRequest(); req1.setObjectId(id); req1.setComments(comment); if(approver != null) { req1.setNextApproverIds(new Id[]{ approver }); } Approval.ProcessResult result = Approval.process(req1); ・・・

Force.com側

モバイル・アプリケーション


OAuth2.0

Apex REST

Salesforce Toolkit for Appcelarator

{ “time” : ”2012/07/27”,

“feed” : “今日は○○社の・・・”, “latitude” : 35.684337, “longitude” : 139.739649 “placeId” : “WGS84”,

“placeName” : “デジタルコースト・・・” }

JSON

クラウドサービス側モバイル側

OAuth2.0


Force.com側

Apex REST：コードはどうなっているか？

RestResourceアノテーションを利用することで簡単に RESTリソースを公開できます


@RestResource(urlMapping='/txsapi2/activity/*') global with sharing class TxsActivity { @HttpPost global static void doPost(RestRequest req, RestResponse res) { Map<String,Object> r = new Map<String,Object>(); try { String id = TxsUtil.getParamId(req); if(id != null) TxsActivityLogic.updateActivity(r, req, id); else TxsActivityLogic.insertActivity(r, req); r.put('success', true); } catch(Exception e) { TxsUtil.setException(r, e); } res.responseBody = Blob.valueof(JSON.serialize(r)); } @HttpGet global static void doGet(RestRequest req, RestResponse res) { Map<String,Object> r = new Map<String,Object>(); ・・・

postBtn.addEventListener(‘click’, function() { ・・・ var oauthJson = JSON.parse(oauthData); var uri = '/services/apexrest/txsapi2/activity/?'; uri += 'time=' + TSX.timeAsString(); uri += '&feed=' + (commentText.value ? commentText.value : ''); var restUrl = encodeURI( Ti.Network.decodeURIComponent(oauthJson.instance_url) + uri); var xhr = Ti.Network.createHTTPClient(); xhr.onload = function() { var res = JSON.parse(this.responseText); // Callbackでの処理・・・ }; xhr.open(“GET”, restUrl, true); xhr.setRequestHeader( “Authorization”, “OAuth ” + Ti.Network.decodeURIComponent(oauthJson.access_token)); xhr.setRequestHeader("Content-Type", "application/json"); xhr.send(); ・・・ };

モバイル側 Force.com側

モバイルとForce.comアプリの役割分担


OAuth2.0

RESTリソース TxsExpense2

Salesforce Toolkit for Appcelarator

サーバ側にロジックを集約

複雑な勤怠計算や経路探索はサーバ側に任せた

クライアント側は画面制御に特化

短期間でプロトタイプを開発し、試作を繰り返すことができた

モバイル側クラウドサービス側

RESTリソース TxsActivity

RESTリソース TxsWorkTimeLogic

駅探経路探索エンジン

勤怠計算エンジン

ロジック

ロジック

ロジック

外部

Web サービス

画面制御

最後に

ソーシャル化した企業はどのように変わったか?

ソーシャル化した企業はどのように変わったか?

日報こそソーシャル

出退社でつぶやくアイデアで日報をやるようになった

「つぶやきはキッカケがないとつぶやかない」

タイムラインで社内の状況がわかるようになる

業務的な依頼もChatterで行う。そのときに誰が関わっているか知ることができる


入社6ヶ月目の木村圭太さん入社6日目の

浦畑瞳さん

課題

東京、札幌、帯広の3拠点体制

クリエイティブな仕事なのでリアルな一体感が重要

事例：株式会社スカイアークシステム様

すべてのウェブサイトに「かんたん」と「成果」を

CMSインテグレーション事業を行う会社です。

入社して6日目でも雰囲気が分かった

業務アプリをソーシャル化するということ

エンジニアのちょっとしたアイデアで

お客様の業務が大きく変えることができる


夏サミ2012...

Documents

rights reserved

restresponse

restrequest

feed

req

log

null

req1