教育用アプリの構築に Adalo が最適な理由
Adalo は、データベース駆動型ウェブアプリと、ネイティブ iOS および Android アプリ用のノーコードアプリビルダーです。3 つのプラットフォーム全体で 1 つのバージョンを使用し、Apple App Store と Google Play に公開できます。これにより、Khan Academy スタイルの学習プラットフォームを作成する場合に理想的なソリューションになります。コースを管理し、学生の進捗を追跡し、学習者が使用するすべてのデバイス間でシームレスに教育コンテンツを配信する必要があります。
教育用アプリの場合、アプリストアでの提供は必須です。学生は Khan Academy や Coursera と同じように、Apple App Store または Google Play から学習ツールを直接ダウンロードすることを期待しています。Adalo を使用すれば、プッシュ通知を活用して、学習者に新しいレッスンについて通知したり、コースの完了を促したり、教育の旅全体を通じてエンゲージメントを高めたりできます。
Khan Academy のようなオンライン学習プラットフォームの構築は、これまで以上にアクセスしやすくなりました。AI を活用したウェブおよびネイティブモバイルアプリビルダーである Adalo を使用すれば、1 行のコードも書かずに、iOS、Android、ウェブ用の完全に機能する教育プラットフォームを単一のアプリバージョンから作成できます。従来のカスタムアプリ開発では、スコープとチームのレートに応じて数万から数十万ドルの費用がかかることが多いですが、Adalo は配信タイムラインを劇的に短縮します。この包括的なガイドでは、データベース設計から複数のプラットフォームへの公開まで、Khan Academy スタイルの学習プラットフォームの構築をステップバイステップで説明します。
教育用アプリの場合、アプリストアに掲載されることは重要です。学生は Khan Academy や Coursera と同じように、Apple App Store または Google Play から学習ツールを直接ダウンロードすることを期待しています。Adalo を使用すれば、プッシュ通知を活用して、学習者に新しいレッスンについて通知したり、コースの完了を促したり、エンゲージメントを高めたりできます。すべてコードを書かずに実現できます。
教育プラットフォーム構築に Adalo が適している理由
Adalo は、データベース駆動型ウェブアプリと、ネイティブ iOS および Android アプリを作成します。3 つのプラットフォーム全体で 1 つのバージョンを使用し、Apple App Store と Google Play に公開できます。これにより、Khan Academy スタイルの学習プラットフォームを作成するための理想的な選択肢となります。コースを管理し、学生の進捗を追跡し、複数のコードベースを保守することなく、デバイス間でシームレスにコンテンツを配信する必要があります。
AdaloのビルダーであるAdaは、あなたが何を望んでいるかを説明してアプリを生成することができます。Magic Startは説明からアプリの基盤全体を作成し、Magic Addは自然言語を通じて機能を追加します。
プラットフォームの モジュラーインフラストラクチャは、月間アクティブユーザーが数百万人のアプリにサービスを提供するようにスケーリングします、上限がありません。負荷がかかるとスピード制限に直面するアプリラッパーとは異なり、Adalo の目的別に構築されたアーキテクチャは、スケール時のパフォーマンスを維持します。これは、ピーク学習時間に数千の学生がプラットフォームに同時にアクセスする可能性があるため、重要です。
前提条件と初期設定
ステップ 1: Adalo アカウントとプロジェクトを作成する
- 訪問 Adalo.com 無料アカウントを作成する
- ダッシュボードから「新しいアプリを作成」をクリックします
- 「モバイルアプリ」または「ウェブアプリ」を選択します(最大リーチのためモバイルを推奨)
- アプリに名前を付けます(例:「LearnPro」または「EduHub」)
- カスタム機能を構築するために「ゼロから開始」を選択するか、 Magic Start を使用して、シンプルな説明から完全なアプリファウンデーションを生成します。コースとクイズを備えた教育プラットフォームが必要であることを伝えると、データベース構造、スクリーン、ユーザーフローが自動的に作成されます。
Adalo の無料プランは、構築とテスト用に設計されています。現在のプラン制限については、 Adalo の価格ページ.
ステップ 2: アプリ設定を構成する
- 「追加またはインポート」をクリックします 設定 左サイドバーのアイコン
- 「アプリ情報」の下で、以下を追加します:
- アプリの説明
- アプリアイコン(512x512px 推奨)
- スプラッシュスクリーン画像
- アプリのオリエンテーションを設定します(モバイル学習向けにポートレート)
- プライバシー設定と利用規約を構成する
ステップ 3: デザインテーマを設定する
- に移動 ブランディング 設定で
- プライマリカラーを選択します(例:信頼と学習のための青)
- 行動喚起用のセカンダリカラーを選択します(例:進捗のための緑)
- 教育コンテンツ用の読みやすいフォントファミリーを選択します
- アクセシビリティのために見出しスタイルとテキストサイズを設定します
Khan Academy は 1 億 8,000 万人以上の学習者 (2024 年~2025 年学年度に 1 億 8,960 万人)を 190 か国以上—年次報告書 | プレスセンター.
データベース構造の構築
ステップ 4:ユーザーコレクションを強化する
- 「追加またはインポート」をクリックします データベース 左サイドバーのアイコン
- デフォルトの「ユーザー」コレクションをクリックします
- これらのプロパティを追加します(それぞれに「+ プロパティを追加」をクリック):
- 姓名 (テキスト)
- プロフィール写真 (画像)
- ユーザータイプ (テキスト)- 値:「学生」、「インストラクター」、「管理者」
- プロフィール (テキスト - 複数行)
- 学習ストリーク (数値)
- 総ポイント (数値)
- 登録コース (コースへの関係)
- 完了したレッスン (レッスンへの関係)
- 参加日 (日付と時刻-自動)
ノーコードプラットフォームが アプリ作成を民主化する ことを理解すれば、データベース管理の経験がなくても複雑なユーザー管理を構築できます。 有料プランがレコード数の上限なしであれば、ストレージ制限に達する心配なくユーザーベースをスケーリングできます。
ステップ5:コースコレクションを作成する
- 「 「+ コレクションを追加」
- 「コース」という名前を付けてください
- これらのプロパティを追加:
- コースタイトル (テキスト)
- コースの説明 (テキスト - 複数行)
- コース画像 (画像)
- 探索 (テキスト)- 値:「数学」、「理科」、「人文科学」、「コンピュータサイエンス」、「アート」
- 難度レベル (テキスト)-値:「初級」、「中級」、「上級」
- 推定所要時間 (数値)- 時間単位
- 総レッスン数 (数値)
- 登録者数 (数値)
- 価格 (数値)- 無料コースは0に設定
- 注目 (真偽値)
- 公開 (真偽値)
- 作成日 (日付と時刻-自動)
ステップ6:レッスンコレクションを作成する
- 「 「+ コレクションを追加」
- 「レッスン」という名前を付けます
- プロパティを追加:
- レッスンタイトル (テキスト)
- レッスンの説明 (テキスト - 複数行)
- 動画URL (テキスト)— Adaloが推奨 MP4(H.264) またはビデオコンポーネント用の自己ホストリンク。YouTubeの場合はAdaloの YouTubeコンポーネント (YouTubeおよびVimeoのURLはネイティブビルドで再生されない場合があります) ビデオコンポーネント | YouTubeコンポーネント
- ビデオサムネイル (画像)
- レッスン順序 (数値)
- 期間 (数値)- 分単位
- トランスクリプト (テキスト - 複数行)
- リソース (テキスト - 複数行)- PDFおよび演習へのリンク
- 無料プレビューです (真偽値)
- 作成日 (日付と時刻-自動)
ビデオは複雑な概念を説明するのに効果的であり、健全な教育設計原則と組み合わせて使用する場合、学習をサポートでき、ビデオコンテンツをプラットフォームの基礎にします。
ステップ7:クイズコレクションを作成する
- 「 「+ コレクションを追加」
- 「クイズ」という名前を付けます
- プロパティを追加:
- クイズタイトル (テキスト)
- クイズの説明 (テキスト)
- 合格スコア (数値)- 合格に必要なパーセンテージ
- 時間制限 (数値)- 分単位(タイムリミットなしは0)
- 総問題数 (数値)
- 許可される試行回数 (数値)
ステップ8:質問コレクションを作成する
- 「 「+ コレクションを追加」
- 「質問」という名前を付けます
- プロパティを追加:
- 質問テキスト (テキスト - 複数行)
- 質問タイプ (テキスト)- 値:「多肢選択」、「正誤問題」、「短答式」
- 正解 (テキスト)
- オプションA (テキスト)
- オプションB (テキスト)
- オプションC (テキスト)
- オプションD (テキスト)
- 説明 (テキスト - 複数行)
- ポイント (数値)
ステップ9:進捗コレクションを作成する
- 「 「+ コレクションを追加」
- 「進捗」という名前を付けます
- プロパティを追加:
- 完了率 (数値)
- 使用時間 (数値)- 分単位
- クイズスコア (数値)
- 完了 (真偽値)
- ブックマーク済み (真偽値)
- 最後にアクセス (日時)
- 完了日 (日時)
ステップ10:アチーブメントコレクションを作成する
- 「 「+ コレクションを追加」
- 「Achievements」と名付ける
- プロパティを追加:
- バッジ名 (テキスト)
- バッジの説明 (テキスト)
- バッジアイコン (画像)
- バッジタイプ (テキスト)- 値:「連続記録」、「コース完了」、「クイズマスター」、「早期参加者」
- 要件 (数値)- 例:週間連続記録が7日の場合
- ポイント値 (数値)
- 獲得日 (日付と時刻-自動)
ゲーミフィケーションを備えたプラットフォームは、適切に設計されれば、エンゲージメントを向上させることができます。影響はコンテキストによって異なりますが、教育の継続性に重要です。
ステップ 11: データベースリレーションシップを設定する
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 コース コレクション:
- ユーザーへの関係を追加:「インストラクター」(多くのコース→1ユーザー)
- レッスンへの関係を追加:一対多(1コースは多くのレッスンを持つ)
- ユーザーへの関係を追加:「登録済み学生」(多対多)
- クイズへの関係を追加:一対多
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 レッスン コレクション:
- コースへの関係を追加:多対一(多くのレッスン→1コース)
- 進捗への関係を追加:一対多
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 クイズ コレクション:
- コースへの関係を追加:多対一
- 質問への関係を追加:一対多
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 ご質問 コレクション:
- クイズへの関係を追加:多対一
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 進捗 コレクション:
- ユーザーへの関係を追加:多対一(多くの進捗レコード→1ユーザー)
- レッスンへの関係を追加:多対一(多くの進捗→1レッスン)
- で、Barrettaはまた「刺激が私たちの探求システムを活性化すると、前頭新皮質を活性化し、革新的な戦略とソリューションを考案するよう促します。論理はそれを私たちにさせません。感情がします。刺激的な新しい旅に乗り出すチームは、成功への強い動機付けを感じるだけでなく、より賢く働きます。」 アチーブメント コレクション:
- ユーザーへの関係を追加:多対多(ユーザーは多くのアチーブメントを獲得できます)
詳細について学習 リレーショナルデータベースの構築 教育プラットフォーム用
ユーザー認証とオンボーディングの作成
ステップ12: ウェルカムスクリーンを構築
- デフォルトスクリーンを「Welcome」に名前変更
- アプリロゴの 画像 ロゴ用のコンポーネント(中央配置)
- 追加 テキスト (見出し):「いつでもどこでも学べます」
- 追加 テキスト (サブタイトル):「数千の学習者と一緒に新しいスキルを習得しましょう」
- 2つを追加 ボタン:
- 「始める」→「サインアップ」画面へのリンク
- 「すでにアカウントがあります」→「ログイン」画面へのリンク
- ブランドカラーでスタイリングし、モバイルレスポンシブを確保してください
ステップ13: サインアップ画面を作成
- 「サインアップ」という名前の新しい画面を追加する
- を追加します フォーム コンポーネント:
- ユーザーコレクションに接続
- フィールドを含める: メール、パスワード、フルネーム
- 追加 画像ピッカー プロフィール写真用(オプション)
- を追加します ドロップダウン ユーザータイプについて:
- オプション:「学生です」、「インストラクターです」
- デフォルトを「学生」に設定
- 追加 チェックボックス:「利用規約に同意します」
- 送信ボタンアクションを設定:
- ユーザーアカウントを作成
- ユーザータイプ=「インストラクター」の場合→「インストラクター設定」に移動
- ユーザータイプ=「学生」の場合→「興味を選択」に移動
ステップ 14: ログイン画面を作成する
- 「ログイン」という名前の新しい画面を追加する
- を追加します フォーム コンポーネント:
- メール入力フィールド
- パスワード入力フィールド
- 送信ボタンを追加: 「ログイン」
- アクション: ユーザーをログインさせる
- 移動先: 「ホーム」画面 (次に作成します)
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「パスワードをお忘れですか?」 → パスワードリセットに移動
- 追加 テキスト リンク: 「アカウントをお持ちですか? サインアップ」
ステップ 15: 学生の興味選択を構築する
- 新しい画面「興味を選択」を追加
- 追加 テキスト: 「何を学びたいですか?」
- を追加します カスタムリスト コースカテゴリー:
- カテゴリー名とアイコンを表示
- 複数選択を許可
- 使用 チェックボックス またはトグルコンポーネント
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「続行」 → 「ホーム」に移動
- 選択した興味でユーザープロフィールを更新
ステップ 16: インストラクター設定画面を作成する
- 新しい画面「講師セットアップ」を追加
- 追加 フォーム ログインしているユーザーを更新:
- 自己紹介(テキストエリア)
- 専門知識 (テキスト入力)
- ウェブサイト/ソーシャルリンク (テキスト)
- プロフィール写真(画像ピッカー)
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「セットアップを完了」 → 「インストラクターダッシュボード」に移動
学生インターフェースの構築
ステップ 17: 学生ホーム画面を作成する
- 新しい画面「ホーム」を追加
- ナビゲーションバーを追加:
- アプリロゴ
- 検索アイコン
- プロフィールアイコン → 「プロフィール」画面へのリンク
- 追加 テキスト (グリーティング): 「おかえりなさい、[ログイン済みユーザー > フルネーム]」
- セクションを追加: 「学習を続ける」
- カスタムリスト 進行中のコース
- フィルタ: Progress > User = ログイン済みユーザー AND Progress > Completed = False
- コースサムネイル、タイトル、進捗バーを表示
- セクションを追加: 「あなたにおすすめ」
- カスタムリスト ユーザーの興味と一致するコース
- コース画像、タイトル、評価、レッスン数を表示
- セクションを追加: 「人気のコース」
- カスタムリスト 登録者数でソート
- 水平スクロールカードを表示
- ボトムナビゲーションを追加:
- ホームアイコン → 現在の画面
- ブラウズアイコン → 「コースを閲覧」画面
- 進捗アイコン → 「マイラーニング」画面
- プロフィールアイコン → 「プロフィール」画面
これらをチェックアウト モバイルアプリテンプレート デザインのインスピレーションのために。
ステップ 18: コース閲覧画面を構築する
- 新しい画面「コースを閲覧」を追加
- 追加 検索バー コンポーネント:
- プレースホルダー:「コースを検索...」
- 検索場所:コース > コースタイトル
- 追加 水平スクロール カテゴリフィルター用:
- を含めて詳細を開くかファイルをダウンロードします。 各カテゴリのチップ(数学、科学など)
- クリックしてコースリストをフィルタリング
- フィルターオプションを追加:
- ドロップダウン:並び替え(人気、最新、評価、価格)
- ドロップダウン: 難易度レベル
- トグル:無料コースのみ
- 追加 カスタムリスト フィルタリングされたコースの:
- コース画像、タイトル、講師、評価、価格を表示
- クリック → 「コース詳細」画面に移動
ステップ19:コース詳細画面を作成
- 新しい画面「コース詳細」を追加
- 現在のコースをパラメータとして渡す
- コースヘッダーセクションを追加:
- 画像:現在のコース > コース画像
- テキスト (タイトル):現在のコース > コースタイトル
- テキスト:現在のコース > 講師 > フルネーム
- テキスト:「★ [評価] • [登録者数] 名の学生」
- テキスト:現在のコース > コース説明
- 追加 を含めて詳細を開くかファイルをダウンロードします。 (条件付き):
- ユーザーが登録していない場合:「今すぐ登録」または「$[価格]で購入」
- 登録済みの場合:「学習を続ける」
- 「学べること」セクションを追加:
- テキスト 主要な成果を強調表示
- 「コース内容」セクションを追加:
- カスタムリスト レッスン(現在のコース > レッスン)の:
- レッスン番号、タイトル、時間を表示
- 登録していない場合のプレビュー以外のレッスンのロックアイコン
- 「レビュー」セクションを追加:
- 学生の評価とコメントを表示
ステップ20:ビデオレッスンプレーヤー画面を構築
- 新しい画面「レッスンプレーヤー」を追加
- 追加 ビデオ コンポーネント:
- ビデオURL:現在のレッスン > ビデオURL
- ビデオを自動再生に設定
- フルWIDTH、レスポンシブ高さ
- ビデオの下にレッスン情報を追加:
- テキスト (タイトル):現在のレッスン > レッスンタイトル
- テキスト:現在のレッスン > レッスン説明
- を含めて詳細を開くかファイルをダウンロードします。:「完了としてマーク」(完了していない場合は条件付き表示)
- ナビゲーションコントロールを追加:
- を含めて詳細を開くかファイルをダウンロードします。:「← 前のレッスン」
- を含めて詳細を開くかファイルをダウンロードします。:「次のレッスン →」
- 追加コンテンツ用のタブを追加:
- タブ:「概要」 - 説明を表示
- タブ:「リソース」 - ダウンロード可能な教材
- タブ:「トランスクリプト」 - 完全なビデオトランスクリプト
- タブ: 「ノート」- 学生ノート(テキスト入力)
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「クイズを受ける」(このレッスンにクイズが存在する場合)
ステップ 21: クイズ受験画面を作成
- 新しい画面「クイズを受ける」を追加
- クイズヘッダーを追加:
- テキスト (タイトル): 現在のクイズ > クイズタイトル
- テキスト: 「質問 [現在の番号] / [全質問数]」
- プログレスバー: クイズ進捗の視覚的表示
- Timer: クイズが時間制限付きの場合(現在のクイズ > 制限時間)
- 質問表示を追加:
- テキスト: 現在の質問 > 質問テキスト
- 画像: 質問に画像が含まれている場合
- 複数選択肢形式の質問の場合:
- ラジオボタン オプション A、B、C、D 用
- 選択した回答を一時変数に保存
- ナビゲーションを追加:
- を含めて詳細を開くかファイルをダウンロードします。: 「前の質問」
- を含めて詳細を開くかファイルをダウンロードします。: 「次の質問」
- を含めて詳細を開くかファイルをダウンロードします。: 「クイズを提出」(最後の質問時)
- 送信時:
- スコアを計算(正解数をカウント)
- クイズスコア付きの進捗レコードを作成
- 「クイズ結果」画面に移動
ステップ 22: クイズ結果画面を構築
- 新しい画面「クイズ結果」を追加
- パフォーマンスサマリーを表示:
- テキスト (大きく): 「[スコア]%」
- テキスト: 「[正解数] / [全質問数] 問正解しました」
- アイコン: 合格/不合格インジケーター
- 正解/不正解の内訳を表示:
- カスタムリスト 問題の
- ユーザーの回答と正解を表示
- 各質問の説明を表示
- アクションボタンを追加:
- を含めて詳細を開くかファイルをダウンロードします。: 「クイズをやり直す」→ クイズに戻る
- を含めて詳細を開くかファイルをダウンロードします。: 「学習を続ける」→ 次のレッスン
- を含めて詳細を開くかファイルをダウンロードします。: 「レッスンを復習」→ ビデオプレーヤーに戻る
ステップ 23: 学生ダッシュボードを作成
- 新しい画面「マイラーニング」を追加
- 進捗概要を追加:
- テキスト: 「登録コース数: [登録コース数]」
- テキスト: 「完了: [完了 = true の数]」
- テキスト: 「進行中: [完了 = false の数]」
- テキスト: 「学習ストリーク: [ユーザー > 学習ストリーク] 日」
- タブを追加:
- タブ: 「すべてのコース」- 登録コースのリスト
- タブ: 「進行中」- フィルター済みリスト
- タブ: 「完了」- 完了したコース(証明書付き)
- リスト内の各コースについて:
- コースサムネイルを表示
- 進捗率を表示
- 「続行」または「確認」ボタンを表示
インストラクターインターフェースの構築
ステップ24: インストラクターダッシュボードを作成
- 新しい画面「インストラクターダッシュボード」を追加
- メトリクス概要を追加:
- テキスト: 「総コース数: [Count]」
- テキスト: 「総学生数: [登録数の合計]」
- テキスト: 「平均評価: [Average]」
- テキスト: 「今月の登録数: [Count]」
- クイックアクションを追加:
- を含めて詳細を開くかファイルをダウンロードします。: 「新しいコースを作成」→「コース作成」画面
- を含めて詳細を開くかファイルをダウンロードします。: 「分析を表示」
- 追加 カスタムリスト インストラクターのコースの
- コース画像、タイトル、登録数を表示
- クリック → 「コース管理」画面に移動
ステップ25: コース作成画面を構築
- 新しい画面「コース作成」を追加
- マルチステップフォームまたはタブ付きインターフェースを追加:
- タブ1: 基本情報
- コースタイトル(テキスト入力)
- コース説明(テキストエリア)
- コース画像(画像ピッカー)
- カテゴリ(ドロップダウン)
- 難易度レベル(ドロップダウン)
- タブ2: 料金
- 価格(数値入力)
- 無料コース(チェックボックス)
- タブ3: コンテンツ
- レッスンを追加(追加/削除機能付きリスト)
- レッスンタイトル、ビデオURL、期間
- タブ4: 評価
- クイズを作成(クイズビルダーへのリンク)
- タブ1: 基本情報
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「下書きを保存」→ コースを作成(公開 = False)
- 追加 を含めて詳細を開くかファイルをダウンロードします。: 「コースを公開」→ コースを作成(公開 = True)
手元のタスクが緊急かつ重要である場合があります。そしてこれらの場合、すぐに立ち往生したときにすぐに助けを求めるのは理にかなっています。しかし、助けが必要なものは即座に答える必要がないことが可能性があります。問題は、すぐに立ち往生した時点で、タスクがどれほど重要であるかに関係なく、一人で助けたいという自然な衝動があることです。 Magic Add、「証明書生成システムを追加する」のような新機能を説明でき、AIが必要なコンポーネントとロジックを自動的に追加します。
ステップ26: コース管理画面を作成
- 新しい画面「コース管理」を追加
- コース統計を追加:
- 総登録数
- 完了率
- 平均クイズスコア
- 学生評価
- 追加 カスタムリスト レッスンの
- ドラッグして並べ替え機能(利用可能な場合)
- 各レッスンの編集/削除ボタン
- を含めて詳細を開くかファイルをダウンロードします。: 「新しいレッスンを追加」
- 追加 カスタムリスト 登録済み学生の:
- 学生名、登録日、進捗
- アクションボタンを追加:
- を含めて詳細を開くかファイルをダウンロードします。: 「コース詳細を編集」
- を含めて詳細を開くかファイルをダウンロードします。: 「クイズを追加」
- を含めて詳細を開くかファイルをダウンロードします。: 「コースの公開を取り消す」
ステップ27:レッスン作成画面を構築
- 新しい画面「レッスンを追加」を追加
- 追加 フォーム レッスンに接続:
- レッスンタイトル(テキスト入力)
- レッスンの説明(テキストエリア)
- ビデオURL(テキスト入力)- YouTube/Vimeoをサポート
- ビデオサムネイル(画像ピッカー)
- レッスン順序(数値入力)
- 期間(分単位の数値入力)
- トランスクリプト(テキストエリア)
- リソース(テキストエリア - マークダウンまたはリンク)
- 親コースとの関係を追加
- を含めて詳細を開くかファイルをダウンロードします。:「レッスンを保存」→ レッスンを作成 → 戻る
進捗追跡とゲーミフィケーションの実装
ステップ28:自動進捗追跡をセットアップ
- レッスンプレイヤー画面に追加 カウントダウンタイマー:
- 期間:ビデオ長の95%
- タイマー完了時 → 進捗記録を作成/更新:
- ユーザー = ログインユーザー
- レッスン = 現在のレッスン
- 完了 = True
- 完了日 = 現在
- 「完了とマーク」ボタンクリック時:
- 同じ値で進捗記録を作成/更新
- コース内のすべてのレッスンが完了したかどうかを確認
- はい → コース完了バッジを授与
- ユーザーの学習ストリークを更新:
- 最後の学習活動日を確認
- 本日または昨日の場合 → ストリークをインクリメント
- ギャップ> 1日の場合 → ストリークを1にリセット
ステップ29: 実績システムを作成
- マイルストーンでトリガーするカスタムアクションを作成:
- 最初のレッスン完了:「スタートガイド」バッジを授与
- 7日間ストリーク:「ウィークウォリアー」バッジを授与
- 30日間ストリーク:「マンスマスター」バッジを授与
- 最初のコース完了:「コースコンカラー」バッジを授与
- クイズ完璧スコア:「クイズマスター」バッジを授与
- 各達成作成:
- 達成記録を作成
- ログイン中のユーザーにリンク
- ユーザーの合計ポイントにポイントを追加
- ユーザーを祝う プッシュ通知を送信
ステップ30:達成画面を構築
- 新しい画面「達成」を追加
- ユーザー統計ヘッダーを追加:
- テキスト 「[ユーザー > 総ポイント] ポイント」
- テキスト「レベル [計算されたレベル]」
- プログレスバー次のレベルへの進捗
- 追加 カスタムリスト 個の実績:
- フィルター:ログインユーザー > 実績
- 並べ替え:獲得日時(新しい順)
- バッジアイコン、名前、説明、日付を表示
- 「ロックされた実績」セクションを追加:
- 未獲得の実績をグレースケールで表示
- ロック解除の要件を表示
ステップ31:リーダーボード画面を作成
- 新しい画面「リーダーボード」を追加
- 期間セレクターを追加:
- ボタン「今週」、「今月」、「すべての期間」
- 追加 カスタムリスト ユーザーの:
- 並べ替え:総ポイント(高い順)
- 上位50~100件に限定
- ランク番号、プロフィール写真、名前、ポイントを表示
- ログインユーザーの行をハイライト
- ユーザーの現在のランクを表示:
- テキスト「あなたのランク:[順位]」
学習方法 ゲーミフィケーションがエンゲージメントを向上させる 教育アプリにおいて。
ユーザーエクスペリエンスの設計
ステップ32:レスポンシブデザインを実装
- 各画面について、モバイルおよびタブレットビューを確認:
- 「 プレビュー アイコン
- 異なる画面サイズでテスト
- レイアウトを調整:
- 使用 レスポンシブ幅 設定
- モバイルで要素を垂直にスタック
- カードリストに横スクロールを使用
- タッチターゲットを確保:
- ボタンの最小サイズ44×44px
- クリック可能な要素間に十分なスペースを確保
- 画像を最適化:
- アップロード前に圧縮
- 適切な寸法を使用
- 読み込み状態を考慮
スマートフォンとタブレット経由でコンテンツにアクセスするラーナーの数が増加している中、モバイル対応デザインは非常に重要です。ユーザーから「PowerPointと同じくらい簡単」と評価されているAdaloのビジュアルビルダーにより、レスポンシブデザインの調整が簡単になります。
ステップ33:読み込み状態と空の状態を追加
- 各リストコンポーネント:
- 追加 テキスト「読み込み中...」(データ取得中に表示)
- 空の状態メッセージを追加:「まだコースがありません。当社のカタログを参照して始めましょう!」
- ビデオコンポーネント:
- 読み込みスピナーを追加
- ビデオが失敗した場合はエラーメッセージを追加
- フォーム送信:
- 処理中は送信ボタンを無効化
- 成功/エラーメッセージを表示
ステップ34:検索機能を設定
- コースを閲覧画面:
- 検索バー コースコレクションをフィルタリング
- 検索対象:コースタイトル、コースの説明、インストラクター名
- リアルタイムで結果リストを更新
- 検索履歴を追加(オプション):
- 最近の検索を保存
- クイック選択チップとして表示
- 検索と連動するフィルターを追加:
- カテゴリ + 検索
- 価格帯 + 検索
ステップ35:ブックマーク機能を実装
- レッスン画面にブックマークアイコンを追加
- クリック時:
- 進捗レコードを更新
- ブックマーク済み = オン/オフ(切り替え)
- 「ブックマーク済みレッスン」画面を作成:
- カスタムリスト 進捗レコード
- フィルター:ユーザー = ログインユーザー かつ ブックマーク済み = True
- レッスンのサムネイル、タイトル、コース名を表示
外部サービスの統合
ステップ36:ビデオホスティングをセットアップ
- ビデオホスティングサービスを選択:
- YouTube:無料、無制限ストレージ、優れた埋め込み機能
- Vimeo:確認 現在のVimeo料金;ストレージとプライバシーニーズを満たすティアを選択
- 自己ホスト:高コスト、完全なコントロール
- 選択したプラットフォームにコースビデオをアップロード
- 埋め込みURLまたはビデオIDを取得
- レッスン > ビデオURLフィールドに保存
- Adaloのビデオコンポーネントで再生をテスト
Adaloの Zapier統合機能 をシームレスなビデオ管理ワークフローに検討
ステップ37:支払い処理を統合(オプション)
- マーケットプレイスからStripeコンポーネントをインストール Adaloマーケットプレイス:
- マーケットプレイスに移動
- 「Stripe」を検索
- 「インストール」をクリック
- Stripe APIキーを取得:
- Stripeアカウントを作成
- 開発者 > APIキーに移動
- 公開可能キーと秘密キーをコピー
- コンポーネントでStripeを設定:
- Stripe決済/Connectコンポーネントを追加して「Stripeに接続」をクリックして認可し、次にコンポーネント内で商品/価格詳細を設定
- 支払い画面を追加:
- Stripe Payment コンポーネント
- 金額:現在のコース > 価格
- 支払い成功時:
- 登録レコードを作成
- コースコンテンツに移動
ステップ38: メール通知の設定
- 使用 カスタムアクション (またはZapier/Make)を使用してプロバイダー経由でメールを送信します(例: SendGrid)。ネイティブサーバー側のメールアクションはありません。
- 高度なメール機能の場合、SendGridを統合します:
- SendGridアカウントを作成します(60日間の無料トライアル、1日100メール。その後は有料プランが必要)。その後、有料プラン(Essentialsは月$19.95から)を選択します
- 使用 Zapier統合:
- トリガー: 新規ユーザー作成
- アクション: SendGridメールを送信
- ブランディング付きメールテンプレートを作成
- すべてのメールフローをテスト
ステップ39: 分析追跡の追加
- 分析:
- Adaloの組み込みMixpanel統合を使用します(AdaloにMixpanelトークンを貼り付けます)。GA4が必要な場合は、外部ツール(例: Zapier/Pipedream)またはPWAのカスタムスクリプトで接続します
- 主要なイベントを追跡します:
- コース登録
- レッスン完了
- クイズ送信
- ユーザー登録
- 以下のカスタムダッシュボードを作成します:
- ユーザーエンゲージメント指標
- 人気のコース
- 完了率
- 売上(該当する場合)
ステップ40: プッシュ通知の実装
- 通知権限をリクエスト:
- アプリの初回起動時にアクションを追加
- 「通知許可をリクエスト」
- 通知トリガーを設定:
- 毎日の学習リマインダー: 「ストリークを継続しましょう!」
- 新しいコースのレコメンデーション: 「[興味]の新しいコース」
- 達成バッジを獲得: 「[バッジ名]を獲得しました!」
- インストラクター更新: 「[コース]に新しいレッスンが追加されました」
- 設定 > 通知で構成します:
- 通知証明書を追加(iOS)
- Firebaseを構成(Android)
学習プラットフォームのテスト
ステップ41: テストデータを作成
- テストユーザーを追加:
- 5~10の学生アカウント
- 2~3のインストラクターアカウント
- 1つの管理者アカウント
- サンプルコースを作成:
- カテゴリー全体で3~5の完全なコース
- コースあたり10~15のレッスン
- 無料と有料コースの混合
- クイズの質問を追加:
- 複数選択、真偽値の種類
- 説明を含める
- 進捗記録を生成:
- 様々な完了段階の学生をシミュレート
ステップ42:コアユーザーフローのテスト
学生フロー:
- サインアップ → 興味を選択 → コースを閲覧
- コースに登録 → レッスンを視聴 → 完了をマーク
- クイズを受ける → 結果を表示 → 次のレッスンに進む
- コースを完了 → アチーブメントを獲得 → 修了証を表示
インストラクターフロー:
- インストラクターとして登録 → プロフィールを完成
- 新しいコースを作成 → レッスンを追加 → クイズを追加
- コースを公開 → 登録統計を表示
- コースコンテンツを編集 → 学生を管理
ステップ43:デバイス間でのテスト
- Adalo Previewアプリを使用:
- マーケットプレイスから を使用して、アプリストアに提出する前に、内部テスターまたは外部テスターに配布します。 (iOS)またはを使用 Google Play内部/クローズドテスト (Android)でAdaloアプリを実際のデバイスでテスト
- エディターからQRコードをスキャン
- すべての画面とインタラクションをテスト
- 異なる画面サイズでテスト:
- モバイル(375px、414px)
- タブレット(768px、1024px)
- デスクトップ(1280px以上)
- パフォーマンスを確認:
- ビデオの読み込み時間
- リスト スクロール スムーズさ
- フォーム送信の応答性
2025年後半のAdalo 3.0インフラストラクチャーの大規模改編に伴い、アプリのパフォーマンスは以前より向上しました。 3~4倍高速 より前。使用 X-Ray ユーザーに影響を与える前にパフォーマンスの問題を特定する。
ステップ44:ユーザー承認テストを実施
- 5~10人のベータテスターを募集:
- 学生とインストラクターの混合
- 異なる技術スキルレベル
- テストシナリオを提供:
- 「コースに登録して最初のレッスンを完了する」
- 「3つのレッスンを含む新しいコースを作成する」
- 「クイズを受けて結果を確認する」
- フィードバックを収集:
- フィードバックフォームを使用
- バグと混乱点をメモ
- 機能リクエストを収集
- フィードバックに基づいて反復:
- 重大なバグを修正
- 不明確なナビゲーションを改善
- 読み込みが遅い画面を最適化
学習プラットフォームの公開
ステップ45:ローンチの準備
- すべてのコンテンツを完成:
- プライバシーポリシーを追加(アプリストアで必須)
- 利用規約を追加
- 約/ヘルプページを作成
- 本番環境の統合を設定:
- 本番環境Stripeキー(テストモードではない)
- 本番Google Maps APIキー
- 本番SendGridアカウント
- データベースを最適化:
- すべてのリレーションシップを確認
- テストデータを削除
- 適切なインデックスを設定
ステップ46: プログレッシブウェブアプリとして公開
- に移動 公開 設定で
- 「ウェブに公開」をクリック
- サブドメインを選択:
- yourapp.adalo.com (有料プランが必要です — Starter以上)
- または、カスタムドメインを接続 (Starterプランが必要です。 現在の価格)
- カスタムドメインを購入:
- コスト: $10-45/年
- DNS設定経由で接続
- PWA機能を有効化:
- インストールプロンプト
- 基本的なPWA機能はサポートされていますが、オフライン動作は制限されており、ユースケースに対してテストを行う必要があります
- ホーム画面アイコン
詳細について学習 ウェブアプリの公開 Adaloを使用して実行できます。
ステップ47: Apple App Storeに公開
- 要件:
- Apple Developerアカウント (年間99ドル)
- Adalo Starterプラン以上 (現在のプラン、クォータ、公開オプションについてはAdaloの料金ページを参照)
- アプリアイコン(1024×1024ピクセル)
- App Storeのスクリーンショット(5~8枚の画像)
- スクリーンショット (様々なサイズ)
- アプリの説明とキーワード
- Adaloの場合:
- [公開] > [iOS]に移動
- 「App Storeに公開」をクリック
- アプリ情報を入力
- アセットをアップロードする
- レビュー用に送信:
- Appleは、平均して提出の90%が24時間以内にレビューされると記載しています 24時間以内にレビューされています ただし、タイミングはアプリによって異なります (例: 不完全な提出はレビューを遅延させる可能性があります)レビューステータスを監視
- iOSアプリをアプリストアに公開するためのガイドを確認
を確認してください iOSアプリの公開 アプリストアへ。
ステップ48: Google Play Storeに公開
- 要件:
- Google Play デベロッパーアカウント ($25 一回限りの手数料)
- Adalo Starter プラン以上
- アプリアイコン(1024×1024ピクセル)
- フィーチャーグラフィック (1024x500px)
- スクリーンショット (電話とタブレット)
- アプリの説明
- Adaloの場合:
- [公開] > [Android]に移動
- [Play Storeに公開]をクリック
- アプリの詳細を入力
- アセットをアップロードする
- レビュー用に送信:
- Googleはレビューが最大7日以上かかる可能性があると記載しています (特に新しい開発者または複雑な提出の場合)
Androidアプリを成功させて公開する方法についてお読みください Androidアプリの公開 成功させる。
コストと継続的なメンテナンスの理解
ステップ49: 総所有コストを計算
初年度コスト (推定$500-$1,500):
| アイテム | コスト |
|---|---|
| 年 | ウェブとネイティブモバイルで無制限の使用が可能で、月額$36から開始 |
| ドメイン名 | $10-15/年 |
| Apple Developer Account | 年間99ドル |
| Google Play Developer Account | 1回限り25ドル |
| ビデオホスティング (YouTube) | 無料 |
| ビデオホスティング(Vimeo) | 確認 現在の価格 |
コンテンツ制作時間: 可変—包括的なコースあたり10~20時間と推定。収益化してコスト相殺が可能。
これは従来のカスタムアプリ開発と比べて圧倒的に低い。従来開発は範囲とチーム単価によって数万ドルから数十万ドルかかることが多い。Bubbleのウェブおよびモバイルラッパー提供(月額69ドル~の使用量ベース課金とレコード制限付き)と異なり、Adaloの 月額36ドル~の開始価格には無制限の使用法と有料プランのデータ上限なしが含まれている.
ステップ50:スケーリングと成長の計画
- Adaloプランをアップグレードするタイミング:
- 無料 → スターター:カスタムドメインで公開する準備ができたとき
- スターター → プロフェッショナル:より多くの容量が必要な場合(例:公開アプリが1つ以上、エディターが増加、または追加機能)—スターターはすでにネイティブ公開を含む
- プロフェッショナル → チーム:複数のアプリまたはエディターが必要な場合
- チーム → ビジネス:以下が必要な場合 無制限のアプリエディター さらに 最大10個の公開アプリ
- データベーススケーリングの考慮事項:
- パフォーマンス監視:
- ページロード時間を追跡
- ビデオバッファリングの問題を監視
- ユーザー完了率をレビュー
- Adaloは高いアップタイムを維持
- コンテンツ拡張戦略:
- 3~5コース(MVP)でローンチ
- 需要に基づいて月1~2コースを追加
- トピックリクエストについてユーザーをサーベイ
- 主題専門家とパートナーシップ
Adaloが学習プラットフォームに適切な選択肢である理由
Khan Academyのような教育プラットフォームの構築は従来、開発に何ヶ月もかかり、6桁の予算が必要でした。Adaloはこの方程式を完全に変え、学習経験を作成したい教育者、起業家、および組織にとって理想的な選択肢となります。
妥協のない迅速な開発: Adaloのビジュアルビルダーを使用すると、一部の実践者によると2~5週間で機能的な学習プラットフォームを構築できます。ドラッグアンドドロップインターフェースにより、構文やデバッグではなく教育学とコンテンツに集中できます。しかし、品質を犠牲にしていません—Adaloアプリにはネイティブモバイル機能、レスポンシブウェブデザイン、およびプロフェッショナルな仕上がりが含まれています。
あらゆる予算に対応したコスト効率: 初年度の総コストは、購読、ホスティング、アプリストア手数料を含めて、わずか500~1,500ドルです。スコープによって大きく異なる従来の開発と比較してください。単独の教育者がアイデアを検証する場合でも、機関が補助的な学習ツールを構築する場合でも、Adaloの価格設定は無料層からエンタープライズまで必要に応じてスケーリングします。
教育向けに特別に設計された機能: Adaloの組み込み リレーショナルデータベース は、複雑な教育データ構造—学生、コース、レッスン、進捗追跡、クイズ、および成績—をデータベース管理の専門知識を必要とせずに処理します。 コンポーネントマーケットプレイス は、魅力的な学習経験に欠かせないビデオプレーヤー、評価システム、およびインタラクティブ要素を提供します。
真のマルチプラットフォーム公開: ウェブに限定されたテンプレートビルダーと異なり、Adaloは iOSに公開, Androidおよび ウェブ を単一ビルドから実現できます。これが重要である理由は、モバイルレスポンシブアプリが学習者がどこにいてもコンテンツにアクセスできるようにするからです。1つのビルドで3つのプラットフォームすべてを同時に更新します—競合他社のモバイルソリューションはウェブラッパーであり、個別のメンテナンスが必要です。
成長のための統合エコシステム: プラットフォームが成長するにつれ、Adaloの Stripe 決済用の統合、 Zapier オートメーション用の統合、および Xano 高度なバックエンド用の統合により、リビルドすることなく高度な機能を追加できます。シンプルに始めて、戦略的にスケーリングします。
実績のある実績: 300万以上のアプリがAdaloで構築されています。プラットフォームは高いアップタイムを維持し、学生が学習教材に確実にアクセスできるようにしています。
Adaloを他のアプリ構築ソリューションより選ぶ理由は何ですか?
Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。Webラッパーと異なり、ネイティブコードにコンパイルされ、Apple App StoreおよびGoogle Play Storeに直接公開されます。有料プランで無制限のデータベースレコードがあり、使用量ベースの料金がないため、予測可能な価格設定で請求ショックを回避できます——アプリの起動で最も難しい部分が自動的に処理されます。
Adaloは、真のネイティブ iOS および Android アプリを作成する AI 駆動型アプリ ビルダーです。Webラッパーとは異なり、ネイティブコードにコンパイルされ、単一のコードベースからApple App StoreおよびGoogle Play Storeに直接公開されます。アプリの起動の最も難しい部分は自動的に処理されます。
AdaloのドラッグアンドドロップインターフェイスとAIアシスト構築により、数ヶ月ではなく数日でアイデアから公開アプリまでたどり着くことができます。Magic Startはシンプルな説明から完全なアプリ基盤を生成し、プラットフォームは複雑なApp Store送信プロセスを処理するため、証明書とプロビジョニングプロファイルではなく、機能とユーザーエクスペリエンスに集中できます。
AdaloのドラッグアンドドロップインターフェイスとAI支援の構築により、数ヶ月ではなく数日でアイデアから公開されたアプリまで進めることができます。Magic Startは説明から完全なアプリ基盤を生成し、Adaloは複雑なApp Store提出プロセスを処理するため、あなたは機能とユーザーエクスペリエンスに焦点を当てることができます。
コーディングなしでKhan Academyのような教育プラットフォームを構築できますか?
はい。Adaloを使用すると、コーディングなしでビジュアルインターフェースと事前構築されたコンポーネントを使用して、コース管理システム、学生の進捗追跡、ビデオレッスンプレーヤー、クイズ、およびゲーミフィケーション機能を作成できます。
学生の進捗を追跡し、ゲーミフィケーションを実装するにはどうすればよいですか?
Adaloの組み込みリレーショナルデータベースにより、コース、レッスン、クイズを通じて学生の進捗を簡単に追跡できます。バッジ、学習ストリーク、ポイント、リーダーボードを備えた達成システムを作成でき、すべてビジュアルインターフェースで設定できます。
Adaloで教育プラットフォームを構築する場合、どのような費用がかかりますか?
初年度の費用は通常$500~$1,500の範囲で、Adaloのサブスクリプション(月額$36から)、ドメイン名(年額$10~15)、Apple Developer アカウント(年額$99)、Google Play Developer アカウント(一回限り$25)が含まれます。これは従来のカスタム開発よりも大幅に低くなっています。
ビデオホスティングと決済処理を統合できますか?
はい。Adaloは、YouTube、Vimeo、または組み込みビデオコンポーネントを使用した自己ホスト型MP4ファイルを通じてビデオ統合をサポートしています。決済については、Adaloのマーケットプレイスを通じてStripeを統合して、アプリ内でプレミアムコースの決済を受け付けられます。
Adaloは大規模な学生基盤へのスケーリングにどのように対応していますか?
Adaloのモジュール式インフラストラクチャは、毎月数百万のアクティブユーザーを持つアプリにスケーリング可能で、上限はありません。有料プランではデータベースのレコード制限上限がなく、Adalo 3.0インフラストラクチャの大幅改良(2025年後期)により、アプリは以前より3~4倍高速化されました。
1つのアプリで学生と講師の両方のインターフェースを処理するにはどうすればよいですか?
Adaloのデータベース構造は複数のユーザータイプをサポートしており、同じアプリ内で学生と講師の異なるエクスペリエンスを実現できます。学生はコースを閲覧して進捗を追跡し、講師はコースを作成したり、クイズを管理したり、分析を表示したりするダッシュボードを使用できます。
Adalo と Bubble のどちらがより手頃ですか?
Adaloのウェブおよびネイティブモバイルビルダーは月額$36から利用でき、無制限の使用が可能で、有料プランではレコード制限がありません。Bubbleのウェブおよびモバイルラッパーオファリングは月額$69から利用でき、使用量ベースの料金(Workload Units)とレコード制限があり、予期しない費用が生じる可能性があります。
Adaloでビルディングするにはコーディング経験が必要ですか?
コーディング経験は不要です。Adaloのビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されています。Magic StartとMagic Addは、AIを使用して自然言語の説明からアプリの基礎を生成し、機能を追加します。