--

--

コメント

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

01

25

コメント

スマートフォンでいつでも見たいじゃない レスポンシブにするのか検討する

gridly.png
Wordpress Thema Gridly


最近のお客様の要望の中に、

* 会社のオフィスから離れていても仕事をしたい。
* スマートフォンで撮影した写真や動画を使用して情報を更新したい。
* 出先でお客さんにスマートフォンを使用して説明をしたい。

というように、仕事にスマートフォンを絡めていらっしゃるお客様が多くなってきました。もちろん、時代に合わせた仕事スタイルの変更というのは、システムから見ても重要です。

システムエンジニアとして注意してレスポンシブwebデザインを利用したシステム設計を行う必要があるかどうかを判断するために、利用される方が、その画面をスマートフォンで「ただ」見たいだけなのか、それともテキストの入力から顧客情報の検索まで、幅広くスマートフォンのみで(特に、営業の方なんかが、iPadにキーボードを使用するなどして)、タッチ機能を使いながらシステムを利用されるのかが焦点になってくると思います。

私の浅はかな考えですと、「たまにスマートフォンを使ってブラウザやPDFでお客さんに商品説明する」くらいのレベルであれば、Twitter bootstrapかなんかのCSSフレームワークを利用してPC画面を設計し、あえて何も考える必要がなくすのがいいかなと思います。

そのため、結論から申し上げますと、

PCメインで、たまーに外出先でデータを見るくらいのときにレスポンシブwebデザインを採用する

これ以外にレスポンシブwebデザインを考える必要は無いかなと思います。

さて、「スマートフォンを利用した」システム開発の依頼が来たときに、お客様からの発言をいかにしてキャッチアップしていくのかということに焦点を当てて、以下、一問一答していきたいと思います。


● いつでも仕事がしたい

この「いつでも」という単語には、細心の注意を払わなければなりません。
スマートフォンでWebシステムを使用した場合にPCと同様の便利さが欲しいという要望が含まれています。

この要望をお客様が言われた場合には、必ず5W1Hを聞き返す必要があります。

「お客様、先ほど"いつでも"とおっしゃられていましたが、いつ、どこで、どんな時に、誰が、なぜ、どのように仕事をなさるのか、具体的に例をあげていただけないでしょうか。」

お客様の具体例から、スマートフォンを主軸とする業務が発生しうるかを検討する必要があります。

「いや、いざというときにね」という話しであれば、レスポンシブwebデザインでお茶を濁すくらいでいい可能性があります。また、次の検討にうつります。


● 急な仕事の対応をスマートフォンで片づけたい

急な仕事の中には、もちろん普段利用しているソフトに依存した作業も多く存在しているはずです。
Officeソフトを利用しなければならなかったり、メーラーを利用しないといけない場面もあります。

この課題の多くは、普段の業務をこのシステムにどの程度移行するかにかかっています。ようするに、パソコンを利用しなくてもいい環境をどの程度準備するかです。俗にいう、クラウド化でもあります。

Excelは確かに使いやすいですが、表とグラフだけならwebシステムでも対応可能なはずです。

また、稟議関連書類の申請は、電子回覧とすればいいはずです。

プレゼン資料等の明確な素材が必要な場合には、webシステムで修正しようというのは、かなり難しいかと思いますが、Google Appsを利用するなどして、回避することも視野にいれましょう。

ようするに、webシステムを作成するにあたって、どれだけの基幹業務がシステム化されるのか、システム化範囲の検討、もしくは見直しが必要になります。

参考までに、私が休日に突発的な作業が発生した場合に必要な要件は、

* 社内メールをチェックできること
* サーバやシステムの状態を閲覧するために、Xymonを確認できること(ブラウザ)
* サーバ内部の操作をするために、SSH接続できること

の3点ができれば、ほぼ突発的な作業には対応可能です。

個人として、これの要件を満たすために、

* 社内メールをGmailで閲覧可能とする。
* タブレットにSSH接続できるソフトを入れておく
* タブレットブラウザのブックマークをPCと同期する

くらいで対応できます。

そうすると、もしかしたらお客様が思っているほど、システム化が必要ない可能性もあります。


● 外回りの社員がスマートフォンを使用して業務を行いたい

この要望の中には、PCを持ち歩きたくないという要望が必ず含まれていることを忘れないようにしなければいけません。

PCで設計したものをスマートフォンでも同時に閲覧した場合、PCの1画面で表示しているデータは、スマートフォンの場合に1画面で表示すべきではない場合が多々あります。PCであれば便利な動線は、スマートフォンでは便利ではない可能性がおおいに高いからです。
そう考えると、必然的にUI設計はスマートフォンとPCで変わってくるために、レスポンシブwebデザインとして同一画面をお客様に展開することが難しくなってくる可能性が高いです。

