Excel と Azure SQL を使って、業務システムを作成する。(Tips2)


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

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="[email protected]"></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) アカウントの取得画面を作成する