2013年12月23日月曜日

WordPressで不動産物件サイト

不動産物件サイトの制作をさせていただきました。
WordPressで作っています。

リニューアルする前はホームページビルダーでクライアント様がこつこつと手作りで更新していたので、
ビルダーを使える社員の方しか更新できず、しかも1件登録するのに、写真を整理して加工、該当フォルダに入れ
1つ1つ情報を入れてリンクをはり、表紙にも新着情報を手作りでいれる・・・・30分~1時間以上かかります。
CMSシステム(データベースを使ったwebシステム)にすることで、パスワードをもった複数の管理者さんが誰でも、ウェブからブログを投稿するように入れるだけで
新着にも自動で出る、いろんなキーワードから絞り込みで検索できるようになる、
とても早く情報が更新できるようになったと喜んでいただけました。
情報の更新にかかる時間もコスト。コストを下げることで
スタッフの方が本来やらなければいけない仕事に集中できますね。
更新しやすい、使いやすいwebシステム
そして、ユーザーにとっては検索しやすい、希望の物件をみつけやすいホームページ
この両方を実現しようと目指しました。

(表紙)

1)一覧ページと詳細ページ

データベースを使った検索サイトの構成は、基本的には「一覧ページ」と、「詳細ページ」の2つです。
詳細ページは、見出しや場所の基本情報と、価格などのデータ、そして写真で構成されています。

(物件詳細ページ)

一覧ページは、「土地」「住宅」「オフィス」などのおおまかなカテゴリでの一覧はもちろん、
エリアで検索一覧や、「プチ農業ができる」などのこだわり検索での一覧もあります。

(一覧ページ)


2)計画 (ワイヤーフレーム)の作成

このようなワイヤーフレームを制作して、クライアント様に説明、同時に、システム担当者にも、WordPressのどの機能をカスタマイズして、実現したいかを依頼して、検討してもらいます。

(制作初期の頃のワイヤーフレーム)


(一覧表示のワイヤーフレーム)

例えば一覧表示で、何件表示させるか、10件とすると、10件をオーバーした場合は、次のページへのリンクが出るようにとか
その時の並び順は、新着で良いのか?それとも並び順を管理画面から変えられるようにするのか?
表示するときに、価格が安い順や、新着順など並び替えをユーザーができるようにするのか?
ひとつひとつの機能が増えると、機能追加で見積もりも変わってくるので、システム担当者と、お客様とに希望を聞きながら調整していきます。(この仕事が一番大変)

結局、ワンクリックで数十件もヒットするような通販サイトではないので、ユーザーが任意で順番を並べ替えするほどの利便性は必要ないでしょう・・との判断で、後者の機能は削除しました。

3)物件投稿画面(管理画面)


サイト制作のうちかなり頑張って労力を割くのが、「使いやすい管理画面の制作」です。
WordPressはカスタマイズをすると、このように使いやすい物件入力画面が作れます。
うちのスタッフの力作です。






4)データベースってエクセルの表のようなもの


上記の管理画面を作るときに先に計画するのがこのような表です。
データベースっていうのは、ひとつの項目にひとつの答えがあって、対になったそのデータはまとまって一つの表になっています。
その一つの表がすなわち、「物件個別ページ」で、表のままで表示させては味気ないので、テンプレートとスタイルシートで、表示を見やすくしています。



この項目の中から何を取りだして、一覧表示ページで表示させるか・・を考えてから、下記のようなレイアウトを考えるわけです。

5)デザインが固まってきました

こんなふうにデザインをいくつか作って、これを元に素材を切り出しし、テンプレートの制作をします。




6)お問い合せフォーム


不動産物件サイトの一番の目的はお問い合せをいかにして増やすか・・・その物件で決まらなくても、問い合わせていただいたことで、お客様に信頼して貰えれば、他に良い物件が出た時に紹介もできますし、様々な相談にのらせていただくことが可能になります。

というわけで、お問い合せフォームは、各物件の末尾にすべて設置できるようにしてあり、お客様が問い合わせた時に、どの物件からフォームを送信してくれたかがわかるようになっています。


