マルチエクスペリエンス開発でより優れた顧客アプリケーションを構築 | Mendix

メインコンテンツへスキップ

マルチエクスペリエンス開発でより優れた顧客アプリケーションを構築

マルチエクスペリエンス アプリケーションの可能性は驚異的です。マルチエクスペリエンスを使用すると、目的に合ったアプリケーションを通じて、各ユーザー タッチポイントに最適なユーザー エクスペリエンスを調整して接続し、ユーザー ジャーニー全体のすべてのインタラクションを楽にすることができます。このセッションに参加して、その理由を確認してください。 Mendix は、マルチエクスペリエンス開発プラットフォームのリーダーです。チームリードエバンジェリストの Simon Black 氏と製品マーケティングマネージャーの David Brault 氏が、次のような顧客体験全体にわたる複数のモダリティを活用するアプリケーションを紹介します。

  • チャットボット
  • 拡張現実感
  • 音声アシスタント
  • プログレッシブWebアプリケーション
  • ネイティブモバイル
  • TVアプリケーション

ビデオトピック

  • 成績証明書(トランスクリプト)

    [00:00:00.000]
    (明るい音楽)

    [00:00:15.280]
    こんにちは。このセッションへようこそ

    [00:00:16.441]
    マルチエクスペリエンス アプリケーションの構築について。

    [00:00:19.690]
    私の名前はサイモン・ブラック、伝道師チームのリーダーです。

    [00:00:23.099]
    今日はケンブリッジシャーのエリアンから放送します

    [00:00:26.280]
    英国インチ

    [00:00:27.410]
    今日はデイブ・ブロートが参加します。

    [00:00:29.380]
    誰が私たちと話をしてくれるのか

    [00:00:30.480]
    マルチエクスペリエンス開発プラットフォームとは何かについて説明します。

    [00:00:34.080]
    こんにちは、デイブさん。自己紹介をお願いできますか?

    [00:00:36.620]
    ありがとう、サイモン。

    [00:00:37.453]
    私の名前はデイビッド・ブロートです。

    [00:00:38.286]
    プロダクトマーケティングマネージャー Mendix.

    [00:00:40.340]
    私自身について少しお話します。

    [00:00:41.620]
    私は約6年前にテキサス州オースティンに移住しました

    [00:00:45.080]
    私がこれを生放送している場所

    [00:00:46.626]
    そして私は完全に同化しました

    [00:00:48.800]
    私はあまりにも多くの時間を費やしている

    [00:00:51.190]
    テキサスで最高のバーベキューを求めて。

    [00:00:53.790]
    とにかく、あなたがここにいる理由に戻りましょう。

    [00:00:55.320]
    より優れた顧客アプリケーションの構築

    [00:00:57.350]
    マルチエクスペリエンス開発。

    [00:00:59.050]
    このセッションでは、

    [00:01:00.940]
    MXDPが開発環境をどのように変えているのか

    [00:01:03.910]
    そしてどうやって Mendix 助けることができる。

    [00:01:05.395]
    それではデモンストレーションをしましょう

    [00:01:06.498]
    さまざまな種類の経験

    [00:01:08.960]
    サイモンにカバーを剥がしてもらい

    [00:01:10.495]
    どのように建てられたかが分かります。

    [00:01:13.120]
    まずは引用から始めましょう。

    [00:01:14.757]
    「良いデザインは実際には気づきにくい

    [00:01:17.307]
    貧弱なデザインよりも、

    [00:01:18.547]
    良いデザインが私たちのニーズにとてもよく合っているから

    [00:01:21.867]
    デザインは目に見えないということです。」

    [00:01:23.650]
    そして私はこの引用文が大好きです

    [00:01:25.210]
    それはまさに今話題になっている内容に合致しているからです。

    [00:01:28.990]
    MXDPの主な目的は、

    [00:01:30.480]
    マルチエクスペリエンス開発プラットフォーム

    [00:01:32.950]
    企業がアプリケーションを作成できるようにすることです

    [00:01:35.300]
    洗練されたユーザーエクスペリエンスを提供する

    [00:01:37.550]
    さまざまなデバイスやモダリティにわたって

    [00:01:39.860]
    今画面に表示されているものと同じです。

    [00:01:42.320]
    マルチエクスペリエンスの約束は驚異的です。

    [00:01:45.540]
    最適なユーザーエクスペリエンスを実現する

    [00:01:47.740]
    各顧客接点に

    [00:01:49.510]
    目的に合ったアプリケーション

    [00:01:51.720]
    あらゆるユーザーインタラクションを効率的かつ簡単にする

    [00:01:55.400]
    あるいはドンが言うように、目に見えない。

    [00:01:58.120]
    今、 Mendix プラットフォームはこの約束を果たす

    [00:02:00.650]
    真に統合されたソリューション

    [00:02:02.830]
    単一のスキルセットを使用する

    [00:02:04.600]
    リッチで魅力的なアプリケーションを構築する

    [00:02:06.925]
    あらゆる状況に対応できる経験。

    [00:02:10.110]
    詳しく見てみましょう

    [00:02:11.210]
    プラットフォームがどのようにサポートするか

    [00:02:12.650]
    多様なエクスペリエンスソリューションの急速な発展。

    [00:02:17.170]
    基盤層では、プラットフォームサービス

    [00:02:19.590]
    クラウドネイティブアーキテクチャの Mendix

    [00:02:21.860]
    すべての重労働をこなします。

    [00:02:23.600]
    取引の複雑さを処理

    [00:02:25.290]
    疎結合アプリケーション

    [00:02:27.330]
    サービス ベース アーキテクチャ上で実行されるサービス。

    [00:02:30.749]
    また、すべてのコアサービスも処理します

    [00:02:32.370]
    ログ記録、セキュリティ、バックアップなど。

    [00:02:35.809]
    Mendix アプリケーションとサービスは完全に移植可能であり、

    [00:02:39.120]
    つまり、移動したり配布したりできる

    [00:02:40.960]
    クラウドプロバイダー間で自由に切り替えられます。

    [00:02:44.490]
    今、次のレベルへ

    [00:02:45.323]
    あらゆるサービスやデータソースへの統合

    [00:02:47.905]
    Studio Pro 内で使用および公開できます。

    [00:02:50.880]
    つまり、REST、SOAP、OData、SQL、JSON、XML、

    [00:02:54.980]
    独自のソースであっても、コーディングは一切不要です。

    [00:02:59.340]
    パッケージ化できる

    [00:03:00.380]
    データハブ内の再利用可能なコネクタとして

    [00:03:03.040]
    または、公開されているアプリサービスで使用される Mendix 市場。

    [00:03:08.430]
    アプリサービスでは、UIを組み合わせて、

    [00:03:11.180]
    ビルディングブロック、ウィジェット、ロジックコネクタ、サービス

    [00:03:14.900]
    パッケージ化されたビジネス機能に

    [00:03:17.270]
    経験を構築するために使用できる

    [00:03:19.426]
    開発チェーンの上位にあります。

    [00:03:22.850]
    Data Hubでは、同じ再利用可能なコネクタが

    [00:03:25.164]
    仮想化されたデータエンティティとして公開できる

    [00:03:28.635]
    検索可能なカタログで、これは素晴らしい

    [00:03:30.870]
    今ではどんな開発者でも

    [00:03:32.223]
    豊富なメタデータにアクセスする機能がある

    [00:03:34.721]
    組み込みのガバナンスも同様に重要です

    [00:03:37.500]
    およびセキュリティアクセス。

    [00:03:40.150]
    さて、このピラミッドの頂点は

    [00:03:41.860]
    技術の山の頂上にある開発者標準

    [00:03:45.110]
    再利用によって抽象化され、焦点を絞ることができる

    [00:03:47.970]
    魅力的なユーザーエクスペリエンスの設計に焦点を当てます。

    [00:03:51.580]
    それは発展を意味する

    [00:03:53.050]
    もはやテクノロジーによる制約はありません。

    [00:03:55.519]
    さて、アーキテクチャを見てきましたが、

    [00:03:57.850]
    マルチエクスペリエンスアプリケーションがどのようなものか見てみましょう

    [00:04:00.480]
    そしてそれらがどのように構築されるか。

    [00:04:02.580]
    さて、このセッションの残りは

    [00:04:03.661]
    顧客を追跡します

    [00:04:05.830]
    車を購入するまでの過程を通して、

    [00:04:07.510]
    注文から配達まで

    [00:04:09.465]
    途中でちょっとしたトラブルがありました。

    [00:04:12.900]
    まずは車のリサーチと購入から始めましょう。

    [00:04:14.880]
    プログレッシブウェブアプリと

    [00:04:17.296]
    チャットボット、拡張現実、

    [00:04:19.890]
    ネイティブモバイルアプリケーションを活用する

    [00:04:22.060]
    そしてそのデバイスの機能はすべて Mendix.

    [00:04:25.900]
    顧客の旅はここから始まります

    [00:04:27.370]
    このプログレッシブ ウェブ アプリを使用します。

    [00:04:28.780]
    レスポンシブなので、どんなフォームファクターでも動作します

    [00:04:31.410]
    そして、ほとんどのアプリケーションは

    [00:04:33.830]
    デバイス上でローカルに実行されます。

    [00:04:36.054]
    ディーラーに電話したりメールを送ったりする代わりに、

    [00:04:38.692]
    次の体験はインラインチャットボットです

    [00:04:41.280]
    午後3時に試乗を予約する

    [00:04:43.820]
    両方の入力を組み合わせて使用​​する

    [00:04:45.600]
    音声テキスト変換機能も備えています。

    [00:04:48.510]
    さて、試乗後、

    [00:04:49.411]
    顧客は拡張現実を使って自分の車を設定する

    [00:04:53.160]
    異なるペイントとホイールの色を重ねることで

    [00:04:56.410]
    ディーラーで在庫がほとんどないから

    [00:04:58.017]
    あらゆる色の組み合わせ。

    [00:05:02.180]
    車の購入を決意した顧客は

    [00:05:04.680]
    携帯電話の位置情報サービスの力

    [00:05:07.060]
    住所を入力する

    [00:05:08.440]
    クレジットカードスキャナを使用する

    [00:05:09.743]
    入力せずにクレジットカードの詳細をすべて入力できます。

    [00:05:15.070]
    そして最後にコマーシャルの間に

    [00:05:17.336]
    顧客はネイティブTVアプリケーションを使用する

    [00:05:19.820]
    自分の車の状態を確認する

    [00:05:21.690]
    さまざまな段階を経て

    [00:05:23.326]
    製造プロセスの。

    [00:05:26.460]
    現時点では、

    [00:05:27.293]
    サイモンにシェアしてもらおう

    [00:05:29.610]
    彼がどのように使ったか Mendix こうした経験をいくつか構築します。

    [00:05:33.200]
    サイモン。

    [00:05:34.410]
    ありがとう、デイブ。

    [00:05:35.680]
    私のセクションでは、さらに深く掘り下げていきます

    [00:05:38.070]
    それらの経験がどのように

    [00:05:39.590]
    を使って建てられました Mendix プラットフォームを提供します。

    [00:05:41.830]
    このセクションでは、

    [00:05:43.190]
    AWS Lexを使用してチャットボットエクスペリエンスを構築した方法

    [00:05:47.300]
    AR体験をどのように構築したか

    [00:05:49.580]
    当社のReact Nativeプラットフォームを使用して、

    [00:05:51.520]
    そして最後に、どのように体験を構築したか

    [00:05:54.010]
    Fire TV Stick 用です。

    [00:05:56.730]
    それでは、これらのエクスペリエンスがどのように構築されるかを見てみましょう。

    [00:05:59.680]
    まず、このプログレッシブウェブアプリケーションの内部では、

    [00:06:02.660]
    私たちは数多くの車両を購入することができます。

    [00:06:04.399]
    しかし、特定の質問をする

    [00:06:06.690]
    ここではこのチャットボット機能を使用します。

    [00:06:09.170]
    このチャットボットはAWS Lexを使用しています

    [00:06:11.790]
    チャットボットエンジンとして。

    [00:06:13.750]
    そして、いくつかのダイアログを使用するように設定できます

    [00:06:16.908]
    そして、顧客が何を求めているのかを理解します。

    [00:06:20.210]
    特定のコンテキストデータを追加することもできます

    [00:06:22.160]
    をご覧ください。 Mendix アプリケーション。

    [00:06:24.500]
    ボットを訓練する方法はボットトレーナーを使うことです

    [00:06:27.830]
    AWS Lex インターフェース内はこちら。

    [00:06:30.710]
    そして、すべてのボットは同じように動作します。

    [00:06:33.150]
    これらは、インテント、スロット、エンティティを使用して構築します。

    [00:06:37.520]
    インテントとは、ボットに実行させたいことのことです。

    [00:06:40.570]
    ここに私たちが作成したボットがいくつかあります

    [00:06:43.600]
    しかし、このテストドライブは予定通り行われる予定なので、

    [00:06:45.700]
    先ほどのビデオで紹介したものです。

    [00:06:48.570]
    ここでは予約をしたいという意思があることがわかります。

    [00:06:51.642]
    そして、これを使って、いくつかの発話を与える必要があります。

    [00:06:55.280]
    本質的に、発話は文であり、

    [00:06:57.420]
    このボットをトレーニングする例文。

    [00:07:00.500]
    それらのパターンを認識する

    [00:07:02.430]
    そして、この特定の意図に基づいてアクションをトリガーします。

    [00:07:05.888]
    特定の重要なデータを選択することもできる

    [00:07:08.193]
    その特定の発言から。

    [00:07:09.950]
    予約の種類や時間など

    [00:07:12.550]
    予約したい車も。

    [00:07:15.930]
    つまり、すべてのチャットボットは同じように動作します

    [00:07:18.710]
    さらに詳しくご紹介します

    [00:07:19.710]
    このデモを進めていくと。

    [00:07:22.810]
    まず、予約タイプが表示されます。

    [00:07:25.610]
    車種、日付/時刻、

    [00:07:27.490]
    これらはスロット値に保存されます。

    [00:07:29.300]
    これらは私たちが保管しておきたいものです

    [00:07:31.690]
    アプリケーション内で。

    [00:07:33.170]
    チャットボットは非常に愚かだからです。

    [00:07:34.910]
    実際にはデータは保存されません。

    [00:07:37.400]
    それは単に特定の情報に基づいて行動する

    [00:07:39.290]
    そしてそれをリクエスト者に送り返します。

    [00:07:41.917]
    それでは見ていきましょう

    [00:07:44.240]
    それがどのように内部に組み込まれているか Mendix モデル。

    [00:07:47.500]
    ここに、 Mendix 私たちのアプリケーションのモデル

    [00:07:49.907]
    まずプログレッシブウェブアプリがあります

    [00:07:51.950]
    さまざまな詳細を確認できます。

    [00:07:53.800]
    また、マイクロフローもあります

    [00:07:56.033]
    データ送信に使用されている

    [00:07:58.350]
    その特定の Lex サービスに。

    [00:08:00.600]
    これはAWS Lexコネクタを使用しています

    [00:08:02.820]
    で利用可能 Mendix アプリストア。

    [00:08:04.890]
    そしてそのコネクタ内部では

    [00:08:06.870]
    キーとIDを設定できます

    [00:08:09.870]
    発言も同様に

    [00:08:10.883]
    これをこの特定のチャットボットに送信します。

    [00:08:14.970]
    そして私が言ったように、その発言はメッセージのようなものです。

    [00:08:17.015]
    つまりそのメッセージを解釈するのです

    [00:08:18.850]
    そして返答を返してください。

    [00:08:20.670]
    そして、その応答の中にはいくつかのスロットがあります。

    [00:08:24.210]
    これらは実際の値を保存する方法です。

    [00:08:26.610]
    時間、日付などの情報

    [00:08:28.607]
    また、車種も異なります。

    [00:08:30.830]
    そして私たちはそれを Mendix

    [00:08:33.040]
    その会話を思い出せるように

    [00:08:36.040]
    予約を作成することもできます。

    [00:08:40.360]
    このチャットボットのアプリケーションのUI内では、

    [00:08:42.950]
    ここでは単純にリストビューを使用しました。

    [00:08:45.130]
    そしてそのリストビューの中で、

    [00:08:46.150]
    送ったメッセージをすべて表示できます

    [00:08:49.050]
    また、そのチャットボットからも受信されます。

    [00:08:52.060]
    以上が概要です

    [00:08:54.110]
    その統合をどのように構築したかについてです。

    [00:08:56.038]
    次の統合を見てみましょう。

    [00:08:58.600]
    それは AR 体験を構築することでした。

    [00:09:01.760]
    そのため、私たちは実際にライブラリを使用しました

    [00:09:04.560]
    React Native で利用可能です。

    [00:09:06.770]
    これは ViroReact と呼ばれます。

    [00:09:08.602]
    ViroReactを使用するとVRやARの体験を作成できます

    [00:09:12.840]
    デバイスのAR機能を活用し、

    [00:09:15.790]
    それが ARCore であろうと ARKit であろうと。

    [00:09:19.757]
    そしてこれを使うことで、

    [00:09:21.000]
    実際にそれらの視覚化を構築し始めることができます。

    [00:09:23.890]
    これをモデラー内で実行したのですが、

    [00:09:26.229]
    いくつかのカスタムウィジェットを構築しました。

    [00:09:29.195]
    これらのウィジェットの中には、

    [00:09:30.770]
    追跡するための特定のマーカーを設定できます。

    [00:09:34.940]
    ここに追跡ウィジェットがあります。

    [00:09:39.381]
    そしてこの特定のトラッキングウィジェット内では

    [00:09:41.630]
    識別に使用したい特定の画像を設定できます

    [00:09:45.183]
    オブジェクトを 3D 空間に配置します。

    [00:09:48.510]
    ここで画像を選択できることがわかります。

    [00:09:51.060]
    この場合は、 Mendix ロゴ。

    [00:09:53.650]
    これにはいくつかのユニークな特徴があります。

    [00:09:56.280]
    3D 空間で簡単に識別できるようにします。

    [00:10:00.530]
    アクションなどのプロパティも設定できます

    [00:10:03.410]
    特定のアイテムを検出したときにトリガーされる

    [00:10:05.950]
    3D空間で。

    [00:10:08.948]
    このプラグイン可能なウィジェット内では、

    [00:10:11.040]
    さらにいくつかの追加ウィジェットがあります

    [00:10:13.300]
    オブジェクトを表示するため、この場合のオブジェクトは車です

    [00:10:17.220]
    そしていくつかの球体

    [00:10:18.053]
    そして球体は私たちが見たアイコンです

    [00:10:19.610]
    特定の車の上部にある色を変更します。

    [00:10:23.038]
    オブジェクトを詳しく調べると、

    [00:10:24.750]
    使用する材料を選択することができます。

    [00:10:27.039]
    私たちはやりとりを選ぶことができる

    [00:10:28.785]
    そして使用されるイベントも

    [00:10:30.870]
    実際にこの特定のアイテムとやり取りするときです。

    [00:10:34.430]
    トラッカーが特定のマーカーを検出すると、

    [00:10:38.050]
    この特定のオブジェクトを取得します

    [00:10:40.240]
    3D空間に配置します。

    [00:10:42.380]
    そして私たちはそれに触れ、歩き回り、

    [00:10:44.446]
    そこからさらに多くの情報を得ることができます。

    [00:10:49.940]
    これはプレビューできる非常に強力な方法です

    [00:10:53.300]
    車のような特定の商品を見て

    [00:10:55.840]
    または電球などの他の製品、

    [00:10:57.910]
    対話できること

    [00:10:59.320]
    事前に実際に購入しなくても。

    [00:11:02.930]
    それでは次の体験に移りましょう。

    [00:11:04.770]
    最後に紹介したのはテレビアプリケーションです

    [00:11:08.100]
    Fire TV Stickで実行します。

    [00:11:10.010]
    そして実際、この特定のやり取りは

    [00:11:13.100]
    この特定のデバイスは統合が非常に簡単です。

    [00:11:18.420]
    これは、アプリケーションが Android を使用して構築されているためです。

    [00:11:23.760]
    Fire TV Stickに導入されるすべてのアプリケーションは

    [00:11:27.400]
    Android プラットフォーム上で実行されます。

    [00:11:29.408]
    そして、 Mendix Make It Native アプリケーション

    [00:11:32.197]
    Androidに展開し、

    [00:11:34.210]
    Fire TV Stickに簡単にインストールできます。

    [00:11:37.520]
    そのためには、ここにあるこのガイドを使用するだけです。

    [00:11:40.530]
    このガイドではAndroidデバッグシステムであるADBを使用します。

    [00:11:45.380]
    デバイスに接続できる

    [00:11:47.440]
    ローカル ネットワークに接続し、特定のアプリケーションをインストールします。

    [00:11:51.160]
    私たちがやったのはFire TV Stickを作ることだけでした

    [00:11:53.410]
    当社のネットワークで利用可能

    [00:11:55.210]
    いくつかのコマンドを使用して、

    [00:11:57.190]
    特定のデバイスにインストールすることができます。

    [00:12:01.500]
    さて、この特定のアプリケーションを構築した方法は

    [00:12:03.970]
    何も特別なものではありません。

    [00:12:05.850]
    ネイティブアプリケーションを構築するだけで済みました

    [00:12:08.500]
    こちらの別のアプリで。

    [00:12:10.440]
    そしてここに先ほど見たカルーセルがあります。

    [00:12:13.020]
    ユーザーは写真を見ることができた

    [00:12:14.829]
    生産のどの段階にあったか

    [00:12:18.020]
    ボタンを使ってスワイプして閲覧できる

    [00:12:20.603]
    特定の Fire TV Stick で。

    [00:12:25.560]
    ただし、変更する必要のある点が 1 つありました。

    [00:12:27.810]
    Fire TV Stickは特定のテレビで動作します。

    [00:12:31.550]
    これは風景写真です。

    [00:12:34.110]
    私たちは、

    [00:12:35.740]
    アプリケーションを縦向きで開く代わりに、

    [00:12:38.270]
    横向きで開く必要がありました。

    [00:12:40.460]
    そうするのはとても簡単です。

    [00:12:42.360]
    アプリケーション内にオプションがあります

    [00:12:46.880]
    画面の向きに合わせて設定できるようにします。

    [00:12:49.820]
    これはネイティブアプリのコードです

    [00:12:52.750]
    この特定の Fire TV Stick 用に構築したものです。

    [00:12:56.157]
    これはベーステンプレートに基づいています

    [00:12:58.080]
    プラットフォームから入手可能。

    [00:12:59.960]
    ここで設定したオプションはこれだけです

    [00:13:02.720]
    縦向きから横向きに切り替えます。

    [00:13:04.639]
    これは、アプリケーションを開いたときに、

    [00:13:08.070]
    最初は縦向きで開きません

    [00:13:10.010]
    次に横向きに反転します。

    [00:13:11.700]
    それは私たちがそれを開くことを確実にします

    [00:13:13.200]
    まず横向きで進みます。

    [00:13:15.950]
    このようにいくつかの設定を変更することで、

    [00:13:19.290]
    別のデバイスプロファイルが提供されます

    [00:13:21.324]
    ユーザーにとって新たな体験

    [00:13:23.510]
    事前に考慮していなかったかもしれないことです。

    [00:13:27.044]
    それで、最後の数分間で

    [00:13:28.640]
    AWS Lexの使い方のデモを見てきました

    [00:13:32.410]
    チャットボットと通信します。

    [00:13:34.880]
    その後、ネイティブモバイルでAR体験を体験しました。

    [00:13:39.460]
    そして最後の体験はテレビのアプリケーションを見ることでした

    [00:13:42.292]
    自然プラットフォームを使用して Mendix

    [00:13:45.000]
    Fire TV Stick にデプロイします。

    [00:13:48.470]
    それで、デイブに引き継ぎます

    [00:13:50.650]
    次の旅に誰が連れて行ってくれるのか

    [00:13:52.630]
    カスタマージャーニーの。

    [00:13:55.360]
    わかりました、サイモン、ありがとう。

    [00:13:56.500]
    非常に印象的。

    [00:13:57.520]
    次の段階に進みましょう

    [00:13:59.410]
    顧客が知る場所

    [00:14:01.210]
    注文に問題があると伝え、

    [00:14:02.850]
    そして、問題を解決するにはエージェントと話をする必要があります。

    [00:14:06.940]
    そこで次の経験では

    [00:14:08.190]
    顧客は自動テキストメッセージを受け取ります

    [00:14:10.510]
    プッシュ通知

    [00:14:11.601]
    製造の遅延が必要である

    [00:14:14.606]
    すぐに対応する必要があります。

    [00:14:18.790]
    そこで彼らはカスタマーサービスに電話することにした

    [00:14:21.470]
    そして、実際に仮想エージェントが応答します。

    [00:14:24.090]
    聞いてみましょう。

    [00:14:32.830]
    こんにちは、

    [00:14:33.670]
    Tesla カスタマーケアへようこそ。

    [00:14:35.630]
    今日はなんか手伝うことある?

    [00:14:37.276]
    注文の状況を知りたいです。

    [00:14:39.750]
    問題ない。

    [00:14:40.670]
    注文番号を教えていただけますか

    [00:14:42.380]
    確認させていただいてもよろしいでしょうか?

    [00:14:44.340]
    1086年。

    [00:14:45.640]
    ご注文 1086

    [00:14:48.070]
    現在、シャーシの製造段階にある

    [00:14:50.850]
    すぐにボディの製造に移る予定です。

    [00:14:53.510]
    押し通しましょうか

    [00:14:54.720]
    さらにサポートできる弊社チームのメンバーにご連絡ください。

    [00:14:56.883]
    はい、お願いします。

    [00:14:58.500]
    まったく問題ありません。

    [00:14:59.484]
    今、当社のチームメンバーにおつなぎします

    [00:15:02.437]
    あなたの詳細について説明を受けた者です。しばらくお待ちください。

    [00:15:05.599]
    (明るい音楽)

    [00:15:06.432]
    (発信音が鳴ります)

    [00:15:08.120]
    こんにちは、ブラックさん。

    [00:15:08.953]
    こちらはテスラのカスタマーケアです。

    [00:15:10.400]
    私の名前はアリスターです。本日はどのようなご用件でしょうか?

    [00:15:13.040]
    仮想エージェントは

    [00:15:13.873]
    すべての情報を収集することに成功した

    [00:15:16.200]
    発信者を適切な担当者に転送する必要がある

    [00:15:19.070]
    そして、その従業員に電話の準備をさせます。

    [00:15:22.430]
    そこから、エージェントは問題を解決することができました。

    [00:15:25.290]
    この時点で、私は再びサイモンに主導権を握らせます

    [00:15:27.910]
    彼はあなたに作り方を教えてくれます

    [00:15:29.500]
    仮想エージェントアプリケーション Mendix.

    [00:15:32.430]
    サイモン、戻ります。

    [00:15:34.460]
    ありがとう、デイブ。

    [00:15:35.293]
    そこで見たのは、顧客がボットとやり取りしている様子です

    [00:15:39.930]
    音声認識を使用します。

    [00:15:41.970]
    この特別なボップは訓練された

    [00:15:43.531]
    Twilio ダイアログ サービスを使用します。

    [00:15:46.420]
    Twilio 内では、さまざまなタスクをトレーニングして構築できます。

    [00:15:50.920]
    これらのタスクは意図のようなもので、

    [00:15:52.660]
    これは AWS Lex インターフェースで確認できました。

    [00:15:56.590]
    ここから、いくつかのサンプルでトレーニングすることができます

    [00:15:59.696]
    これらのサンプルは発話のようなもので、

    [00:16:02.040]
    AWS Lex インターフェース内にあったものと同じです。

    [00:16:05.750]
    トリガーしたい単語と文章のサンプル。

    [00:16:11.370]
    これらのそれぞれの中には、

    [00:16:12.250]
    私たちには何が起こるかをプログラムする能力もあります

    [00:16:15.370]
    これらの特定のキーワードと文章がトリガーされたとき。

    [00:16:19.370]
    この場合は、URL へのリダイレクトを実行します。

    [00:16:22.587]
    このURLは、 Mendix アプリケーション。

    [00:16:27.450]
    私たちがやったことはREST APIを公開しただけです

    [00:16:30.350]
    Mendix 応用、

    [00:16:31.724]
    呼び出されて実行される

    [00:16:34.390]
    これらの特定の判決が下されるとき。

    [00:16:38.060]
    それではモデルに切り替えましょう

    [00:16:39.910]
    そして、その体験がどのように構築されるかを確認します。

    [00:16:43.340]
    このアプリケーションのモデル内では、

    [00:16:45.130]
    ここにREST APIがあります

    [00:16:47.010]
    公開されました。

    [00:16:48.617]
    その特定の API 呼び出し内には、マイクロフローがあります。

    [00:16:52.670]
    そしてこのマイクフローは実行されます

    [00:16:54.710]
    API 呼び出しを受けるたびに。

    [00:16:57.980]
    このマイクロフローにはいくつかのステップがあり、

    [00:17:00.250]
    現在のタスクをピックアップし、情報

    [00:17:03.204]
    そして最後に、多くの決定を下すことになります

    [00:17:05.753]
    顧客をどこに誘導すべきか

    [00:17:08.630]
    取得する特定の入力に基づいて行われます。

    [00:17:12.020]
    複数の異なるAPIエンドポイントを作成できるようになりました

    [00:17:15.360]
    さまざまなタイプのインタラクションに応じて、

    [00:17:18.048]
    しかし、私たちは1つの中央マイクロフローを望んでいました

    [00:17:20.140]
    あなたにお見せできるように

    [00:17:21.360]
    起こっている論理の複雑さ

    [00:17:23.760]
    舞台裏で Mendix アプリケーション。

    [00:17:27.100]
    この場合、

    [00:17:27.933]
    リダイレクトが必要かどうかを検出しています。

    [00:17:31.280]
    リダイレクトが必要な場合、それは何を行うのか

    [00:17:33.880]
    顧客の応答をTwilioに返します

    [00:17:37.136]
    特定の番号にリダイレクトします。

    [00:17:40.780]
    私たちのシナリオでは、アリスターにリダイレクトされました

    [00:17:44.060]
    カスタマーサービスチームでは、

    [00:17:45.910]
    その後、その人が私たちを助け、問題の解決に着手してくれました。

    [00:17:49.425]
    そして、それを実現するために、実際に XML を送信しました。

    [00:17:53.380]
    このXML構造は電話番号を定義します

    [00:17:57.050]
    実際に顧客と話すには電話をかける必要があります。

    [00:18:00.714]
    そして、この XML 内ですべてのことを行うことができます。

    [00:18:03.010]
    これは非常に一般的な構造です。

    [00:18:05.235]
    AWSは同様の構造を採用しており、

    [00:18:08.840]
    より充実した情報コンテンツで、

    [00:18:11.280]
    電話番号、写真、音声など。

    [00:18:16.200]
    その他のメッセージについては、単純にプレーンテキストを使用します

    [00:18:18.910]
    それらと対話するため。

    [00:18:23.360]
    過去数分間で見てきたように

    [00:18:25.300]
    私たちがそれらの会話にどのように対処したかについての概要。

    [00:18:29.640]
    Twilioのオートパイロットを使用しました

    [00:18:31.860]
    そういった会話をうまく処理できるように

    [00:18:34.610]
    そして、それらの重要な発言を認識し、

    [00:18:37.060]
    そしてそれらを Mendix 重要な情報を得るには

    [00:18:40.800]
    注文のステータスやその他の情報など。

    [00:18:45.550]
    それではデイブにバトンタッチしましょう

    [00:18:47.270]
    カスタマージャーニーの最終段階です。

    [00:18:50.180]
    ありがとう、サイモン。

    [00:18:51.013]
    購入者の購買行動の最後の段階では、

    [00:18:53.790]
    使用されたいくつかの異なる体験を見てみましょう

    [00:18:56.870]
    車が配達に出ている間。

    [00:18:58.648]
    Alexaに質問する顧客をピックアップしましょう

    [00:19:01.450]
    ステータスの更新のため。

    [00:19:03.580]
    そこで、Alexa はコネクテッドカーに注文のステータスを尋ねます。

    [00:19:10.000]
    注文番号をお知らせいただければ、

    [00:19:12.020]
    状況を調べていただけます。

    [00:19:14.644]
    1086年。

    [00:19:18.320]
    あなたの車は完成しました

    [00:19:20.057]
    配達中です。

    [00:19:21.960]
    午後3時13分までにお届けします

    [00:19:25.600]
    ドライバーが顧客のもとに到着すると、

    [00:19:27.650]
    ネイティブモバイルアプリケーションを使用する

    [00:19:29.440]
    チェックリストに従って車を解放します。

    [00:19:32.745]
    ネイティブアプリは完璧

    [00:19:35.040]
    労働者が交流する必要がある場合

    [00:19:36.430]
    顧客と直接対面します。

    [00:19:38.180]
    写真証拠を撮影できる

    [00:19:39.658]
    配達が成功したこと、

    [00:19:41.169]
    または残念ながら損害を記載する

    [00:19:43.887]
    問題をできるだけ早く解決できるようにします。

    [00:19:48.250]
    ネイティブアプリにより紙ベースのプロセスが不要になります

    [00:19:50.530]
    これらすべての情報をデジタルで記録することで、

    [00:19:53.100]
    顧客の署​​名を含む

    [00:19:54.920]
    納品に満足したら。

    [00:19:58.097]
    さて、最後にもう一度、サイモンに制御を渡します。

    [00:20:01.030]
    彼はどのように使ったかを見せてくれる Mendix

    [00:20:02.940]
    Alexa アプリとネイティブ モバイル アプリケーションを構築します。

    [00:20:06.330]
    それで、サイモン、あなたに戻ります。

    [00:20:09.410]
    ありがとう、デイブ。

    [00:20:10.300]
    次のセクションでは、

    [00:20:11.900]
    その統合を Alexa デバイスにどのように組み込んだかについて説明します。

    [00:20:16.460]
    Alexaへの統合を構築するには、

    [00:20:18.390]
    まずスキルを構築する必要があります。

    [00:20:20.159]
    スキルはアプリツール上のアプリのようなものです

    [00:20:23.000]
    ただし、Alexa 向けにカスタマイズされています。

    [00:20:25.130]
    対話にはタッチではなく音声を使用します。

    [00:20:29.480]
    ここに私たちが作成したスキルがあります

    [00:20:31.360]
    コネクテッドカーの旅のために。

    [00:20:33.300]
    さらに掘り下げていくと、設定を始めることができます

    [00:20:35.776]
    私たちの特別なニーズを満たすためです。

    [00:20:40.260]
    ここには、まず第一に、呼び出しの言葉があります。

    [00:20:43.890]
    これはキーワードまたはスキル名です

    [00:20:46.400]
    この特定のスキルに付与したいもの。

    [00:20:49.230]
    そしてこれが引き金となる

    [00:20:50.245]
    Alexa に何かを依頼するとき。

    [00:20:54.120]
    次に、インタラクション モデルがあります。

    [00:20:56.740]
    ここでも非常に似た原則が見られます

    [00:21:00.720]
    AWS Lex でどのように取り組んでいたかについて。

    [00:21:03.310]
    特定のインテントを使い、特定の発話について訓練することができます

    [00:21:07.060]
    特定のスロットを拾います。

    [00:21:09.940]
    ここで、特定の対話を見ることができます

    [00:21:12.740]
    ご注文のステータスについて。

    [00:21:15.100]
    いくつか発話を与えることもできます

    [00:21:16.220]
    キャプチャしたいスロットデータ

    [00:21:19.000]
    そしてそれが引き金となり

    [00:21:20.300]
    私たちの中で Mendix アプリケーション。

    [00:21:23.770]
    だから本当にあなたが知っている限り

    [00:21:26.050]
    1種類のチャットボットやチャットインターフェースを構築する方法

    [00:21:30.330]
    他のタイプのプラットフォームに簡単に切り替えることができます。

    [00:21:33.487]
    スロットツールにはいくつかの違いがあります。

    [00:21:35.510]
    しかし、多くの類似点があることがわかります

    [00:21:37.398]
    それらを横切って。

    [00:21:40.315]
    Alexaの情報の中には、

    [00:21:43.010]
    終了点を設定することもできます。

    [00:21:45.080]
    そして最終地点は、私たちが実際にいる場所です

    [00:21:45.913]
    そのデータを取得する場所。

    [00:21:48.540]
    特定の意図をトリガーすると、

    [00:21:50.800]
    そしてそれを処理できるようにしたいのです

    [00:21:52.680]
    これを使って Mendix アプリケーション。

    [00:21:55.550]
    それではモデルの内部を見てみましょう

    [00:21:57.220]
    そしてそれがどのように実装されるかを見てみましょう。

    [00:22:00.730]
    そこで、Twilio の例と同じモデルを開きます。

    [00:22:05.090]
    すると、情報を見ることができるようになります

    [00:22:07.168]
    Alexaデバイスから。

    [00:22:09.550]
    ここで実際に特定のハンドルを登録します

    [00:22:12.620]
    それらの意図のために。

    [00:22:14.380]
    起動後のフローでは、

    [00:22:16.190]
    アプリケーションを起動すると、

    [00:22:18.110]
    特定の情報や意図をトリガーして設定することができます

    [00:22:22.298]
    トリガーされる

    [00:22:23.450]
    この特定の意図を実際に見たとき。

    [00:22:26.100]
    この場合、インテントステータスを見ると、

    [00:22:28.440]
    この特定のマイクロフローがトリガーされます。

    [00:22:30.920]
    さて、例で示したものは

    [00:22:32.470]
    注文のステータスを確認するためでした。

    [00:22:35.127]
    そしてこの特定のマイクロフロー内では

    [00:22:37.480]
    リクエストに関する情報を取得できることがわかります

    [00:22:40.156]
    スロットから情報を取得することもできます

    [00:22:43.280]
    つまり、私たちがキャプチャしたい実際のデータです。

    [00:22:45.150]
    この場合は実際の注文番号です

    [00:22:47.070]
    それは重要です。

    [00:22:48.530]
    誰の注文かを把握できるようにしたいのです

    [00:22:51.660]
    調べてみてください Mendix

    [00:22:53.980]
    そしてそのチャットボットとAlexaに応答します

    [00:22:58.920]
    必要な情報を提供します。

    [00:23:01.840]
    ここにチェックマークが付いています

    [00:23:04.130]
    注文番号が見つかったかどうかを確認します。

    [00:23:05.900]
    そしてもしそれが見つかったら、

    [00:23:07.604]
    私たちはそれに対して特定のメッセージで応答します。

    [00:23:11.630]
    ここでは条件付きオプションがあります

    [00:23:15.110]
    注文状況に応じて異なります。

    [00:23:17.520]
    注文が遅れた場合は、

    [00:23:19.180]
    その後、私たちは彼らに特定のメッセージを送信します。

    [00:23:21.830]
    最終段階または製造段階であれば、

    [00:23:24.730]
    別のメッセージを送信します。

    [00:23:27.070]
    つまり、これらの体験を本当にカスタマイズできるのです

    [00:23:29.730]
    そして、それらのメッセージをユーザーに返します。

    [00:23:33.280]
    そしてまた、Twillioのときと同じように、

    [00:23:35.730]
    プレーンテキストまたは SSML で応答できます。

    [00:23:40.020]
    SSMLはXML形式の構造です

    [00:23:42.974]
    音声や画像を埋め込むことができます

    [00:23:45.840]
    Alexaデバイスへの追加情報

    [00:23:49.480]
    追加のデバイスの中には画面が付いているものもあるためです。

    [00:23:51.290]
    Alexaのショーを見てみると

    [00:23:53.274]
    実際に情報を表示することができます

    [00:23:55.006]
    同時にオーディオも再生します。

    [00:24:00.870]
    本当に使いやすいコネクタです。

    [00:24:03.140]
    このコネクタをダウンロードするだけで

    [00:24:04.715]
    アプリケーションに

    [00:24:06.310]
    これは実際にAWS SDK for Javaを使用しています

    [00:24:10.470]
    そしてそれらのサービスとAPIを使用する

    [00:24:12.840]
    彼らとコミュニケーションをとることができるように。

    [00:24:16.770]
    それでは次の体験を見てみましょう。

    [00:24:18.900]
    ネイティブアプリケーションをどうやって構築したか

    [00:24:22.300]
    フィールドサービス配送ドライバー向けですか?

    [00:24:24.910]
    これも別のアプリケーションです

    [00:24:26.940]
    異なるモジュール。

    [00:24:28.297]
    そして、私たちがこれらの経験に対してよくやっていたことは、

    [00:24:31.280]
    私たちは彼らを脱出させようとした

    [00:24:32.113]
    できるだけ小さなアプリケーションに

    [00:24:34.473]
    そしてそれら間でデータを共有します。

    [00:24:36.990]
    これはMXDPの本当に重要なポイントです

    [00:24:39.330]
    ユーザーが

    [00:24:41.750]
    さまざまなアプリケーションをシームレスに操作し、

    [00:24:44.602]
    だけでなく、さまざまな経験もあります。

    [00:24:47.940]
    このモデルでは実際にデータを使用しています

    [00:24:51.510]
    これらは、Data Hub のシステムから公開されます。

    [00:24:55.440]
    そしていくつかのセッションがあります

    [00:24:56.410]
    Data Hub とは何かについて説明します。

    [00:24:59.070]
    しかし、このモデル内には 3 つの色付きのエンティティが表示されます。

    [00:25:03.710]
    最初のエンティティは、ここにある灰色のエンティティです。

    [00:25:06.760]
    これらは仮想エンティティとして知られています。

    [00:25:09.040]
    これらは保存されません Mendix アプリケーション。

    [00:25:11.460]
    これらはソースシステムから単純に取得され、

    [00:25:14.200]
    OData、SQL、GraphQL などです。

    [00:25:17.610]
    これらは動的にクエリできるという考え方です

    [00:25:20.670]
    どのページやインターフェースでも

    [00:25:23.030]
    ネイティブでもウェブでも。

    [00:25:25.480]
    これにより、それらのデータを組み合わせることができます

    [00:25:27.780]
    新しい経験を構築する

    [00:25:29.240]
    さまざまなモダリティ間でデータを共有する

    [00:25:32.270]
    そして様々な経験。

    [00:25:37.280]
    このアプリケーション内では

    [00:25:38.580]
    それは非常に単純なネイティブモバイルアプリケーションでした。

    [00:25:41.580]
    私たちはいくつかの経験をしました

    [00:25:42.850]
    次の予定を確認できる場所

    [00:25:45.790]
    完了する必要のあるタスクを確認することができました。

    [00:25:48.860]
    しかし、興味深いアイテムの中には

    [00:25:50.010]
    バーコードスキャンなどが可能になりました

    [00:25:52.490]
    確認できるように

    [00:25:53.490]
    車のVIN番号が正しいこと

    [00:25:55.908]
    ネイティブ署名も可能になります。

    [00:25:58.660]
    署名ウィジェットを使用すると、

    [00:26:00.600]
    その特定のユーザーとやり取りすることができます

    [00:26:03.440]
    確認してもらう

    [00:26:04.620]
    彼らはその特定の車両を受け取ったということです。

    [00:26:09.661]
    最後の数分で、私は非常に素早く

    [00:26:13.040]
    私たちが築いてきた経験のいくつか

    [00:26:15.050]
    Mendix プラットフォーム

    [00:26:16.820]
    そして、実際に何が可能なのかを垣間見せてくれました

    [00:26:19.373]
    押すと Mendix 端まで

    [00:26:22.740]
    そしてその複雑さを最大限に活用できるようになる

    [00:26:26.140]
    そして潜在能力を最大限に発揮します。

    [00:26:27.928]
    それでは、最後のコメントをデイブに託します。

    [00:26:31.119]
    そしてこのセッションを終了します。

    [00:26:33.540]
    サイモンさん、ありがとう。いつものように素晴らしい仕事ぶりでした。

    [00:26:35.470]
    最後の20分間で

    [00:26:37.310]
    私たちは実証しました

    [00:26:38.580]
    マルチエクスペリエンスの顧客体験とはどのようなものか

    [00:26:41.160]
    あなたが使うなら Mendix,

    [00:26:42.346]
    PWA、チャットボット、仮想エージェントを活用し、

    [00:26:45.930]
    ネイティブモバイルアプリ、拡張現実、

    [00:26:48.240]
    テレビアプリ、バーチャルアシスタント、

    [00:26:50.590]
    Alexa 会話型アプリケーションも。

    [00:26:53.560]
    だから、私の友人

    [00:26:54.393]
    開発の未来はこうなるのです。

    [00:26:57.300]
    これから先、あなたはさらに先へ進むことになるでしょう

    [00:26:59.690]
    一般的な Web アプリケーションとモバイル アプリケーションだけです。

    [00:27:02.900]
    実際、ガートナーは2024年までに、

    [00:27:05.810]
    3社のうち1社がMXDPを使用する

    [00:27:08.950]
    ITとビジネス融合チームのスピードを加速

    [00:27:11.960]
    成功するデジタル製品を提供する。

    [00:27:15.169]
    Mendix 助けるためにここにあります。

    [00:27:16.652]
    ガートナーがリーダーとして当社を選出

    [00:27:18.920]
    マルチエクスペリエンス開発部門

    [00:27:21.530]
    そして私たちは本当に優れたサービスを提供します

    [00:27:24.200]
    これらの種類のアプリケーションを高速かつ大規模に実行します。

    [00:27:28.100]
    たとえば、 Mendix マジッククアドラントの唯一のリーダー

    [00:27:31.270]
    4 つのモバイル アーキテクチャすべてをサポートします。

    [00:27:33.750]
    そして私たちはネイティブをサポートしている唯一の企業です

    [00:27:35.840]
    最高のアプリケーションを提供できるようになります

    [00:27:37.977]
    あらゆる状況に対して。

    [00:27:40.500]
    また、マルチエクスペリエンスは Web やモバイルだけに限りません。

    [00:27:43.690]
    さらに、私たちはさらなる体験の提供をお手伝いします

    [00:27:46.200]
    没入型、会話型、レクリエーション型など。

    [00:27:50.274]
    サイモンに感謝するだけでなく

    [00:27:52.180]
    デモ期間中の彼の素晴らしい仕事に対して

    [00:27:53.880]
    今日は最後にこの考えを皆さんに伝えたいと思います。

    [00:27:56.920]
    素晴らしい体験を構築するために、

    [00:27:59.070]
    エンドユーザーを最優先に考えなければなりません。

    [00:28:01.770]
    そして目標はアプリケーションを提供することです

    [00:28:04.270]
    ドンが言うように、それはとても楽で目に見えないものなのです

    [00:28:07.348]
    彼らは気づいていない

    [00:28:08.791]
    彼らが使用しているテクノロジー。

    [00:28:11.590]
    ドンを誇りに思って、構築を開始してください

    [00:28:13.590]
    今日は、マルチエクスペリエンス アプリケーションをいくつか紹介します。

    [00:28:16.180]
    それでは、ご参加ありがとうございました。

    [00:28:18.740]
    素晴らしい一日をお過ごしください

    [00:28:19.625]
    (明るい音楽)

言語を選択してください