ステップバイステップガイド：Adaloで構築するCourseraクローン

オンライン学習プラットフォーム構築にAdaloが適している理由

Adaloは、データベース駆動型のWebアプリおよびネイティブiOSおよびAndroidアプリ向けのノーコードアプリビルダーです。3つのプラットフォーム全体で1つのバージョンで、Apple App StoreおよびGoogle Playに公開されます。これにより、複数のコードベースの管理や複数の開発チームの雇用の複雑さなく、デスクトップ、iPhone、またはAndroidのいずれかで学生に到達するCourseraスタイルの学習プラットフォームを作成するための完璧な基盤になります。

オンラインコースプラットフォームの場合、アプリストアでの存在は単なる「あると良い」ものではなく、必須です。学生は学習アプリをデバイスのネイティブストアから直接ダウンロードし、新しいレッスンや予定されている期限について プッシュ通知を受け取り、デバイス全体でコンテンツにシームレスにアクセスすることを期待しています。Adaloを使用すれば、従来のアプローチのほんの一部の開発コストを維持しながら、これらすべてを提供でき、CourseraやUdemyなどの確立されたプラットフォームと競争するためのツールが提供されます。

オンライン教育市場は2026年に1,850億ドルに達し、ユーザー採用が予測されています 20億2,800万人の学習者 2028年までに達します。従来の学習プラットフォーム開発には以下の費用がかかります $10,000-$100,000 完全なシステムの場合—ほとんどの教育者と起業家がサイドラインに留まることを妨げる障壁です。

AI搭載アプリビルダーであるAdaloは、この方程式を完全に変えます。ビジュアルインターフェースとAI支援ビルディングツールを使用して、コースカタログ、ビデオレッスン、進捗追跡、支払い処理、認定を備えた専門的なCourseraスタイルの学習プラットフォームを作成し、単一のコードベースからWeb、iOS App Store、およびGoogle Play Storeに公開できます。このガイドでは、コードを1行も書かずにオンライン学習プラットフォームを構築する際の各ステップについて説明します。

オンライン学習プラットフォーム構築にAdaloが適している理由

Adaloは、データベース駆動型のWebアプリおよび真正なネイティブiOSおよびAndroidアプリを作成します。3つのプラットフォーム全体で1つのバージョンで、Apple App StoreおよびGoogle Playに直接公開されます。これにより、複数のコードベースを管理したり複数の開発チームを雇用したりせずに、デスクトップ、iPhone、またはAndroidデバイスのいずれかで学生に到達するCourseraスタイルの学習プラットフォーム構築に最適です。

オンラインコースプラットフォームの場合、アプリストアでの存在は必須です。学生は学習アプリをデバイスのネイティブストアから直接ダウンロードし、新しいレッスンや予定されている期限についてプッシュ通知を受け取り、通勤中にオフラインでコンテンツにアクセスすることを期待しています。Adaloを使用すれば、従来のアプローチのほんの一部の開発コストを維持しながらこれらすべてを提供でき、CourseraやUdemyなどの確立されたプラットフォームと競争できます。

プラットフォームの これが優先順位の理解が重要である理由です。緊急かつ重要の両方ではないタスクに立ち往生している場合、全体的なプロジェクトを前進させるために他に何ができるかを自問してください。立ち往生しているものと同等の重要性がある場合、他の誰かが自分たちを助けるために自由になるのを待つ間に、それで働き始める必要があります。 は、コースカタログ、学生の登録、進捗データが恣意的な制限に引っかかることなく成長できることを意味します。月間アクティブユーザーが数百万のアプリにサービスを提供するようにスケーリングするモジュール型インフラストラクチャと組み合わせることで、初日から成長するように設計された基盤上に構築しています。

前提条件と初期設定

ステップ1：Adaloアカウントを作成してプランを選択する

1. に移動してください Adalo.com アカウントにサインアップしてください
2. 「新しいアプリを作成」をクリック
3. 「モバイルアプリ」を選択してください（クロスプラットフォーム展開を有効にします）
4. アプリの名前を付けてください（例：「LearnPro」または「SkillHub」）
5. 最大限の制御を得るために「最初から開始」を選択してください

プラン推奨事項： コースプラットフォームの場合、 プロフェッショナルプラン （月額$52～$36）は以下を提供します：

• 2つの公開アプリ（WebおよびモバイルApplication）
• カスタムドメインサポート
• コース資料用の25GBストレージ
• ジオロケーション機能
• カスタム統合
• 無制限のデータベースレコード—コース、学生、進捗データに制限なし
• 無制限の使用—予期しない料金から請求ショックなし

無料プランでは、200～500レコードの無制限テストアプリが可能です。起動前のプロトタイピングに最適です。

ステップ 2：アプリテーマを構成する

1. 信頼と学習を伝える原色を選択してください（例：青、紫）
2. CTA用の補色を選択してください
3. 読みやすいフォントを選択してください（デジタル学習にはサンセリフを推奨）
4. 「続行」をクリックしてエディターに入ります

デザインのヒント： 開発プロセスをほぼ簡単にします。プレーンな言語でアプリのアイデアを説明するだけです。例えば、「犬のグルーミング事業向けの予約アプリ」です。AIは、データベース構造、画面、ユーザーフローを含む動作中の基礎を生成します。すべて自動的にセットアップされます。 デバイス全体でのレスポンシブデザイン は、単一のビルドからプラットフォームがWeb、iOS、およびAndroidで専門的に見えるようにします。ビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されており、専門的なデザインが非デザイナーにもアクセスできるようになります。

コース、学生、進捗追跡用のデータベース構造の構築

ステップ3：ユーザーコレクションを拡張する