物件を買いたい、借りたい方からの問い合わせがいただきたいのももちろんですが、物件を持っている人で、売りたい、貸したい方からの問い合わせもすごく大事です。
(例)



フォームメールを手作りで制作すると、何か変更があった場合、システム担当者しか直せませんが、WordPressのプラグイン、コンタクトフォーム7を使えば、管理人さんが直接編集できるのもメリットです。

7)GoogleMapとの連携


物件の管理画面に、北緯と東経の数字をいれると、こちらのMapに表示されて、マーカーをクリックでその物件の詳細が見れるようになっています。


(例)

8)固定ページ


WordPressなので、「投稿」と「固定ページ」の2種類があります。
投稿は、いわゆる普通の「ブログ」と同じで、新しく投稿したものが、時系列にどんどん頭の方に追加されていき、過去ログは次ページへ送られます。
ブログと同じなので、カテゴリを作っておくと、カテゴリ毎に分けて表示させたりできます。
「固定ページ」は、投稿とは違い、時系列にならばず、管理者がここに固定させたい・・と思った場所でいつまでも表示し続けます。

伊那谷物件webの場合は、会社概要や、購入の流れ・・などのページを固定ページで作ってあります。もちろん、管理画面から管理者さんが直接編集ができます。



(例)


9)田舎暮らしのための物件探しは難しい



長野県へIターンしてきて、家を探していたという友人を何人も知っていますが、特に首都圏などに居ながらにして、田舎の物件を探すのはすごく大変だということです。
情報がなく、ネットで探しても、その中の情報だけでは、本当に人生掛けても良いほどの良い物件なのかどうかなんて全然わからない。
そんなときに、頼りになる、なんでも相談できる地元の相談相手が見つかるとすごくいいですよね。

たとえば、信州に土地探しの旅行にいく日を決めておいて、一日の内にできるだけたくさんの物件を見せてもらいながら土地巡りの旅をするとか。
不動産に関することは、様々な法律や、規制、登記などについての知識が必要で、やはり不動産のプロに任せるのが一番。
そういった相性の良い不動産屋さんと出会えるかどうかが、自分に一番ぴったりの物件とめぐりあえるかどうかのカナメになると思います。


不動産業界には業界同士のつながりがあり、この一覧にない物件でも、希望を言えば探して貰える可能性もあるそうで・・・・・
スタッフ皆さん、いいおじさんですが(すみません(^-^;) 、不動産という豊富な知識と経験が必要な業界、「良い物件か」「問題ある物件じゃないか」をかぎ分けるベテランの力が必要なんだなとわかりました。

どうしたら信頼できる不動産屋さんなのかを知って貰えるホームページにするにはどうしたらいいか・・・
トライネット不動産の社長さんと、何度も何度も話し合って、良さが出せるサイトにするように考えました。
もちろんこれから、CMSのしくみを使って、
このホームページが「飯田・下伊那・長野県」にいつか移住したいと思っている方のお手伝いになれば嬉しいです。



2013年12月11日水曜日

Jimdoのバックアップどうしてますか?

アトリエwebの森のモモンガです、今回はJimdoCafe(ジンドゥーカフェ)が主催している

Jimdo Advent Calendar 2013

こちらに参加させていただいたので、全国のJimdoファンの皆さんに見ていただける可能性アリということで、Jimdoユーザーさんに向けた記事を書かせていただきます。

Jimdoを使っていて不便なことのひとつにバックアップが不安っていうことありませんか?

そう。自分の家のパソコンでホームページビルダーなどでHPをコツコツつくり、サーバーにアップロードして、公開するという方法をとっている場合は、自分の家のパソコンにホームページがまるっと一式入ってるので、
万一、一緒に運営している人が壊してしまったり、間違えてサーバーから消してしまった場合、パソコンに元のファイルがあるので、すぐに戻せますよね。
例えば毎月ごとに、フォルダ丸ごと、CD-Rなどに保存しておけば、デザインが崩れて困った!な状態になっても、先月の状態に戻す・・みたいなこともできます。

でも、Jimdoはサーバーにログインしてホームページを作るので、削除ボタンで簡単に消すこともできるし、崩してしまうことも出来てしまいます。

もし、一緒に作業している人が、せっかく時間かけて作ったページを削除してしまったら・・・と思うとちょっと真っ青になったりしますので、その万一に備えてバックアップの方法を考えておいたほうが良いと思います。

店長さんがスタッフさんにお店のサイトの更新を任せているとか、制作を請け負ったデザイナーさんが納品後になんらかの事情でサイトを復元しなければいけなくなった場合とか、グループ経営のサイトで複数管理人がいるとか、複数の人で更新している場合は心配なので、定期的に手軽な方法でバックアップをとれるようにして置くと良いと思います。

Firefoxの拡張機能 ScrapBookを使って見よう


ブラウザ(ホームページを見る時のソフト)に、インターネットエクスプローラーしか使ってない方に、Firefox(ファイヤーフォックス)というブラウザを紹介します。
ここからダウンロードできますので、パソコンにインストールしてみてください。


1)インストールしたら、拡張機能を追加します。


