14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[RPA] UiPath Friends 公式Advent Calendar 2020

Day 1

【RPA】UiPathで湯婆婆を実装してみる(画像多め)

Last updated at Posted at 2020-11-30

はじめに

この投稿は、[RPA] UiPath Friends 公式 Advent Calendar 2020 1日目の投稿です。

  • 12/01 から 12/25 までの記事はこちら ↓

  • 12/26 以降の増設カレンダーはこちら ↓

増設カレンダーサマリ

日付 ユーザ タイトル
12/26 HANACCHI UiPath:カスタムアクティビティを維持するのもつらいよ
12/27 masaki_kumamoto UiPath Apps 開発の仕方 基本操作編
12/28 shimizu.y [Note] UiPath HyperHack応募のポイント
12/29 TetsujiEndo [Note] RPA品質を効率良く高めるテスト5か条
12/30 ParkSetagaya RPAの上流工程を3段階に分け、勘所を考えた。

昨年までのカレンダー

UiPath関連の昨年までのカレンダーはこちら

UiPath Friendsとは

UiPath Friendsは、UiPath ユーザー有志によって運営される非営利の公式ユーザーコミュニティです。詳細はこちら

内容

今日は、以前に書いた 【RPA】UiPathで湯婆婆を実装してみる の続きを書きます。
※ 12/01の0時過ぎに、アドカレ初日にエントリしてたことを思い出して、急いで書きました。 :sweat:

湯婆婆とは

湯婆婆とは、ジブリ映画『千と千尋の神隠し』に登場するキャラクターで、主人公千尋を油屋という温泉旅館で雇う際に、名前を1文字だけ残して奪い、支配します。

前回の投稿で、UiPathで「ウィンドウを表示するだけ」というシンプルな実装をしたのですが、少し物足りないので、手を加えてみます。

アイコン画像を表示したい

湯婆婆の写真付きでセリフを表示したら、それっぽく見えるかも?
と思って、以前に作成した下記のカスタムコンポーネントで、デスクトップ上にメッセージを表示します。

Desktop Notification With Xaml
image.png

(カスタムアクティビティ版もあるのですが、そっちはアイコン画像対応していないので、xaml版を使用)
湯婆婆のアイコンを載せて、表示するとこんな感じになりました
image.png

契約書に手書き入力したい

画像検索すると「湯婆婆が手に持った契約書の画像」が出てきました。
この画像を使って、手書き入力してOCRで認識させて名前を取りたいと思って、最初は「HTML5のCanvas使ってBase64で画像をGoogleVisionAPIにPostしよう」と思ったのですが、調べたところ、Windowsマシンには標準搭載の認識エンジンがあるらしい。ということで、下記の記事を参考にして、フォームアプリケーションを作りました。
 Windowsフォームのインク機能①

画面を「契約書」っぽくアレンジして、こんな感じにしました。↓
image.png

手書き入力後に「認識」ボタン押下で識別された文字が表示され「OK」ボタンを押してサインを確定します。
このアプリをUiPathから起動して、認識した文字をテキスト取得すればOKなはず。

湯婆婆に名前を考えさせたい

これも Desktop Notification With Xaml を使います。進捗率を表示してループさせ、考えている風な演出で。
image.png

通しで見てみる

こんな感じになりました。
yubaba2.gif

ノートPCのタッチパッドに手で文字を書いてるのですが、すごく難しい。
そして字が汚い。かろうじて目視できるレベル。。。でも認識できた!(感動)

ソースコード

Uipathのコードはこちら
 https://github.com/miyag/UiPath.Yubaba/tree/master/UipathWorkFlow
UiPathStudioで見ると、こんな感じです。
image.png
image.png

手書きのフォームアプリはこちら
 https://github.com/miyag/UiPath.Yubaba/tree/master/FormApplication
VisualStudioで見ると、こんな感じです。
image.png

終わりに

以上、終始、湯婆婆ネタになってしまいました。すいません。

今回使用した、Desktop Notification With Xaml を使うと、処理の進行状況や進捗を視覚的に伝えることができます。ロゴ画像をアイコン表示をすると、視覚的なインパクトがあって、機械的な印象のRPAが大分フレンドリーになります。UiPathマーケットで公開していますので、良かったらダウンロードください。

最後までご覧いただき、ありがとうございました。

14
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?