スマートフォンのオンスクリーンキーボードは、PCのキーボードと比べて入力しにくいため、文字入力のアシスト機能が必要な場面が多く存在します。

例として、営業報告を入力させる場合を考えましょう。

機能はスケジュール(タスク連動)・打ち合わせ内容・持ち帰り事項(宿題)の入力・更新だとします。

この場合の動線は単純化する必要がおおいにあります。

1. ログインしてマイページを表示する

2. 「今日のスケジュールを表示する」

3. スケジュールの中から、「●●商事 田中様 13:00~ 打ち合わせ」というデータを選択する

4. 終了ボタンを押すと、だいたいの打ち合わせ時間(1.5時間など)と、打ち合わせ内容・持ち帰り事項の入力欄が表示される。

5. 入力後に「登録して終了」ボタンを押すと、タスクがクローズされ、打ち合わせ内容がチームに共有され、持ち帰り事項がタスクに追加される。


一見して、スケジュール(カレンダー)とタスクも連動されていて、打ち合わせ内容と持ち帰り事項を入力するだけではないかと思うかもしれません。
ただ、スマートフォンの時間概念を失念してしまうと、このシステムは使用されない無用の長物となってしまいます。

ここで考えるべき点は、「オンスクリーンキーボードで立ちながら入力した場合の所要時間」です。

オンスクリーンキーボードは、単語予測の機能があるため、単語の入力は早い場合が多いですが、文章入力、メモの入力については、スピードが出ません。
そのため、立ちながら入力するために検討することの1つとして、必ず、入力時間を検討する必要があります。

私の個人的な感覚では、駅のホームで山手線が来るまでの時間だと、だいたい1~2分で入力できるようにしたいです。

また、これも個人的な感覚でしかありませんが、パソコンで仕事しているときと異なり、スマートフォンで作業する場合には集中していることが多いと思います。
そのため、一瞬集中してばーーーっと作業できるように、システム側がアシストしてあげることで、隙間時間を上手く使うことが可能になるはずです。


● PCがトラブルを起こした場合にスマートフォン(タブレット)を利用したい

このお客様の要望は、クラウド化が含まれています。

なんらかしたらのトラブルで、メインで利用していたPCが故障した場合、スマートフォンでも代用したいということです。
この場合には、データの整理を検討する必要があります。

例えば、経理業務を会計ソフトを利用して行っていたとしましょう。

そのソフトが入っているPCが故障した場合、データはバックアップされていればその時点まで復旧できますが、できれば共用のファイルサーバかなにかで操作することで、別のPCで対応可能としておくということがまず大事です。

さらに、スマートフォンを利用して全業務が行えるかというと、業務内容によりますが、多くの場合は難しいでしょう。

LAN内にNASでも設置して、windows 8.1のsurface pro 2をお勧めしてください。

業務関連のソフトについては、全ていつでもインストールできるように、DVDドライブやダウンロードによるインストール方式をチェックしたり、ITリテラシーを高めていきましょう。


ITリテラシーという言葉が出たので追記なのですが、「うちの社内のITリテラシーを上げたい」と嘆くシステムエンジニアさんへのアドバイスは、いつも決まっています。

PCという箱、あるいはスマートフォンという箱を操作できないことによるデメリットというのは、たいていの場合は「こっちの作業がめんどくさい」という場合が多いのではないかと思います。

ビジネスの観点から言うと、そのめんどくさい作業をすることができないために、注文が発生します。

お金(対価)をもらわずにその作業を行うことをためらってください。

その知識は専門的なものであり、膝をすりむいたら絆創膏を貼りますが、歯が欠けたら歯医者さんに行くのと同意義であるということを我々がきちんと認識する必要があります。

「パソコンに詳しい友人に聞けば無料のに...」とお嘆きのお客様がいらっしゃればチャンスです。

ggrks → 「この機会にお調べいただき、社内のトラブルシューティングに事例を掲載されることをお勧めします」

と伝えてください。

続きを読む

スポンサーサイト

06

11

コメント

Googleのウェブマスターツールでみんなを観察(・д・)ジーッ

Googleのウェブマスターツールを使ってます。

使ってる理由のひとつは、

「本当に役にたってるのか知りたい」

っていうこと。


当たり前のことだけど、
このブログにもし、人生の悩みを解決しに来ている人がいたとしたら...

「シンパパ 大変」

とかで検索するんだろーなという理由で
導入しました。

なのでね、そういう検索キーワードが多そうだったら、
もう少し落ち着いた雰囲気でやっていってたと思うんですよ。