1. 「追加またはインポート」をクリックします データベース 左サイドバーのアイコン
2. 「ユーザー」コレクション（自動作成）を選択してください
3. 「+プロパティを追加」をクリックしてこれらのプロパティを追加します：
   • 姓名 （テキスト）
   • プロフィール写真 （画像）
   • ユーザーロール （テキスト）- 値：「学生」、「インストラクター」、「管理者」
   • プロフィール （テキスト - 複数行）
   • 専門知識 （テキスト-インストラクター向け）
   • 平均評価 （数値）
   • 総レビュー （数値）
   • 参加日 （日付と時刻-自動）
   • 最終ログイン （日時）

ステップ4：コースコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「コース」という名前を付けてください
3. これらのプロパティを追加：
   • コースタイトル （テキスト）
   • 短い説明 （テキスト - 複数行）
   • 完全な説明 （テキスト - 複数行）
   • コース画像 （画像）
   • 探索 （テキスト）-値：「ビジネス」、「テクノロジー」、「デザイン」、「マーケティング」など
   • 難度レベル （テキスト）-値：「初級」、「中級」、「上級」
   • 価格 （数値）
   • 価格タイプ （テキスト）-値：「無料」、「一回限り」、「サブスクリプション」
   • 時間単位の期間 （数値）
   • 総レッスン数 （数値）
   • 言語 （テキスト）
   • 学習内容 （テキスト - 複数行）
   • 必要条件 （テキスト - 複数行）
   • ステータス （テキスト）-値：「ドラフト」、「公開済み」、「アーカイブ済み」
   • 作成日 （日付と時刻-自動）
   • 最終更新日時 （日時）
   • 平均評価 （数値）
   • 総登録数 （数値）

ステップ5:セクションコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「セクション」と名付けます
3. プロパティを追加：
   • セクションタイトル （テキスト）
   • セクション番号 （数値）
   • 説明 （テキスト - 複数行）
   • 所要時間（分） （数値）

ステップ6：レッスンコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「レッスン」という名前を付けます
3. プロパティを追加：
   • レッスンタイトル （テキスト）
   • レッスン番号 （数値）
   • 動画URL (テキスト) - YouTube/Vimeoリンク用
   • ビデオ長 （数値）- 分単位
   • レッスン内容 (テキスト - 複数行) - サポートテキスト
   • リソース (テキスト - 複数行) - ダウンロード可能なリンク
   • 無料プレビューです （真偽値）
   • レッスンタイプ (テキスト) - 値:「ビデオ」「記事」「クイズ」「課題」

ステップ7:登録コレクションを作成する

1. 「 「+ コレクションを追加」
2. 「登録」と名付けます
3. プロパティを追加：
   • 登録日 （日付と時刻-自動）
   • 完了率 （数値）
   • 最後にアクセス （日時）
   • ステータス (テキスト) - 値:「進行中」「完了」「期限切れ」
   • 修了証発行 （真偽値）
   • 修了証日 （日時）

ステップ8:レッスン進度コレクションを作成する

1. 「 「+ コレクションを追加」
2. 「レッスン進度」と名付けます
3. プロパティを追加：
   • 完了 （真偽値）
   • 完了日 （日時）
   • 視聴時間(分) （数値）
   • 最後の位置 (数字) - ビデオタイムスタンプ

ステップ9: レビューコレクションを作成

1. 「 「+ コレクションを追加」
2. 「レビュー」と名付ける
3. プロパティを追加：
   • 評価 数字 - 1～5
   • レビューテキスト （テキスト - 複数行）
   • 作成日 （日付と時刻-自動）
   • 役立つ数 （数値）

ステップ 10: 支払いコレクションを作成する

1. 「 「+ コレクションを追加」
2. 「Payments」と名前を付ける
3. プロパティを追加：
   • 支払いID （テキスト - 自動生成）
   • 金額 （数値）
   • 支払い方法 （テキスト）
   • Stripe支払いID （テキスト）
   • ステータス (テキスト) - 値: 「保留中」、「完了」、「失敗」、「払い戻し」
   • 支払い日 （日付と時刻-自動）

ステップ 11: データベースリレーションシップを設定する

このステップは機能的な学習管理システムにとって重要です:

コースコレクション内:

• ユーザーへのリレーションシップを追加:「インストラクター」(ユーザーはインストラクターとして多くのコースを持つことができます)
• セクションへのリレーションシップを追加:1対多(コースは多くのセクションを持ちます)
• レビューへのリレーションシップを追加：1対多

セクションコレクションで:

• コースへの関係を追加：多対一
• レッスンへのリレーションシップを追加:1対多(セクションは多くのレッスンを持ちます)

レッスンコレクション内:

• セクションへのリレーションシップを追加:多対1

登録コレクションで:

• ユーザーへのリレーションシップを追加:「学生」(ユーザーは多くの登録を持つことができます)
• コースへの関係を追加：多対一
• 支払いへの関係を追加: 1対1

レッスン進度コレクションで:

• 登録へのリレーションシップを追加:多対1
• レッスンへの関係を追加: 多対1

レビューコレクション内:

• ユーザーへのリレーションシップを追加：「レビュアー」（多対1）
• コースへの関係を追加：多対一

データベースベストプラクティス: この フラットなリレーショナル構造 ネストされたリストがパフォーマンスの問題を引き起こす可能性を回避しながら、データを整理された状態に保ちます。適切な関係設定により、Adaloアプリは月間100万人以上のアクティブユーザーまでスケーリングできます。

ユーザー認証とロールベースアクセスの作成

ステップ12: ウェルカムスクリーンを構築