①ツール ⇒アドオン ⇒②検索のところでScrapBookと検索




2)アドオンをインストールします


インストールボタンを押すだけ。その後ブラウザを再起動(いったん閉じて立ち上げる)させます



3)保存したいサイトの上で右クリックして、ScrapBoo⇒ページを詳細に保存


画面のどこでもいいので、マウスをおいて右クリック



4)詳細はここで設定できます


・フォルダのところで+を押して、フォルダ名をつけておくと、後で探しやすいです。

・掘り下げ保存は、リンクをたどる深さ。通常は2くらいまでで良いと思います。





5)バックアップが始まるとこのようになります


時間がかかるので、放置して、他の仕事をしてても大丈夫です。




6)完了するとこのようなお知らせが出ます





7)バックアップの保存先を指定することができます



メニュー ⇒ツール ⇒アドオン ⇒一覧の中から、ScrapBookを選んで、設定





8)バックアップを呼び出したい場合は、表示 ⇒サイドバー ⇒ScrapBookを選ぶと、サイドバーに今までバックアップした一覧が出てきます






9)バックアップを呼び出したい時はサイドバーのフォルダの中から探してクリックすればOK





10)万一間違いで消してしまい、復活させたい場合


ひとつのブラウザで、Jimdoにログインして、作業をし、もうひとつのブラウザ(Firefox)で、どのようなページだったのかをみて思い出したり、コピペしたりしながら、
7番で選んだ保存先のバックアップファイルに保存されている画像を探し出して、再登録すればOKです。


でも・・・・一度消してしまたのを副元させる作業って結構つらいですよね_| ̄|○
そうならないように、共同作業する人には、削除のこわさを十分伝えて共有しておきましょう。。。。。。


  
事例で使わせていただいた、天龍村農林業公社さんのホームページはこちらです。
長野県の最南端の小さな村で、農家を応援したり、特産物を広めようと頑張っておられます。


ゆずドリンクめっちゃ美味しいですよ!そのまま薄めて飲んでも、ドレッシングや手作りポン酢など・・・・





2013年10月11日金曜日

インターネットを使って売上をあげるEC実践会プレゼンテーションセミナー 2013/10/29

webの森が南信支部の事務局をしている「水上浩一EC実践会」の、飯田地区でのプレゼンテーションセミナーが開かれますので案内します。




日時】1029()1330分~1630定 員 】40
場所飯田市文化会館 2階会議室     参加費】1,000

FAX用紙ダウンロードはこちら
チラシB面(地図)


