9
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

OutSystemsを使ってローコードで座席管理システムを作ってみる そのいち

Last updated at Posted at 2021-01-05

この記事は リンク情報システム の「2021新春アドベントカレンダー TechConnect!」のリレー記事です。
TechConnect! は勝手に始めるアドベントカレンダーとして、engineer.hanzomon という勝手に作ったグループによってリレーされます。
(リンク情報システムのFacebookはこちらから)

本記事は1日目、1/6(水)分です。


昨今の情勢の変化により、弊社でも在宅勤務が増えてきました。また、その流れで座席のフリーアドレス化も進みました。
そうなると「誰が出社してて何処にいるのか」がパッと把握できなくなってきてちょっと困ること(電話対応とか)が増えてきたので、いっちょ座席管理システムでも作ってやろうかと。
普通に作ってもいいんですが今回はOutSystemsというローコード開発環境でやってやろうと思います。正直よくわかってない。

OutSystemsの登録

無料のトライアル使ってやりまので、まずは登録から。
OutSystemsのトップページから右上の「無償トライアル」をクリックしてアカウント作ります。
ユーザ名とメールアドレス、パスワードを入力してTry now for free。登録メールアドレス宛に確認メールが届くので認証しておきましょう。
image.png
使用用途と会社情報聞かれるので適当に入力。今回は個人利用としておきます。
image.png
こんな画面に遷移したら開発ツールのインストーラがDLされます。
image.png
あとはインストーラを起動して良しなに進めればOutSystemsが起動します。

チュートリアルに従ってみる

起動するとチュートリアルが始まるので従ってみます。よくわかんないし。
New Applicationを押せ言われるので押してみる。
image.png
Start from scratch
image.png
Phone App
image.png
アプリ名を決めます。今回はSeat management system
image.png
とりあえずナニカができたらしい。箱ができたのかな。これからこれに詰める部品を作っていく感じか。
image.png

モジュールを追加してそれっぽくする

上でCREATE MODULEを押せ言われてるし、とりあえずモジュールを作りましょう。
なんか謎の画面が出てきました。ここに右ペインからブツを選んでいくらしい。
image.png
Entitesを右クリックしてImport New Entities from Excelを選択、あらかじめ用意されてるTasks.xlsxを開く。
image.png
インポートすんのか聞かれるのでIMPORTを選択
image.png
なんか右ペインにTaskが追加されてますね。
image.png
とりあえずここまでがEntity追加らしい。次はScreen追加だとか。

今作ったTaskをドラッグしてメイン領域に持っていくみたい。
image.png
なんか生えました。TaskのScreenをダブルクリックしろとのこと。
image.png
画面できた。①をクリックして保存、公開しろと。
image.png
どうやらこれでもう出来てるらしい。下に表示されてるURLにアクセスしてみましょう。上のボタン押すとブラウザで開くと。
image.png
ぽちっとな
image.png
出ました。ほーほー、Taskの一覧が出ますと。右上の+押したら追加されるぽい。
image.png
適当に入れてセーブ
image.png
追加されましたね。動いてる動いてる。ボタンポチポチするだけでとりあえずそれっぽい画面が作れますと。いいじゃない。

とりあえず今回はここまで!


画面べったべった張ってたら記事が縦になっがーくなったので分割します。あと締め切りに間に合わn
次回は本命の座席管理をやっていきたい所さん。なるはやでやります。出来たらこのページにもインデックス張りますね。

明日は@mefukuさんです。

9
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?