1. デフォルトスクリーンを「ウェルカム」に名前変更
2. アプリロゴの 画像 プラットフォームロゴ用のコンポーネント
3. 追加 テキスト: 「世界最高の講師から学ぶ」
4. 追加 テキスト: 「世界中の数百万人の学習者に参加する」
5. 2つを追加 ボタン:
   • 「サインアップ」→新しいスクリーン「Sign Up」にリンク
   • 「ログイン」→ 新しい画面「ログイン」へのリンク

ステップ13: サインアップ画面を作成

1. 新しい画面「サインアップ」を追加
2. 追加 フォーム ユーザーコレクションに接続されたコンポーネント:
   • メール(入力タイプ: メール)
   • パスワード(入力タイプ: パスワード)
   • フルネーム（テキスト入力）
   • プロフィール写真(画像ピッカー - オプション)
3. 追加 ドロップダウン ユーザーロール用:
   • ラベル: 「私は...したい」
   • オプション: 「学ぶ(学生)」、「教える(講師)」
   • これはユーザーロールプロパティを設定します
4. フォーム送信時に条件付きアクションを追加:
   • ユーザーロール = 「講師」の場合 → 「講師セットアップ」画面へリンク
   • ユーザーロール = 「学生」の場合 → 「学生ダッシュボード」画面へリンク

ステップ14: ログイン画面を作成

1. 新しいスクリーン「ログイン」を追加
2. 追加 ログインフォーム コンポーネント(組み込み):
   • メールフィールド
   • パスワードフィールド
3. 「パスワードをお忘れですか？」リンクを追加
4. ログイン後の条件付きナビゲーションを追加:
   • ユーザーロール = 「学生」の場合 → 「学生ダッシュボード」
   • ユーザーロール = 「講師」の場合 → 「講師ダッシュボード」
   • ユーザーロール = 「管理者」の場合 → 「管理者ダッシュボード」

ステップ15: 講師セットアップ画面を構築

1. 新しい画面「講師セットアップ」を追加
2. 追加 フォーム ログインしているユーザーを更新:
   • 略歴(複数行テキストエリア)
   • 専門知識(テキスト入力、例: 「データサイエンス」、「ビジネス戦略」)
   • プロフィール写真(画像ピッカー)
3. 追加 テキスト: 「学生に教育経験について説明してください」
4. 送信ボタン → 「講師ダッシュボード」へリンク

認証のヒント: Adaloの組み込みユーザーシステムは、パスワード暗号化、セッション管理、ログイン済みユーザーの追跡を自動的に処理します。

学生インターフェースの構築

ステップ16: 学生ダッシュボード画面を作成

1. 新しい画面「学生ダッシュボード」を追加
2. トップナビゲーションバーを追加：
   • プラットフォームロゴ
   • 検索アイコン
   • プロフィールアイコン → 「マイプロフィール」へリンク
3. 追加 ヒーローセクション:
   • ウェルカムテキスト: 「おかえりなさい、[ログイン済みユーザー > フルネーム]」
   • を含めて詳細を開くかファイルをダウンロードします。: 「コースを閲覧」 → 「コースカタログ」へリンク
4. 「学習を続ける」セクションを追加:
   • リスト ステータス = 「アクティブ」の登録の
   • フィルター: 学生 = ログイン済みユーザー
   • 並べ替え: 最終アクセス日時(最新順)
   • 各項目に表示:
     • コース画像
     • コースタイトル
     • プログレスバー(完了率)
     • 「続ける」ボタン → 「コースプレイヤー」へリンク
5. 「あなたへのおすすめ」セクションを追加:
   • リスト コースの数
   • 学生の登録済みコースに一致するカテゴリでフィルタリング
   • 水平スクロールで3～4コースを表示

ステップ17：コースカタログ画面を構築する

1. 新しい画面「コースカタログ」を追加
2. 追加 検索バー コンポーネント:
   • プレースホルダー：「コースを検索...」
   • コースコレクションで検索
   • 検索フィールド：コースタイトル、説明、カテゴリ
3. 追加 カテゴリフィルター セクション:
   • カテゴリボタンの水平リスト
   • 「すべて」、「ビジネス」、「テクノロジー」、「デザイン」など
   • クリックして下のリストをフィルタリング
4. 追加 ドロップダウン フィルター：
   • 難度レベル
   • 価格帯（無料、有料、すべて）
   • 言語
5. 追加 リスト コースの数：
   • 選択したカテゴリと検索に基づいてフィルタリング
   • ソートオプション：「最も人気」、「最新」、「最高評価」
   • 各コースに表示：
     • コース画像
     • タイトル
     • インストラクター名
     • 評価（星）と総レビュー数
     • 価格
     • 期間
     • 難易度バッジ
   • クリック → 「コース詳細」画面にリンク

パフォーマンスに関する注記： 大規模なカタログのパフォーマンスを向上させるために、コースリストの「ユーザーがスクロールしながらアイテムを読み込む」を有効にします。Adalo 3.0のインフラストラクチャ刷新により、アプリは 3～4倍高速 前のバージョンより高速になり、広範なコースライブラリでもスムーズな閲覧を実現します。

ステップ18：コース詳細画面を作成する

1. 新しい画面「コース詳細」を追加
2. コースヘッダーを追加：
   • 画像：現在のコース > コース画像
   • テキスト：コースタイトル（大きく、太字）
   • テキスト：プロフィール写真付きのインストラクター名
   • テキスト：総登録者数を表示する評価
   • テキスト：「最終更新日時 [コース > 最終更新日]」
3. 追加 タブ またはセクション：
   • 概要タブ：
     • 短い説明
     • 「学習内容」（箇条書きリスト）
     • 必要条件
     • 期間と総レッスン数
   • カリキュラムタブ：
     • リスト セクションの数
     • 各セクションについて、ネストされたものを表示 リスト レッスンの数
     • レッスン期間とタイプアイコンを表示
     • 無料プレビューレッスンには「プレビュー」ボタンがあります
   • レビュータブ：
     • 平均評価の内訳
     • リスト レビュー数（最新）
     • 星評価コンポーネント
     • レビューテキスト
     • レビュアー名と日付