「全国EC実践会」は全国13カ所で展開しており、ネットショップやネットを使った集客や売上アップの方法を学ぶ、少人数型実践勉強会です。
長野県では「ずくだせ長野」という名前で開催しており、webの森はその南信支部のお手伝いをしています。
地元で仲間を作りながら一緒に勉強することで、何かとつらいことが多い「ネットショップの経営」や「ホームページ運営」の基礎体力をつけ、成果の上がるショップになれるよう、仲間と一緒に成長しませんか?webの森はがんばる店長さん(スタッフさん)を応援し、全力でお手伝いします。>>ずくだせ長野本部はこちら >>facebookページ

EC実践会って何?















飯田市の月商30万円だったネットショップが売上700%アップを達成
成約率31%オーバーしたうどん屋さんの商品説明ページの作り方
お問い合わせ件数ゼロだったホームページが急にお問い合わせが続出!

セミナーでは、長野県内はもちろん、浜松・広島・沖縄・秋田・熊本といった地方の、どこにでもある地元のお蕎麦屋さんやお肉屋さん、酒屋さん、車屋さん達が実際にインターネットを活用して売上をあげた方法を紹介してもらえます。
はるか彼方の話ではありません。同じ長野県内でもこのセミナーで決断した28社が参加し、成果をあげた事例が満載です。

月商1000万円店舗を多数輩出し、全国15カ所で展開しているEC 実践会の短期間劇的売上アップの秘密を公開。セミナーではEC 実践会説明会も兼ねています。

興味がある方は、ぜひ10月29日飯田文化会館、お申し込みください。

2013年10月10日木曜日

Jimdoで農家直販サイト

自分で更新できるホームページサービス「Jimdo」を知っていますか?

KDDIウェブコミュニケーションズが運営する「ホームページの作成や更新が簡単にできるサービス」なのですが、今回すてきな農園サイトが出来ましたので紹介しながらJimdoでサイトを作るコツを書きたいと思います。

>信州松川 りんご屋たけむらさん

1)コツは良いテンプレート配布サイトを探す

言っては悪いんだけど、Jimdoに元から用意されているテンプレート・・・・まともに使えるのがないですね...orz
やっぱり海外発のサービスだけあって、どこか外国のブログを見てるような大雑把なデザインばかり。




初心者さんが簡単にきれいなJimdoサイトを作るには、いくつかJimdoのテンプレートを配布してくれているサイトさんがあるので、そこからデザインを借りてカスタムする方がきれいなサイトができます。

デザインを借りる時は、その配布しているサイトからJimdoを登録しないといけないのです。
ということは、まずJimdoを知って、試してみようと思って登録したサイトをいったん捨てることになる・・・・・

わたしが知っている限り、まず登録していろいろさわってみて、色とかヘッダー画像とか変更したあとにやっぱり使えないとなって、テンプレート選びからやりなおしている方がほとんどです。
この場合、Jimdoはデータのエクスポートインポートの機能がないですから、それまでに入力した記事はほぼ手作業で登録しなおすことになります。

でも、ざっくりとJimdoの機能や編集方法をつかむにはとりあえず登録するしかないので、これは必要不可欠な行程なんですが、
そんなわけで、いずれは独自ドメインにて有料登録で運用したいと思っているひとも、すぐには有料アップグレードしないで、元のテンプレートとうまく相性が合って、気に入ったデザインにできるとわかった時点で、有料アップグレード →独自ドメインへの移行
をすると良いと思います。

2)独自レイアウト機能を使っています

ところで・・・このサイトは配布テンプレートではなく、独自レイアウトを使っています。
この記事はデザイナさんが読んでいるかもしれないので理由を書きますが、配布されているテンプレートっていうのは、ものすごい量のスタイルシートがくっついて来るのですよね。
そりゃそうです、使う人がどのようなシーンで使っても良いように、なるべくたくさんの条件を想定して、どんな状態になっても良いようにスタイルが作ってあるのが、テンプレートです。
(逆にテンプレート作りはそこが大変)
デザイナーが作業するときに、そのたくさんのスタイルを、壊さないように調査するだけでもけっこうな労力です。
だったら、まっさらな所から自分で作った方が早いのです。

