アカウントの取得画面を作成する

Excel、Access、Azure SQL を使って、クラウドにデータを置いて共有データベースシステムを作成する。

なんだか、もっともらしいこと言ってるけど、どんな手順で開発を進めていくか？

まずは、ユーザー登録用の「アカウント取得画面」を作成する。

(1) 入力項目は、できる限り少なく、メールアドレス、パスワード、ニックネームの3項目にする。
(2) Webサーバーは、Azure App Service を利用する
(3) Webページの CSSフレームワークは、Bootstrap を使ってスマホ対応にする。
(4) Visual Studio Web Form(VB)で Azure SQL と接続してWebページを作成する。

アカウント取得画面

アカウント登録画面 (ganso.azurewebsites.net/members/account)

account.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
  <asp:MultiView ID="MV" runat="server" ActiveViewIndex="0">
    <asp:View ID="V1" runat="server">
    <div class="form-horizontal">
       <h3>アカウント登録</h3>
       <hr />
       <div class="form-group">
         <asp:Label class="col-sm-2" ID="Label2" runat="server" Text="メールアドレス"></asp:Label>
         <asp:TextBox class="col-sm-8 form-control" ID="TxtMail" runat="server" placeholder="exsample@email.com"></asp:TextBox>
       </div>

       <div class="form-group">
         <asp:Label class="col-sm-2" ID="Label1" runat="server" Text="ニックネーム"></asp:Label>
         <asp:TextBox class="col-sm-8 form-control" ID="TxtName" runat="server" placeholder="ニックネーム"></asp:TextBox>
       </div>

       <div class="form-group">
         <asp:LinkButton class="col-md-2 btn  btn-link" ID="BtnCancel" runat="server" PostBackUrl="../Default.aspx">キャンセル</asp:LinkButton>
         <asp:Button class="btn btn-lg btn-primary btn-block" ID="BtnAccount" runat="server" Text="登録する" />
       </div>
    </div>
    </asp:View>
  </asp:MultiView>
</asp:Content>

まだ、画面を作っただけで、動作しません。

このあとは、次の手順ですすめます。
(1) 登録したメールアドレスに、仮パスワードを送信
(2) ログイン画面の作成
(3) ログイン画面の認証処理

いろいろな開発手法があるのですが、下記の点を考慮して作成しています。

シンプルナコード
VBA と類似したコード
スマホに対応する

開発環境と実行環境

開発は、できる限り無料環境で行う。
Azure SQL データベースは、有料(500円/1ヶ月)になる。

私の開発環境

Windows 10
Excel 2016
Access 2016
Windows Edge / Chrome などのプラウザ
Visual Studio 2017
Azure の利用契約

普段は、Access Excel の VBA ばかり記述しているので、Webアプリ言語は苦手です。
Visual Studio なら VB が使えるので、普段と同じような記述ができる。
そう思って、このような環境を選択しました。

実行に必要な環境

Windows 10
Excel 2007 ～ 2019 のいづれかのバージョン
Access 2007 ～ 2019 のどれかのバージョン（無料ランタイム版でも可）
Windows Edge / Chrome などのプラウザ（アカウント登録用）

開発の順番

1.アカウントの取得画面
2.Access による汎用データベース
3.Excelでの柔軟な利用方法の提案

関連投稿（Excel と Azure SQL を使って、業務システムを作成する）

(1) 開発宣言
(2) アカウントの取得画面を作成する