4. 登録セクション（下部バー）を追加：
   • 登録していない場合:
     • テキスト: 価格または「無料」
     • を含めて詳細を開くかファイルをダウンロードします。: 「今すぐ登録」→ 支払いまたは登録へのリンク
   • すでに登録している場合:
     • を含めて詳細を開くかファイルをダウンロードします。: 「コースに進む」→ 「コースプレイヤー」へのリンク

ステップ 19: コースプレイヤー画面を構築

1. 新しい画面「コースプレイヤー」を追加
2. 左サイドバーを追加(幅 30%):
   • コース進捗インジケーター
   • リスト セクション数(展開可能)
   • ネストされた リスト 各セクション下のレッスン数
   • 完了したレッスンのチェックマークアイコン
   • 現在のレッスンがハイライト表示
3. メインコンテンツエリアを追加(幅 70%):
   • ビデオプレイヤー コンポーネントまたは ウェブビュー 埋め込みビデオ用
   • レッスンのタイトルと番号
   • テキスト: レッスンコンテンツ(サポート資料)
   • を含めて詳細を開くかファイルをダウンロードします。: 「リソース」→ ダウンロード可能なファイルを開く
   • ナビゲーションボタン:
     • 「前のレッスン」(最初でない場合)
     • 「完了としてマーク」→ レッスン進捗を更新
     • 「次のレッスン」(最後でない場合)
4. トップナビゲーションを追加:
   • ダッシュボードに戻る
   • コースタイトル
   • 進捗パーセンテージ

ビデオ統合: Adalo はビデオをホストしていないため、 YouTube または Vimeo の埋め込みを使用してください。レッスンコレクションにビデオ URL を保存し、Web ビューコンポーネントまたはカスタムビデオプレイヤーを使用して表示します コンポーネントマーケットプレイス.

ステップ 20: レッスン完了ロジックを実装

1. 「完了としてマーク」ボタンクリック時:
   • カスタムアクションを作成:
     • 現在のレッスン進捗を更新 → 完了 = True
     • 完了日を更新 = 現在
     • 登録のコース内のレッスン総数をカウント
     • 登録内の完了したレッスンをカウント
     • パーセンテージを計算: (完了数 / 総数) × 100
     • 登録を更新 → 完了パーセンテージ
2. 条件付きアクションを追加:
   • 完了パーセンテージ = 100 の場合:
     • 登録を更新 → ステータス = 「完了」
     • 登録を更新 → 証明書発行 = True
     • 登録を更新 → 証明書日 = 現在
     • 「証明書画面」に移動

コース登録の支払い処理を実装

ステップ 21: Stripe 支払いコンポーネントをインストール

1. Adalo に移動 マーケットプレイス
2. 「Stripe」を検索
3. Stripe支払いコンポーネントの「インストール」をクリック
4. Stripe APIキーを取得:
   • 以下でサインアップします Stripe.com
   • 開発用のテストキーを取得
   • 本番用のライブキーを取得

ステップ22:支払い画面を作成

1. 新しい画面「チェックアウト」を追加
2. 注文サマリーセクションを追加:
   • 画像:コース画像
   • テキスト:コースタイトル
   • テキスト:インストラクター名
   • テキスト:価格
3. 追加 Stripe支払いフォーム:
   • 現在のコース→価格に接続
   • カード番号フィールド
   • 有効期限
   • CVC
   • 請求先郵便番号
   • 今後の使用のためにカードを保存(チェックボックス)
4. 利用規約への同意を追加:
   • チェックボックス:「利用規約に同意します」
   • 利用規約ページへのリンク

ステップ23:支払い後のアクションを設定

1. Stripeコンポーネント「成功時」アクションを設定:
   • 新しい登録レコードを作成:
     • 学生=ログイン中のユーザー
     • コース=現在のコース
     • ステータス=「有効」
     • 完了率=0
   • 新しい支払いレコードを作成:
     • 学生=ログイン中のユーザー
     • コース=現在のコース
     • 金額=コース価格
     • Stripe支払いID=[Stripeから]
     • ステータス=「完了」
   • コース→総登録数を更新(+1)
   • 確認通知を送信
   • 「登録成功」画面に移動
2. 「失敗時」アクションを設定:
   • エラーメッセージを表示
   • 失敗した支払いレコードをログ

収益化オプション: 研究によると 複数の収益モデルが 学習プラットフォームで機能します。1回限りのコース販売、ライブラリアクセスのための段階的なサブスクリプション、または一括登録用の企業ライセンスです。

ステップ24:保存された支払い方法画面を作成

1. 新しい画面「支払い方法」を追加
2. 追加 リスト ログイン中のユーザーの支払いの:
   • フィルター:ステータス=「完了」
   • 使用されたカードの下4桁を表示
   • デフォルト支払い方法をマーク
3. 「新しいカードを追加」オプションを追加
4. 削除/編集機能を追加

コース管理のためのインストラクターダッシュボードの構築

ステップ25:インストラクターダッシュボード画面を作成

1. 新しい画面「インストラクターダッシュボード」を追加
2. トップナビゲーションを追加:
   • プラットフォームロゴ
   • を含めて詳細を開くかファイルをダウンロードします。:「新しいコースを作成」→「コース作成」へのリンク
   • プロフィールドロップダウン
3. 分析概要セクションを追加:
   • テキスト: 総学生数（講師のコース全体の登録者数の合計）
   • テキスト: 総収益（支払いの合計）
   • テキスト: 平均評価
   • テキスト: 総コース数
