アカウントの取得画面を作成する
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)
<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) アカウントの取得画面を作成する