ジャンルを問わず管理人の気になったことや調べたことを、実際にやってみたりした記録

アプリケーションやウェブサイトなどの詳細


ウェブサイト

風俗店のオフィシャルサイトの再構築と管理ツールの制作

風俗店のオフィシャルサイトの画面の詳細

URL

エロトピアhttps://www.ero-topia.com
三十路http://misoji.net
としまhttp://tosima.jp
としまVIP錦店http://toshima-vip.com

制作背景

最新のHTML仕様に合わせる

それまで媒体(パソコン、携帯電話、スマートフォン)ごとに表示するように作られていたサイト全体をHTML5およびレスポンシブデザインで再構築した。
ガラケー(フィーチャーフォン)用の表示も残してある。これは、一部の閲覧者はガラケー(フィーチャーフォン)を使っているためである。

独自のCMSの構築

ウェブサイトの再構築と同時に各ページのメンテナンス用として、女性情報の管理、新着情報の編集、サイト内の一部のページのページタイトル名、表示内容等を管理する独自のCMSを制作した。
各ページのメンテナンスは、再構築前まではサイトの管理会社が行っていたが、風俗店の従業員でも行えるようにした。風俗店の従業員はパソコン等の操作に不慣れであること、また、既存のCMSでは表示する内容の編集が困難であるため、専用のCMSを制作することとなった

デザイン、制作、プログラミングしたもの

表示ページのデザイン
  • トップページ
  • 女性の紹介ページ
ウェブサイトの管理システムツールの画面

ウェブサイト内の、下記の各情報を管理し、対象ページを更新する画面のデザインとプログラミング

  • トップページの各項目
  • 女性情報と表示順
  • 新着情報
  • 求人情報
  • 料金情報
その他
  • トップページのヘッダ画像の視覚効果

独自CMSの機能

対象ページ 編集内容
トップページ
  • ヘッダ用画像ファイルの登録、表示/非表示、視覚効果の指定
  • 各区画の名称、背景色の指定の管理
新着情報
  • 記事の新規編集、既存記事の更新
  • 記事ごとの表示/非表示の指定
女性情報
  • 名前、紹介文などの文字情報の編集
  • 女性一覧ページの、女性の表示順の指定
  • 写真ファイルのアップロード、表示/非表示の指定
  • 写真ファイルが複数あるときの表示順の指定
  • 曜日ごとの出勤情報の管理とイレギュラー対応(臨時に出勤や休みになるときの対応)
求人ページ
  • 求人内容の編集
  • 外部サイトの求人ページの指定
  • 上記のいずれを表示するかの選択
料金ページ
  • 料金内容の編集
  • 外部サイトの料金ページの指定
  • 上記のいずれを表示するかの選択
その他
  • 外部サイトへのリンク(相互リンク、姉妹店のサイト等)の編集
  • 年齢認証ページに表示する画像ファイルの登録、表示/非表示の指定
  • 管理ページは常に一つの端末からのみ操作できるようにする(複数の端末からの同時操作はできないようにする)

開発環境、使用言語など

HTML5、JavaScript(jQuery)、PHP4,5
データベース:MySQL

主に担当した箇所

  • クライアント:ページレイアウトの素案、管理ページの内容の素案、HTML、CSS、JavaScriptプログラミング、ウェブフォントに使用するフォントの選択とフォントファイルの制作
  • サーバ:PHPプログラミング、データベース構築

※ 独自CMSのURLは非公開

風俗店のオフィシャルサイトの画面の詳細

東南アジアのゴルフ場の紹介とラウンド予約

タイ、シンガポール、バリ島のゴルフコースの紹介とラウンドの予約から決済までの管理、および顧客管理

東南アジアのゴルフ場の紹介とラウンド予約の画面の詳細

URL

ワールドゴルフネットワーク http://worldgolf-network.com/

制作背景