というわけで、今回は独自レイアウトを使い、こんな可愛いサイトが完成しました。
今回はデザインは私ではなく友人にお願いしました。





3)Jimdoで通販サイト・・・


Jimdoはショッピングカートが用意されているのですが、これが案外使いにくくて、このサイトでは、通販ページは、メールフォームにしてしまいました。

ちなみにJimdoは無料プランでは商品点数5つ、プロプラン(有料で独自ドメインが使える)では15商品の商品が置けます。

しかしながら、普通の通販ショップASPにはあって、Jimdoにはない機能は、会員管理機能等々いっぱいあって、通販ショップASPの便利さを知っているモノとしては、足りないことだらけで、やはりショップサイトはJimdoでは不足だなぁということを実感します。

ただし、農園さんのように半分アナログ的な受注方法の方がうまくいく場合はJimdoでも十分かと思います。
りんご屋たけむらさんの場合は、商品ページに、料金表、運賃表、FAX注文用紙、メールフォーム埋め込みと全部てんこ盛りで入れてあります。
このような手作り感のある通販ページを、ショッピングカートASPでやろうとするとけっこう大変だったりします。



(補足)アナログ的な受注方法というのは、ショッピングカートですべての行程を自動化するのではなく、フォームメールを貰う ⇒送料や出荷時期、お支払い方法などをお知らせするメールを返す ⇒入金の確認 ⇒発送
というような一連の動作をすべて手動でやる場合という意味です。
産直通販などは、特産物の出荷時期なども変動があり、全部自動化されてしまうと逆にトラブル発生の原因になる場合があります。
お客様がPCになれていない客層の場合も多く、通販カートで買うよりも、電話やFAXの方が多い場合の業種にも向いています。


4)Jimdoでもブログは可能


Jimdoにもブログ機能はあるので、このようなブログページを作ることは可能です。
ただし、WordPressやMTなどのブログ専用ツールに比べると、使い勝手はとても悪くて、更新するのも慣れが必要です。SEO対策も弱いと思います。

>ブログページはこちら



5)バイク好きがあつまるりんご農園


りんご屋たけむらさんは、オーナー夫婦揃ってバイク大好き。
直売所の前の道は、知る人ぞ知る、ツーリングファンがよく使う、見晴らしの良い道で、飯田方面や、諏訪方面からライダーやチャリダーたちがよく通りがかる素敵な道です。
コンテンツには、ライダーさんに役立つ観光案内も入れました。(ただいまツーリングMapは準備中です)




ちいさな農園にとっては、本格的な通販ASPサービスを構築する手間も、維持する費用も厳しい場合があります。
そんなときJimdoくらい手軽なサービスはありがたいですね!



長野県でJimdoを勉強したい人のために
信州Jimdo倶楽部を運営中です。
気になる人はお気軽にお問い合せください。
facebookページもあります。




2013年9月19日木曜日

新Nexus7 (SIMフリー)が来た! LTEが使える、バックカメラついてる、テザリングできる!

新Nexus7を手に入れてしまいました、まだ全部つかいこなせていませんが、今度のNexus7の良いところです。


  1. バックカメラがついている
    (これで写真とってすぐにアップできる!)
  2. テザリング標準サポート
    つまり、ルータを持ち歩かなくても、ノートパソコンで3G電波でネットできる!
  3. 機種によってはLTEがOKらしい
  4. SMSが使えるようになった(ソフト追加必要)
    なので、LINEの認証など、携帯電話がないと認証できない機能も使えるらしい
  5. 画面がきれいに
    (解像度があがったそうです)



らしい・・・と書いてあるのは、まだ試してないからです。

とりあえず初めの一歩のやり方紹介

1)本体、充電器、ケーブル、SIMのフタを開けるパーツが入っています



2)電源入れたら最初に日本語を選びます



3)Googleにログインする


すべてのがGoogleアカウントでPCと同期されるのでGoogleアカウントは必須です。
アプリをインストールする場合も、PCでGoogleにログインした状態で、GooglePlayへいき、インストールボタンを押しておくと、ネクサスの方にも自動で入っています。