4. 「マイコース」セクションを追加:
   • リスト 講師=ログインユーザーのコース
   • 各項目に表示:
     • コース画像
     • タイトルとステータス
     • 総登録数
     • 収益
     • 平均評価
     • 「編集」ボタン → 「コースを編集」にリンク
     • 「分析を表示」→ 「コース分析」にリンク

ステップ26: コース作成画面を構築

1. 新しい画面「コース作成」を追加
2. 追加 フォーム コースコレクションに接続:
   • コースタイトル（テキスト入力 - 必須）
   • 短い説明（テキストエリア - 150文字）
   • 完全な説明（テキストエリア）
   • コース画像（画像ピッカー）
   • ドロップダウン: カテゴリ
   • ドロップダウン: 難易度レベル
   • ドロップダウン: 言語
   • 価格（数値入力）
   • ドロップダウン: 価格タイプ（無料/1回限りの購入/サブスクリプション）
   • 学習内容（箇条書き付きテキストエリア）
   • 要件（テキストエリア）
3. 送信ロジックを追加:
   • 講師=ログインユーザーを設定
   • ステータス=「下書き」を設定
   • 作成日時=現在時刻を設定
   • 「コースカリキュラムビルダー」に移動

ステップ27: カリキュラムビルダー画面を作成

1. 新しい画面「カリキュラムビルダー」を追加
2. 現在のコースの詳細を表示するコース情報ヘッダーを追加
3. 「セクションを追加」ボタンを追加:
   • 新しいセクションを作成するフォームを開く
   • セクションタイトル
   • セクション番号（自動採番）
   • 説明
   • セクションを現在のコースにリンク
4. 追加 リスト 現在のコースのセクション:
   • セクション番号でソート
   • セクションタイトルとレッスン数を表示
   • 各セクションの「レッスンを追加」ボタン
   • 「編集」と「削除」オプション
5. レッスン作成フォーム（モーダルまたは新しい画面）を追加:
   • レッスンタイトル
   • レッスン番号（セクション内で自動採番）
   • ビデオURL（YouTube/Vimeo埋め込みリンク）
   • ビデオ長（分）
   • レッスンコンテンツ（補足テキスト）
   • リソース（PDF、ダウンロードへのリンク）
   • チェックボックス: 無料プレビュー対象
   • ドロップダウン: レッスンタイプ
6. 「コースを公開」ボタンを追加:
   • 検証: 最低1つのセクションと3つのレッスンが必要
   • コースを更新 → ステータス = 「公開済み」
   • 成功メッセージを表示

コンテンツ管理のヒント: 。これであなたはフィドーの服従訓練について聞くことを忘れません。 ビデオホスティング、YouTube（非公開ビデオ）またはVimeo（ドメイン制限付きプライベートビデオ）を使用して、Adaloストレージを節約し、再生をスムーズに保ちます。

ステップ28: 学生分析画面を構築

1. 新しい画面「コース分析」を追加
2. フィルターを追加：
   • 日付範囲セレクター
   • コースセレクター（複数のコースを持つインストラクター向け）
3. メトリクスを表示:
   • テキスト: 総登録者数（可能であれば時間推移グラフ）
   • テキスト: アクティブな学生
   • テキスト: 完了率（平均完了パーセンテージ）
   • テキスト: 生成された収益
   • テキスト: 平均評価と内訳
4. 追加 リスト 登録済み学生の:
   • 学生の名前と写真
   • 登録日
   • 進捗パーセンテージ
   • 最後にアクセスした日付
   • 完了ステータス
5. 追加 リスト コースの最近のレビューの:

進捗追跡と修了証の実装

ステップ29: 進捗追跡ダッシュボードを作成

1. 学生向けの「マイ進捗」画面を追加
2. 追加 リスト ログインしているユーザーが学生である登録者の:
   • コース画像とタイトル
   • パーセンテージ付きプログレスバー
   • 学習に費やした時間
   • 「学習を続ける」ボタン
3. 達成セクションを追加:
   • 完了したコース
   • 取得した修了証
   • 総学習時間
   • 現在のストリーク

ステップ30: 修了証画面を構築

1. 新しい画面「修了証」を追加
2. 修了証テンプレートをデザイン:
   • プラットフォームロゴとブランディング
   • テキスト: 「修了証」
   • テキスト: 「これは以下を証明します」
   • テキスト: [学生名]
   • テキスト: 「が正常に完了しました」
   • テキスト: [コースタイトル]
   • テキスト: 「インストラクター: [インストラクター名]」
   • テキスト: 「修了日: [日付]」
   • 修了証ID（一意の識別子）
3. アクションボタンを追加：
   • を含めて詳細を開くかファイルをダウンロードします。: 「PDFをダウンロード」（サードパーティPDF生成APIを使用）
   • を含めて詳細を開くかファイルをダウンロードします。: 「LinkedInで共有」（LinkedInへのディープリンク）
   • を含めて詳細を開くかファイルをダウンロードします。: 「認定情報を表示」 → すべての修了証へのリンク

ステップ31: 完了トリガーを設定

1. エンロールメントでカスタム数式を作成:
   • 名前: 「完了」
   • 数式: 完了パーセンテージ >= 100
2. Is Complete = Trueのときに自動化されたアクションを追加:
   • 完了祝いの通知を送信
   • ステータスを更新 = 「完了」
   • 証明書発行 = Trueに設定
   • 証明書日付を記録
   • 証明書画面に移動
   • メール送信先: Zapier統合

ZapierおよびAPI統合による外部ツールの接続

ステップ32: Zapier自動化をセットアップ

1. Adaloを以下に接続します Zapier:
   • Adaloで統合に移動
   • Zapier統合を追加
   • APIキーを取得