2010年、2011年に刊行されたタイのゴルフ場を紹介する雑誌ゴルフトラベルのウェブサイト版である。ゴルフコースの紹介以外に、紹介されている各ゴルフコースのラウンド予約を行えるようにした。(ゴルフトラベル2010年版ゴルフトラベル2011年版
その後、シンガポール、バタム(インドネシア)、バリ島、マカオ、ミャンマー(順不同)のゴルフ場の紹介とラウンド予約の機能を順次追加した。
バタム、マカオ、ミャンマーは問い合わせや予約数が少なかったため削除となった。

デザイン、制作、プログラミングしたもの

表示ページのデザイン
  • ゴルフコースの紹介ページ
  • ラウンド予約依頼ページ
  • ラウンド予約内容の表示ページ
ウェブサイトの管理画面

ウェブサイト内の、下記の各情報を管理する画面のデザイン、制作、プログラミング

  • ゴルフコースの情報
  • 予約情報
  • 顧客情報
  • ラウンド予約(顧客や現地のエージェントとの連絡、予約の進捗状況の表示)

開発環境、使用言語など

HTML5、JavaScript、PHP4

データベース:MySQL

主に担当した箇所

  • クライアント:ページレイアウトの素案、管理ページの内容の素案、HTML、CSS、JavaScriptプログラミング、タイのゴルフ場の紹介ページの生成
  • サーバ:PHPプログラミング、データベース構築

東南アジアのゴルフ場の紹介とラウンド予約の画面の詳細


MS-DOS、Windowsアプリケーション

人事管理データベースシステム

開発背景

社内でxBase(dBaseIII互換のデータベースエンジン)を使った汎用のデータベースアプリケーションが作られていた。これを人事管理に特化した形にカスタマイズして「人事管理用データベースシステム」として売り出した。人事管理に特化した理由は、当時、人事管理用のデータベースシステムが世に出回っていなかったからである。
このシステムの特徴は「ユーザーサイドでカスタマイズできる」である。そのため、データ入力や検索結果の表示などでは、「どの管理項目をどの位置で入力または表示するか」をシステムを操作する人が自由に定義できるようになっている

システムの仕様など

仕様
ユーザー マルチユーザー
実行環境 スタンドアロン、LANのいずれも可。また、スタンドアロンで運用していたシステムをLANに移行できる。
アクセス制御 ユーザーごとに使える機能やアクセスできる情報を制御できる。
管理できる人員数 無制限
管理項目 最大1000項目
異動履歴 管理項目を問わず無制限(データを格納するストレージに依存)
その他の特徴
  • 管理項目の名称や格納するデータの長さを任意に設定できる。
  • 検索条件を登録し、随時再利用できる。
  • 帳票のフォームオーバーレイを定義するエディタを内蔵。任意のフォームオーバーレイを指定して情報を印刷できる。
  • 顔写真とA4サイズまでの大きさの文書ファイルをスキャナーから取り込んで画面に表示する。
導入ユーザー

大企業や地方公共団体などを中心に1000社以上に導入実績あり。

使用言語など

MS-DOS:dbXL、MS-C、Turbo C、8086アセンブラ
Windows:ARAGO for Windows、Visual C++

MS-DOS版の実行環境

NEC PC9801シリーズ、富士通 FM-Rシリーズ、各社DOS-V機

主に担当した箇所

MS-DOS版
フォームオーバーレイエディタ

印刷時のフォームオーバーレイフォーマットを定義するエディタである。
このエディタは、個人情報を印刷する帳票のときの罫線や固定文字を定義する。複数のフォーマットを定義でき、印刷時にどのフォーマットを使うかを指定できる。
このエディタは、「日本人は帳票印刷時に罫線を多用するが、既存のシステムでは罫線の制御ができない」ため、「フォームオーバーレイという形で罫線を印刷でいるようにすればよいのではないか」という経緯で作られた。

MS-DOS版からWindows版へのバージョンアップツール

MS-DOS版のデータをWindows版のデータに移行するツールである。

Windosw版
検索結果表示の設定画面

検索結果の一覧表示で「どの管理項目をどの順序で表示するか」をユーザーが指定する画面である。

データ入力の設定画面

データ入力の画面で、「画面内のどこに管理項目の入力域を置くか」また、入力する順序をユーザーが指定する画面である。

データ表示の設定画面

1人分のデータの表示画面で、「画面内のどこに管理項目のデータを表示するか」をユーザーが指定する画面である。

画像入力(取り込み)

顔写真とA4までの大きさの文書ファイルを読み込む。

データの外部出力

システム内のデータをCSVファイル形式とHTMLのtable形式で出力する。

Fuji Xerox 社製 DocuWorks のプラグインソフト

DocuWorksにはアノテーションと呼ばれる、「文書にメモ書きを張り付ける機能」がある。ここでは、DocuWorksの外部から任意の文書にアノテーションを貼り付ける機能を作った。アノテーションを制御するAPIは公開されていた。

プラグインの仕様など

仕様
文書データの取り出し DocuWorksで管理している文書情報から対象となる文書データを取り出す。
アノテーションデータの表示 対象文書にアノテーションが貼り付けられているか否かを検出し、貼り付けられていたらその情報を表示する。
アノテーションの新規追加 メモの内容とアノテーションの背景色と文字色を指定し、対象文書に貼り付ける。
アノテーションの更新 既存のアノテーションのメモの内容や背景色、文字色を更新する。
アノテーションの削除 既存のアノテーションを削除する。
使用言語など

Visual C++


管理人のポートフォリオへ戻る