Firefox

Safari

Chrome

Internet Explorer

実績紹介

アライドテレシス株式会社   「AT-Vista Manager」 GUIシステム開発

AMF(Allied Telesis Management Framework)に対応したスイッチやルーター/UTM、無線LANアクセスポイントなどを管理するネットワーク管理ソフトウェア「AT-Vista Manager」のGUIシステムを開発。直感的で運用しやすいインターフェースを実現しました。

特徴

・ネットワーク構成を自動認識し、ネットワーク構成図を自動生成。ノードを含めネットワークを可視化。
・管理している無線LANアクセスポイントを図面上にマウス操作で配置。
・機器に関する各種情報を確認できることはもちろん、設定情報のバックアップやリストア、ファームウェアの更新もGUIから操作可能

  • トポロジーマップ - ネットワーク構成図

  • フロアマップ - 機器配置時

  • フロアマップ - 詳細情報表示時

タグ

  • HTML5 × Javascript × CSS3アプリケーション開発
  • PHPシステム開発
  • Ajax/Flexを活用した使いやすいシステム開発
  • デザイン・UI設計

プロジェクトについて

トポロジーマップによるネットワーク可視化

ネットワーク構成図の表示にトポロジーマップを利用することで、各ネットワーク機器の繋がりを視覚的に把握。
トポロジーマップでは、ユーザー指定で各機器の位置を固定できるため、管理者独自の視点で機器配置を自由に設定できます。また、各機器の状態に合わせてアイコンが変化するため、どの機器で異常が発生したか視覚的に把握できます。

フロアマップによる無線機器の影響範囲の把握

無線LANアクセスポイントの管理では、実際に設置している環境をフロアマップとして登録し、そのフロアマップ上にマウス操作でアクセスポイントを配置することで、画面上で視覚的に無線機器を管理することができます。
配置するアクセスポイントは、無線のチャンネルごとに色分け表示や、電波の出力範囲の変更もできるので、機器間の電波の干渉なども可視化することが可能です。

直観的で運用しやすいインターフェース

多数の情報項目を厳選し、ファーストビューには優先順位の高い重要な情報のみを表示。アイコン等をクリックすることで、詳細情報を表示。また、CSVで一括登録・修正など、運用者視点で最適な情報の見せ方や操作性を実現しました。
また、メニューや一覧項目の折りたたみや拡張表示機能を導入し、見たい情報をより広域で表示させるなど、情報を表示する画面領域についても最適化をはかりました。

Top

ユーザさまからの推薦文

どのようなUIがお客様にとって使いやすいのかをアシアル様と検討を重ね、数多くのご提案を頂くことができました。
ただ要求内容を満たすだけではなく、ユーザーにとって「どうすればより使いやすいか、使い勝手を向上させることができるか」まで考慮して頂き、大変に満足しております。
また、設計、デザイン、開発、テストを一貫して実施する上で、プロジェクトを適切にマネジメントして頂き、様々な課題を解決しつつもスムーズにプロジェクトを完了することができました。

アライドテレシス株式会社 長嶋 淳史 様

Top

開発体制・構築手法など

作業範囲 基本設計、詳細設計、デザイン、開発、テスト
テクノロジー PHP、HTML5、CSS3、AngularJS
開発期間 7ヶ月
開発体制 4名
予算 非公開
デバイス Windows Server
Top

プロジェクト主要メンバー紹介

鴨田健次 Webディレクター/Webデザイナー

1980年生まれ。大学時代の専攻は、ドイツ語(ドイツに半年ほど留学)と映像制作(ドキュメンタリー)でしたが、独学でWebデザインを学び、大学卒業後は制作会社やコンテンツポータル会社で、主にWebデザイナー/HTML・CSSコーダーとして勤務。
2010年から、アシアルにてWebディレクター/Webデザイナーとして、日々精進しています。

牧野克俊 システムエンジニア

大学時代のアルバイトでPHPと出会い、JpGraphをきっかけにアシアルを知って入社。
業務システムや携帯サイトなどのシステム構築、自社製品を担当。最近はインフラに関わることが多い。

和田記光 ディレクター/デザイナー

約10年間、DTP業界に携わっていたが、Webの魅力・将来性に惹かれ転職。2008年にアシアルにデザイナーとして入社。
Webは、印刷では不可能な表現が簡単(?)に出来てしまうところが気に入っている。
また、DTPに携わっていたのが長かったせいか、Illustratorの操作感に近いFireworksを愛用。そのため、少数派?なFireworksの普及を心より望んでいる。

そして、Fireworksを使い(苦笑)、世界をリードするデザインを目指し日々精進している(!?)

花﨑奈穂子 デザイナー

美大の大学院で油絵を描いていました。

卒業後は普通の事務職をしていましたが、何かを作ることから離れたくないことに気づき、デザインのお仕事につきました。

Webデザインやグラフィックデザイン、HTML/CSS/JSを日々楽しく勉強中!

イベントごとが大好きです☆

Top

類似する実績

お問い合わせ

システム構築のご相談、研修やセミナー・執筆のご要望など、お気軽にお問い合わせくださいませ。
技術に明るい担当者が直接ご相談させて頂きます。

開発事例ダウンロード

下記のリンクより開発事例の資料をご覧いただけます。

PHP開発補助製品

  • SSLモバイル
  • JpGraph

Webサービス&携帯サービス

  • Monaca
  • PHPプロ!
  • OnsenUI