2. 一般的なワークフロー用のZapを作成:
   • 新しいエンロールメント → ウェルカムメール送信
     • トリガー: 新しいエンロールメントが作成された
     • アクション: Gmail/Mailchimp経由でメール送信
     • コースアクセスの詳細を含める
   • コース完了 → 証明書メール発行
     • トリガー: エンロールメントステータス = 「完了」
     • アクション: メール経由で証明書を送信
   • 新しいレビュー → インストラクターに通知
     • トリガー: 新しいレビューが作成された
     • アクション: インストラクターに通知を送信

ステップ33: 外部データベースを接続 (オプション)

以下を予期するプラットフォームの場合 数千人のユーザー:

1. スケーラビリティも検討してください。ベーカリーが成長するにつれ、ソフトウェアも成長する必要があります。Adaloの有料プランのような無制限のデータベースストレージを備えたプラットフォームにより、顧客ベースが拡大するにつれてデータ上限に達することはありません。一部のプラットフォームは使用量またはレコードに基づいて料金を請求し、忙しい季節に予期しない費用が発生する可能性があります。 Xano 統合 スケーラブルなバックエンド向け
2. 使用 Airtable コースコンテンツ管理用
3. Adaloで外部コレクションをセットアップ:
   • データベース → 外部コレクションを追加に移動
   • XanoまたはAirtableに接続
   • フィールドをAdaloプロパティにマッピング
   • 大量データに使用 (ユーザー分析、レッスン閲覧)

とはいえ、Adaloのネイティブデータベースは現在ほとんどのスケーリングニーズに対応しています。有料プランでのレコード制限がなく、数百万MAUを持つアプリをサポートするインフラストラクチャにより、外部データベースは成長のために必須というより選択肢です。

ステップ34: マーケティングツールを統合

1. 学生CRM用にHubSpotを接続:
   • 新しいユーザーをHubSpotコンタクトに同期
   • エンロールメントファネルを追跡
   • ナーチャーメールキャンペーンを送信
2. ウェブアプリ用にGoogle Analyticsを追加:
   • カスタムヘッダーにトラッキングコードを挿入
   • ページビューとコンバージョンを追跡
3. メール自動化をセットアップ:
   • 新しい学生向けのウェルカムシリーズ
   • コース推奨メール
   • 非アクティブな学生向けの再エンゲージメントキャンペーン

レビュー及び評価システムの追加

ステップ35: コースレビュー画面を作成

1. 新しい画面「レビューを残す」を追加
2. レビューフォームを追加：
   • 星評価コンポーネント (1～5つ星)
   • レビューコレクションに接続
   • テキストエリア: レビューテキスト(オプション、500文字制限)
   • テキスト: 「このコースを評価する」
3. 送信ロジックを追加:
   • 新しいレビュー記録を作成
   • レビュアー = ログイン中のユーザーに設定
   • コース = 現在のコースに設定
   • 作成日時=現在時刻を設定
   • 新しいコース平均評価を計算:
     • コースのすべてのレビューをカウント
     • すべての評価値を合計
     • コース → 平均評価 = 合計 / カウントを更新
   • コース → レビュー総数 (+1) を更新
   • 成功メッセージとともに戻る

ステップ36: プラットフォーム全体で評価を表示

1. コース詳細画面で:
   • 平均評価(星と数字)を表示
   • レビューの総数を表示
   • 評価内訳を表示:
     • 5つ星: [パーセンテージバー]
     • 4つ星: [パーセンテージバー]
     • など
2. コースリストアイテムで:
   • 星付き平均評価を表示
   • 総申し込み数を表示
3. インストラクタープロフィールで:
   • すべてのコースにおけるインストラクタの平均評価を表示
   • インストラクタのコースのすべてのレビューから計算

学習プラットフォームのテスト

ステップ37: テストデータを作成

1. テストアカウントを設定：
   • 3～4個の学生アカウント
   • 2～3のインストラクターアカウント
   • 1つの管理者アカウント
2. サンプルコースを作成:
   • 複数のセクションを持つ完全なコースを2つ以上
   • 無料と有料コースの混合
   • さまざまな難易度とカテゴリ
3. サンプルコンテンツを追加:
   • YouTube動画を使用(非公開に設定)
   • リアルなコース説明を作成
   • 異なる評価のサンプルレビューを追加
4. 申し込みをテスト:
   • 様々なコースに学生を申し込ませる
   • 異なる進捗パーセンテージを設定
   • 証明書付きの完了済み申し込みを作成

ステップ38: コアユーザーフローをテスト

学生としてテスト:

1. 登録 → コースをブラウズ → コース詳細を表示
2. 無料コースに申し込む → コースプレーヤーにアクセス
3. レッスンを視聴 → 完了としてマーク → 進捗を確認
4. 有料コースを購入 → 支払いを完了
5. すべてのレッスンを完了 → 修了証を受け取る
6. 完了したコースのレビューを投稿

インストラクターとしてテスト:

1. インストラクターとして登録 → プロフィールを完成
2. 新しいコースを作成 → セクションとレッスンを追加
3. コースを公開 → 学生向けカタログで表示
4. 登録者数と分析を監視
5. レビューに返信

管理者としてテスト:

1. 管理ダッシュボードにアクセス
2. ユーザーとコースを管理
3. プラットフォーム全体の分析を表示
4. 報告された問題に対応

ステップ39: パフォーマンステスト

1. 低速インターネット接続でテスト:
   • 画像の読み込み時間を確認
   • ビデオプレイヤーのバッファリングを確認
2. 異なるデバイスでテスト:
   • iOSモバイル(さまざまな画面サイズ)
   • Androidモバイル
   • デスクトップウェブブラウザ
   • タブレット
