ｽﾗｲﾄﾞﾀｲﾄﾙなし

Size: px

Start display at page:

Download "ｽﾗｲﾄﾞﾀｲﾄﾙなし"

としみさどひら
5 years ago
Views:

1 御中ドキュメント種 : お得意様名 : システム名 : デモ説明資料資料 EditionFlex DEMO 第一版平成 22 年 11 月第二版平成 22 年 12 月 11 日 15 日 Page - 1

1 DEMO1 Edition Flex エディター ( 編集画面 ) の呼出 DEMO1 では RESOLOGIC の Web サーバー上のデモメニューからまったく別のクラウド上にある Flex Server にリクエストして編集画面を呼び出します呼び出し側と Edition Flex が同じサーバーである必要はありません

2 1 DEMO1 Edition Flex エディター ( 編集画面 ) の呼出 DEMO1 では RESOLOGIC の Web サーバー上のデモメニューからまったく別のクラウド上にある Flex Server にリクエストして編集画面を呼び出します呼び出し側と Edition Flex が同じサーバーである必要はありません編集画面呼び出しルールに準拠していればどこからでも自由に呼び出せますしたがいましてお客様の Web アプリケーションから容易に Flex の編集画面を呼び出すことができます Internet Web Server A (RESOLOGIC Web Site) Flex Server ( 実際はクラウド上で稼働 ) Page - 2

3 2 Edition Flex エディターの呼出しルール呼び出し例上の名刺をクリックして編集画面を呼び出すには下記をサブミットすることだけです <form method= post name= editform action= > 1 <input type= hidden name= relayuserid value= demo01 > 2 <input type= hidden name= dtime value= Fri, 29 Oct :56:12 GMT /> 3 <input type= hidden name= clientid value= e8faf72728bef50ef72ced67c691c4aa /> 3 <input type= hidden name= returnurl value= 呼び出しサーバー /index.html /> 4 <input type= hidden name= srctype value= templatename /> 5 <input type= hidden name= templatename value= 雑誌編集者名刺 /> 6 </form> 編集画面呼び出しに最低限必要な値 1. 遷移先 URL を指定 Flex サーバーの URL 2. ユーザアカウントの指定事前に Flex のユーザアカウントを取得する 3. ユーザ認証情報の指定別途 Flex にログインして取得する 4. 戻り先 URL の指定編集終了時の遷移先 URL 5. 編集するテンプレートの呼出方法 (ID 指定 or 名称指定 ) 6. 編集するテンプレート名称 or ID を指定 Page - 3

4 3 Flex ユーザアカウント認証情報の取得 RESOLOGIC から発行された Flex ユーザアカウントで指定の Flex サーバーにログインします設定 > 連携ログイン情報画面を開き認証に必要となる dtime, clientid をコピーしテキストエディタなどで保管します Page - 4

5 4 DEMO1 サンプル最低限のサンプルコード例を以下に示しますデモアカウントとデモの認証情報で以下のコードだけで白紙の編集画面を呼び出すことができます <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>edition Flex DEMO</title> <script> function edittemplate(tname) { var form = document.getelementbyid('editform'); form.templatename.value = tname; form.submit(); return true; } </script> </head> <body> <form method="post" name="editform" id="editform" action=" <input type="hidden" name="relayuserid" value="demo01" /> <input type="hidden" name="dtime" value="fri, 29 Oct :56:12 GMT" /> <input type="hidden" name="clientid" value="e8faf72728bef50ef72ced67c691c4aa" /> <input type="hidden" name="returnurl" value=" /> <input type="hidden" name="errorurl" value=" /> <input type="hidden" name="resulttype" value="html" /> <input type="hidden" name="editortype" value="general" /> <input type="hidden" name="purposename" value="user" /> <input type="hidden" name="srctype" value="templatename" /> <input type="hidden" name="templatename" value="" /> <button onclick="return edittemplate(' 白紙 (A4 縦 )');"> 白紙テンプレートの呼出 </button> </form> </body> </html> Page - 5

6 5 DEMO2 スクリプトによる PDF 生成 Flex Script とは? Edition Flex は Flex Script を読み込み PDF を生成します Flex Script とはグラフィックスレイアウトをテキストで記述したフォーマットでフォーマットの範囲内で 100% の再現性を備えています Page - 6

7 6 DEMO2 スクリプトによる PDF 生成 Flex による PDF 生成の概念 Edition Flex は Flex Script を読み込み PDF を生成します Flex Server への命令によって直接 PDF を生成したり編集画面を表示することができます PDF のダイレクト生成 Flex Script 編集画面の表示 Flex Server Page - 7

に読み込ませることができますしたがってお客さまの Web アプリケーション等で Flex Script

8 7 DEMO2 スクリプトによる PDF 生成 Flex Script によるバリアブルプリントの実現の概念 Flex Script の編集だけでカスタマイズしたグラフィックを取得できます Flex Script は例えば外部の Web サーバから Flex Server に読み込ませることができますしたがってお客さまの Web アプリケーション等で Flex Script のテキスト処理を行うことだけでバリアブルプリントを実現できます Flex Script Image の差し替え例 Flex Server お客様の Web AP 等テキストの編集例 Page - 8

9 8 Flex のユーザアカウントのお申し込みお客様独自の Flex Server のデモアカウントの発行やお客様独自のテンプレートのデモ制作をご要望の場合は下記アドレス迄お申し付けください Page - 9

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2

JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++

ｽﾗｲﾄﾞ ﾀｲﾄﾙなし

ｽﾗｲﾄﾞﾀｲﾄﾙなし