設計情報

投稿者: SPIRERS ナレッジ向上チーム 2022年4月22日 (金)

キャンペーン応募アプリ アプリ(DB・メール)設計・構築

キャンペーンを実施しようとした際に応募フォームのデザインはリッチにしたい、LPページを併せて作成したいという要望が多いのではないでしょうか。
SPIRAL ver.2ではデザイン作成時のソース設定はもちろんのこと、実はLPページのような静的なWebページの作成もできます。

「キャンペーン応募アプリ」では、
ひと手間かけたデザインのキャンペーンフォームとLPページを用意しましたので是非ご覧ください。
アプリ(DB・メール)設計・構築 / サイト設計・構築 / ユーザ・アプリロール・グループ設定
に各工程を分け、ポイントやおすすめ機能・強化ガジェットを紹介いたします。

この記事は アプリ(DB・メール)設計・構築 のフェーズとなります。
関連記事はこちら
SPIRAL ver.2はプログラミング経験がなくても、オリジナルの業務アプリの制作・カスタマイズができるローコード開発プラットフォームです。
詳しくは SPIRAL ver.2 とはをご覧ください。

変更・改定履歴

  • 改定

    「DB上で必須な属性」の項目を追加、
    ④住所入力完了通知メールの設定を変更しサイト設計・構築に移替

アプリ機能

SPIRAL ver.2はアプリを定義した後にDBやページ、フォームを設定することができます。
DB設定、通知メール設定はアプリ機能にて行います。
詳しくは アプリ機能 をご覧ください。
アプリ機能を使って「キャンペーン応募DB」と「各種通知メール」を作成します。

登場人物と業務フローの整理

キャンペーン応募アプリを使うであろう登場人物と それぞれの人物がアプリ上でどのようなことができるのか、どのような業務を行うのかをまとめてみました。
今回は「応募者」「キャンペーン事務局当落通知担当者」「キャンペーン事務局商品発送担当者」「マーケティング部メルマガ担当者」「マーケティング部長」を登場人物としたアプリを想定しました。
登場人物(キャンペーン応募アプリを使う人)
以下の業務を想定します。
業務フロー図

アプリ(DB、メール)設計・構築

登場人物と業務フローの整理がある程度完了したので、アプリを作成していきます。
アプリ全体像
※ キャンペーン事務局、マーケティング部操作画面(赤枠部分)については ユーザ・アプリロール・グループ設定記事をご覧ください。
DBについて
キャンペーン応募DBを作成します。
Web申請アプリ 同様に、応募者が入力する項目と事務局が管理する項目でDB設計します。
その他に必要な項目があれば追加可能です。
詳しくは DB機能 をご覧ください。

▼キャンペーン応募アプリ DBフィールド一覧
項目名 フィールドタイプ DB上で必須な属性    
応募要項同意 マルチセレクト セレクト項目
 1:同意する
応募者が入力する項目
お名前 テキスト -
メールアドレス メールアドレス 必須制約:あり
ユニーク制約:あり
Q1.SPIRAL ver.2をどちらで知りましたか? セレクト ※選択肢を設定ください
Q1.SPIRAL ver.2をどちらで知りましたか?_その他 テキスト ※選択肢を設定ください
Q2.SPIRAL ver.2で使用したい機能はどれですか? マルチセレクト ※選択肢を設定ください
Q3.SPIRAL ver.2の満足度を教えてください。 セレクト ※選択肢を設定ください
個人情報の取扱い マルチセレクト セレクト項目
 1:同意する
【当選者発送先】郵便番号 テキスト 許可文字種:数字 当選者が入力する項目
【当選者発送先】都道府県 セレクト テンプレート:
 都道府県
【当選者発送先】市区町村・番地 テキスト -
【当選者発送先】ビル名・部屋番号等 テキスト -
【当選者発送先】電話番号 電話番号 -
当落フラグ セレクト セレクト項目
 1:当選
 2:落選
事務局が管理する項目
発送情報登録フラグ セレクト セレクト項目
 1:登録済
商品発送日 日付 -
【事務局当落通知者用】メモ テキストエリア -
【事務局発送担当者用】メモ テキストエリア -
【マーケティング部用】メモ テキストエリア -
ポイント①
SPIRAL ver.2ではデータメンテナンスのための項目がDB作成時に自動で付加されます。

▼自動追加メンテナンス項目
項目名    
作成日 データが登録された日時(例:20XX/XX/XX 12:00:00)
作成経路 データの登録元(例:Form ※キャンペーン応募フォームからの登録の場合)
作成者 データを登録した人物名
(例:キャンペーン応募 ※応募者がキャンペーン応募フォームから登録した場合はフォーム名)
(例:ナレッジ太郎 ※キャンペーン応募データ操作画面からの場合は事務局担当者名)
最終更新日時 データが更新された日時(例:20XX/XX/XX 15:00:00)
最終更新経路 データの更新元(例:UI ※キャンペーン応募データ操作画面からの更新の場合)
最終更新者 データを更新した人物名
(例:ナレッジ太郎 ※キャンペーン応募データ操作画面からの場合は事務局担当者名)
以上でDB関連の設定は完了です。
メールアクションについて
DB作成が完了したらDBで設定するメールアクションの有無を確認します。
本アプリでは以下4つのメールを配信します。

①応募完了メール、④住所入力完了通知メールは、フォームからの応募・発送情報の登録のタイミングで配信されるように、フォームブロックのメールアクションを使用します。
②当選メール、③落選メールは、マーケティング部の担当者がアプリ利用の画面から配信を行うため、アプリロール上のメール配信を使用しています。

今回使用するメールアクションはいずれもDBでの設定はありません。
フォームブロックでのメールアクションはサイト設計・構築、アプリロール上のメール配信は ユーザ・アプリロール・グループ設定にて設定します。

▼キャンペーン応募アプリ 配信メール一覧
配信名 配信条件・配信先 機能
①応募完了メール 抽出ルール:なし
配信指定方法:レコード(応募者メールアドレス)
フォームブロック上のメールアクション
(応募後、即時配信)
②当選メール 抽出ルール:当落フラグが「当選」
配信指定方法:レコード(応募者メールアドレス)
アプリロール上のメール配信
(時間指定配信)
③落選メール 抽出ルール:当落フラグが「落選」
配信指定方法:レコード(応募者メールアドレス)
アプリロール上のメール配信
(時間指定配信)
④住所入力完了通知メール 抽出ルール:発送情報登録フラグが「登録済」
配信指定方法:固定(事務局発送担当者メールアドレス)
フォームブロック上のメールアクション
(更新後、即時配信)

以上でアプリ(DB・メール)設計・構築は完了です。

最後に

設定後は動作確認を必ず行い、動作に問題がないか確認をしてください。
また、不具合やほかのやり方が知りたい等あれば、下記の「コンテンツに関しての要望はこちら」からご連絡ください。
アプリ(DB・メール)設計・構築が完了したので次はサイト設計・構築に進みます。

関連記事はこちら
解決しない場合はこちら コンテンツに関しての
要望はこちら