3. 確認 デバイス全体でのレスポンシブデザイン:
   • レイアウトが適切に適応することを確認
   • タッチターゲットが適切なサイズであることを確認
   • モバイルでのナビゲーションをテスト
4. X-Rayを使用してパフォーマンスの問題を特定:
   • X-Rayはユーザーに影響を与える前に潜在的なボトルネックをハイライトします
   • フラグが立てられた問題に積極的に対応してスムーズなスケーリングを実現

最適化のヒント: 画像圧縮、リストの遅延読み込みの有効化、APIコールの最小化などのベストプラクティスに従い、スムーズなパフォーマンスを実現します。Adalo 3.0のインフラストラクチャは提供します 3～4倍高速化されたパフォーマンス 以前のバージョンより。

ラーニングプラットフォームをWeb、iOS、Androidに公開する

ステップ40: Web公開の準備

1. Adaloエディターで「公開」→「ウェブアプリ」をクリック
2. 公開オプションを選択:
   • Adaloサブドメイン(無料): yourapp.adalo.com
   • カスタムドメイン(スタータープラン以上): learningplatform.com
3. カスタムドメインの場合:
   • ドメインを購入
   • Adaloが提供するDNSレコードを追加
   • 伝播を待機（最大48時間）
4. 手動公開コントロールを有効化:
   • ライブに反映させる前に変更をテスト
   • アクティブなユーザーの中断を防止
5. プライバシーポリシーと利用規約ページを追加する
6. SSL证明書をセットアップ(Adaloで自動)

ステップ41: iOSアプリ申請を構成

1. 登録 公開するには、iOSの:
   • コスト： 年間 $99
   • App Store公開に必要
2. Adaloで「公開」→「iOS」に移動:
   • アプリアイコン(1024x1024 PNG)をアップロード
   • 異なるデバイスサイズ用のアプリスクリーンショットを追加
   • アプリストアの説明文を作成する
   • カテゴリーを選択（教育）
   • ASOのキーワードを追加する
3. Adaloでアプリビルドを生成する
4. .ipaファイルをダウンロードするか、Adalo経由で直接送信する
5. App Store Connect設定を完了する：
   • アプリのプライバシー詳細
   • 年齢レーティング
   • 価格設定（アプリ内購入付き無料）
   • レビュー情報

ステップ42：Google Play Storeに公開する

1. 余裕を作成して Google Play開発者アカウント:
   • ワンタイム手数料： $25
2. Adaloで「公開」→「Android」に移動：
   • アプリアイコンをアップロードする
   • スクリーンショット（スマートフォンとタブレット）を追加する
   • ストア掲載説明文を作成する
   • カテゴリーとコンテンツレーティングを選択する
3. AdaloでAPKまたはApp Bundleを生成する
4. Google Play Consoleにアップロード
5. ストア掲載情報を完成させる:
   • フィーチャーグラフィック（1024x500）
   • プライバシーポリシーURL
   • コンテンツレーティング質問票
6. レビュー用に送信する（通常、iOSより高速）

ステップ43：ローンチ後の設定

1. 分析を設定する：
   • 登録とユーザー行動を監視する
   • コース修了率を追跡する
   • 支払いコンバージョンを測定する
2. プッシュ通知を設定する：
   • 新しいコースのリリース
   • 進捗リマインダー
   • 特別オファー
3. カスタマーサポートを設定する：
   • アプリ内ヘルプセンター
   • メールサポートの連絡先
   • よくある質問セクション
4. マーケティングローンチを計画する：
   • ウェイトリストへのメール告知
   • ソーシャルメディアキャンペーン
   • 初期コースプロモーション

プラットフォーム統計： 実装する企業 e-learning報告書 従業員1人当たり収益が42%増加し、トレーニング予算で50～70%のコスト削減を実現しており、強力なROIの可能性を示唆しています。

なぜAdaloがあなたの学習プラットフォーム構築に最適な選択なのか

教育プラットフォームを従来の方法で構築するには、以下の費用がかかります $10,000-$100,000 年間メンテナンスがさらに15～20%加算されます。Adaloはこれらの障壁を完全に排除します。

AdaloのビルダーであるAdaは、あなたが何を望んでいるかを説明してアプリを生成することができます。Magic Startは説明からアプリの基盤全体を作成し、Magic Addは自然言語を通じて機能を追加します。

AI搭載ビルディング： Adaloは、ネイティブモバイルアプリとウェブアプリの両方を必要とするクリエイター向けの最も多機能なオールインワンプラットフォームであり、デザインの自由度と機能の深さのバランスに優れており、わずか 月額36ドルで利用できます。Magic Startは説明から完全なアプリの基盤を生成し、Magic Addでは欲しい機能を説明して追加できます。ビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されており、非技術的なクリエイターも専門的な学習プラットフォームにアクセスできます。

完全な機能セット： Courseraスタイルのプラットフォームに必要なすべてのものが組み込まれています：

• リレーショナルデータベース（ レコード制限なし 有料プランで
• ロールベースアクセス付きユーザー認証
• Stripe経由の支払い処理
• 単一のコードベースからのクロスプラットフォーム公開（Web、iOS、Android）
• コンポーネントマーケットプレイス 拡張機能のために
• Zapier、Xano、Airtableとの統合
• 無制限の使用—予期しない料金から請求ショックなし

スケーラビリティパス： プロトタイピング用の無料プランから始め、ローンチ用のプロフェッショナル（月額52～65ドル）にアップグレードし、学生ベースの成長に応じてスケールします。Adalo 3.0のモジュール型インフラストラクチャは以下を提供するアプリにスケーリングします 月間アクティブユーザーが数百万、上限なし。 185億ドル のオンライン教育市場は年間8.6%の速度で成長しており、膨大な機会を提供しています。Adaloはこれを技術的背景を持たない教育者と起業家の手の届く範囲内に置きます。