このとき、部屋の中にwifi電波が飛んでいれば、それをキャッチして、パスワード入れるだけでもうネットにつなげます。


4)SIMカードを入れる


今回もIIJmio (アイアイジェイミオ)にしました。
たまたま購入したショップで、無料スタートパックがついていたのでそれを入れて開始


5)SIMカードはここから入れます


ピンを穴に刺すと、入れる箱が出てきます


6)マイクロSIMを、ツメの位置があうようにセットして、入れます



7)アクセスポイントを選ぶ(IIJmio)


設定 ⇒無線とネットワークの中のその他を選ぶ ⇒モバイルネットワーク
⇒アクセスポイント名 ⇒ここでIIJmioを選びます

以前は面倒な設定が必要でしたが、すでにいろんなアクセスポイントが入っているのでこの中から選択するだけでOK




8)SIMを開通させる https://www.iijmio.jp/


カードに書かれた番号とパスコードが必要になります。




参考になったよ!って方はwebの森のfacebookページへイイネをしてね(v^ー゜)

(補足) IIJmioのiPhoneやiPadの動作確認について


このような情報が届きましたのでシェアします。iPhone5やiPadではどうなんだろうという方の参考に・・・・・・・
-------------------------------------------

                                                   2013 年 9 月 19 日

お客様各位

                                  株式会社インターネットイニシアティブ


   IIJmio高速モバイル/DサービスにおけるiOS 7の動作検証結果について


拝啓 時下ますますご清祥のこととお慶び申し上げます。
平素は弊社サービスをご利用いただき、誠にありがとうございます。

さて、この度弊社では、IIJmio高速モバイル/DサービスにおけるiOS 7に対応し
たすべてのデバイス(SIMフリー版)の動作状況につき検証を行いましたので、
下記の通り検証結果をお知らせいたします。

                                                                  敬具

                                  記

【サマリー】

  * iPhone 4, iPad 2をiOS 7にアップデートすると、IIJmio高速モバイル/D
    サービスではデータ通信ができなくなります。
  * それ以外のiOS 7対応デバイスは、iOS 6同様の動作検証結果となりました。

【動作検証結果一覧】

    * 弊社ではSIMフリー版のiPhone/iPad製品について、OSのバージョンを問
      わず動作保証しておりません。
    * 検証結果につきましては、すべて弊社にて独自に調査した結果であり、
      その内容を保証・サポートするものではありません。

iPhone 5 (モデル番号 A1429(GSM))

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ○
    LTEデータ通信     : ×
    テザリング        : ○
    アンテナピクト表示: ×

iPhone 4s

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ○
    テザリング        : ○
    アンテナピクト表示: ×

iPhone 4

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ×
    テザリング        : ×(3G通信不可のため)
    アンテナピクト表示: ×(圏外表示)

iPad mini (モデル番号 A1455)

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ○
    LTEデータ通信     : ○
    テザリング        : ○
    アンテナピクト表示: ○

iPad(第4世代) (モデル番号 A1460)

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ○
    LTEデータ通信     : ○
    テザリング        : ○
    アンテナピクト表示: ○

iPad(第3世代)

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ○
    LTEデータ通信     : ×(NTTドコモのLTE周波数に未対応)
    テザリング        : ○
    アンテナピクト表示: ○

iPad 2

    iOSバージョン     : 7.0(11A465)
    3Gデータ通信      : ×
    テザリング        : -(未対応)
    アンテナピクト表示: ×(圏外表示)

 * テザリング(インターネット共有)が設定できない場合は、弊社が作成し
   た構成プロファイルをご利用ください。
   https://www.iijmio.jp/guide/outline/hdd/config.jsp


                                                                  以上
----------------------------------------------------------------------
IIJサポートセンター                       TEL: 03-5205-4400
                                          FAX: 03-5205-4401
                                          WWW: https://www.iijmio.jp/

                                          E-Mail: support@iijmio.jp
----------------------------------------------------------------------

webの森のFBページへも来て下さい