それなのにこのハイパーおっぱい大好きテンション全開で
お送りしている今の状況ときたらww


さてさて、今、
このサイトのアクセス状況はこんな感じです。

webmastertools.jpg

実に、圧倒的にXymon関連の検索が多いというのが如実なので、
そっちの記事を書きたいなーと思っているのですが、
いかんせんXymonって記事にするようなことが無いんですよね。

安定稼働の真っ最中ですし、
月に1回、画面でhttpのレスポンス速度の移り変わりとか、
アクセスが安定してるかとか、
見るだけですし。

英語は、システムエンジニアだったら、
勘でわかるよね?ww

機能も、トップページくらいしか使ってないし。


最近増えているのが、コメントもたくさんいただいている
pcre....という検索の方。

CakePHP関連ということで、結構うれしいです。
解決してしまえば、なんということはないのですが、
最初の導入の黄色が、
どうしてか解除できないと(まぁそれでもシステムは動くのですが)
落ち着かないのが人情ってもんですよねー。


リクエストいただけるようでしたら、
いろんな記事を書きたいと思います。

( 」゚Д゚)」<まじめな記事から、下ネタまで幅広く取り扱ってますよー


見ているようで見られているってこと忘れんなよ!v( ̄Д ̄)v イエイ


Twitter、Facebook、mixiでもよろしくねーノシ

04

26

コメント

IE9公開!なにこれ早い...

日本マイクロソフトがIE9公開、25社が対応コンテンツを提供
http://www.nikkei.com/tech/business/article/g=96958A9C93819499E0E4E2E29C8DE0E4E2E6E0E2E3E3E2E2E2E2E2E2;p=9694E3EAE3E0E0E2E2EBE0E7EBEB
日本経済新聞 2011/4/26 23:00

 「IE9では、マルチコアプロセッサやGPU(グラフィックス処理専用プロセッサ)など、ハードウエアを有効活用することによる高速化に取り組んだ。さらにWebアプリケーションの使い勝手を高めるため、HTML5に積極的に準拠してきた。これらの強化により、ネイティブアプリケーションと同じ体験をWebでも提供する」。正式提供開始に先立つ4月25日に同社が開いた発表会で、堂山昌司 代表執行役副社長は、IE9開発の狙いをこう説明した。



ということでさっそくインストール!

公式サイトはこちら
http://windows.microsoft.com/ja-JP/internet-explorer/downloads/ie

ie9_install.jpg

インストール、けっこう長い5分くらい。

...

再起動。


そして画面は...

ie9_install2.jpg

なんだこれきれいじゃん!

うしろにChromeのエクステンションが透けて見えるから、
アイコンたくさんあるのかと最初勘違いしたww


インターフェースもシンプルになってていいと思う。
なんだかデザインがとってもWindows 7っぽい。


そして一番気になっていたJavascriptの処理速度は、
なにこれちょおはええええええええええええええええええええええええええええ!!

Chromeより早いよこれ!!

(実際には測っていないけどね、体感)


これはブラウザをまたIEに戻そうか要検討だなー(´∀`)

12

04

コメント

jQueryを使用したTwitterとGoogleMapの連動

GoogleMapとTwitterの連動ということで、
TweetMapだとか、いろいろあります。

位置情報は、グローバルな情報としては
極めて個人的な情報のように思いますが、
使い方としてはいいものなのではないでしょうか。

今回はサンプルを用意しました。

説明は、もしかしたら追加するかもしれませんが、
今のところは右クリックして「ソースを表示」から、
内容を確認してほしいです。

サンプル
http://blog-imgs-29.fc2.com/w/e/l/welcomevac201world/gm_tw_sample.html


使っているもの



11

26

コメント

iGoogleのガジェット作ってみた

サンプルソースを利用して、
iGoogleなんかに表示できるガジェット作ってみました。




なんか見た目がいまいちです(^^ゞ

改良の余地がありそうですねー

カテゴリごとにタブにしたいなーと思いました。


現在のソース↓
gadget.xml

ようこそ!

ブロとも申請フォーム

ブロ友申請大歓迎です!
一覧に表示されるので自動で相互リンクになります!

>> ブロ友申請はこちら <<

検索フォーム

最近のコメント

メールフォーム

名前:
メール:
件名:
本文:

FC2ブログランキング

人気ブログランキング

人気ブログランキング

ブログ村

アクセスランキング

[ジャンルランキング]
育児
934位
アクセスランキングを見る>>

[サブジャンルランキング]
パパ育児
66位
アクセスランキングを見る>>

やーんは今、

ブロとも一覧

Designed by

Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。