実績： Adaloで300万以上のアプリが作成されており、毎日2,000万以上のデータリクエストを処理しています 99%以上のアップタイム。プラットフォーム上に構築された教育プラットフォームは、Adaloがネイティブに処理するモバイルファーストのマイクロラーニングとゲーミフィケーション機能で、かなりの市場シェアを獲得しています。

独立した教育者として専門知識を収益化する場合、企業が内部トレーニングシステムを構築する場合、または次の教育マーケットプレイスを立ち上げる起業家である場合、Adaloは1行のコードも必要としない完全なツールキットを提供します。グローバルユーザーベースは 20億2,800万人の学習者 までに到達すると予測されています。今日からそれらにサービスを提供できます。

Adaloを他のアプリ構築ソリューションより選ぶ理由は何ですか？

Adaloは、単一のコードベースから真のネイティブiOSおよびAndroidアプリを作成するAI搭載アプリビルダーです。Webラッパーと異なり、ネイティブコードにコンパイルされ、Apple App StoreおよびGoogle Play Storeに直接公開されます。有料プランで無制限のデータベースレコードがあり、使用量ベースの料金がないため、予測可能な価格設定で請求ショックを回避できます——アプリの起動で最も難しい部分が自動的に処理されます。

Adaloはネイティブ iOS および Android アプリを作成する AI 搭載アプリビルダーです。ウェブラッパーとは異なり、ネイティブコードにコンパイルされ、単一のコードベースから Apple App Store と Google Play Store の両方に直接公開されます。最も難しいアプリ起動の部分は自動的に処理されます。有料プランでは無制限のデータベースレコードと使用量ベースの課金なしで、スケール時に予測可能なコストを得られます。

AdaloのドラッグアンドドロップインターフェイスとAIアシスト構築により、数ヶ月ではなく数日でアイデアから公開アプリまでたどり着くことができます。Magic Startはシンプルな説明から完全なアプリ基盤を生成し、プラットフォームは複雑なApp Store送信プロセスを処理するため、証明書とプロビジョニングプロファイルではなく、機能とユーザーエクスペリエンスに集中できます。

AdaloのドラッグアンドドロップインターフェイスとAI支援ビルディングツールにより、数ヶ月ではなく数日で考えからパブリッシュされたアプリまでいくことができます。Magic Startは説明から完全なアプリファウンデーションを生成し、Adaloは複雑なアプリストア申請プロセスを処理するため、アプリの機能とユーザーエクスペリエンスに集中できます。

コーディングなしで簡単にCourseraスタイルのオンライン学習プラットフォームを構築できますか？

はい、Adaloのビジュアルビルダーを使用すると、コースカタログ、ビデオレッスン、進捗追跡、決済処理、認定システムなど、完全なCourseraスタイルのオンライン学習プラットフォームをドラッグアンドドロップインターフェイスを通じて構築でき、1行のコードを書く必要はありません。

Adaloで学習プラットフォームを構築するのにかかる費用は、従来の開発と比べてどのくらいですか？

従来の学習プラットフォーム開発には10,000～100,000ドルの費用がかかり、年間メンテナンスはさらに15～20%追加されます。Adaloを使用すると、無料プランでプロトタイピングを開始し、プロフェッショナルプランで月額52～65ドルで専門的なプラットフォームを立ち上げることができ、投資を大幅に削減しながら完全な機能を維持できます。

Adaloの学習プラットフォームでコースの支払いを受け付けることはできますか？

はい、Adaloは決済処理用にStripeと直接統合されます。ワンタイム購入、サブスクリプションベースのアクセス、または無料コースを提供でき、すべてAdaloのビジュアルインターフェイスを通じて管理され、支払い成功後に自動的に登録が作成されます。

Adaloはオンラインコースのビデオコンテンツをどのように処理しますか？

Adaloはビデオホスティング用にYouTube（非公開ビデオ）またはVimeo（ドメイン制限付きプライベートビデオ）とシームレスに連携します。ビデオURLをレッスンコレクションに保存し、Webビューコンポーネントまたはコンポーネントマーケットプレイスのカスタムビデオプレーヤーを使用して表示し、アプリのストレージをリーンに保ち、再生をスムーズに保ちます。

Adaloで学生の進捗を追跡し、証明書を発行することはできますか？

はい、Adaloのリレーショナルデータベースにより、レッスン完了ステータス、視聴時間追跡、完了率を含む包括的な進捗追跡を構築できます。学生がコースを完了すると、自動アクションは登録ステータスを更新し、証明書を生成し、Zapier統合を通じて祝辞通知を送信できます。

オンライン学習プラットフォームを構築するのにはどのくらい時間がかかりますか？

このガイドに従うと、週末で機能的な学習プラットフォームプロトタイプを構築でき、2～4週間以内にポーランド仕上げで公開可能なバージョンが完成します。Magic Startは簡単な説明からデータベース構造とスクリーンを生成することで、初期セットアップを加速します。

Adaloで学習プラットフォームを構築するのにコーディング経験が必要ですか？

コーディング経験は必要ありません。Adaloのビジュアルビルダーは「PowerPointと同じくらい簡単」と説明されています。コンポーネントをドラッグアンドドロップし、データベースに接続し、ビジュアルメニューを通じてロジックを設定することで構築します。プログラミング知識は必要ありません。

学習プラットフォームは数千人の学生にスケールできますか？

はい。Adalo 3.0のモジュール型インフラストラクチャは数百万人の月間アクティブユーザーを持つアプリにスケールでき、上限はありません。有料プランには無制限のデータベースレコードが含まれているため、コースカタログ、学生登録、進捗データは恣意的な上限に達することなく成長できます。