混乱本棚
QHM関連
***QHMを導入しようと決めた動機
現在稼働中のの現在のホームページ http://mismatchikebukuro.com/
をワープロを打てれば頻繁に書換更新が必要な場所を従業員誰もが
、特に、内容に不満を持っていてもどうすることも出来ない傍観者である私自身が、簡単にその内容を自由奔放に書換更新、さらにデザインの変更まで踏み込んで更新出来るようなシステムに置き換えることが出来そうなソフトだと試した初日に直感したため。
このシステムを学習している過程で良かったと感じていることはQHMの会社のインターネット上の資料の充実ぶりは勿論であるが、QHMシステムの啓蒙サイトを設け、より易しく教えてくれる手助け援助SITEの豊富さである。会社の資料で理解出来ない点もたぶん初心者はこんな風に解らないだろうと、さらに易しく導いてくれる有益な篤志的SITEが多く在ることである。
これまで、その解らないことがあるとそのSITEを検索して覧ているが、今、ここに書き留めておけば直ぐにそれらを開けると閃いたのでこのページに書き留めることにした。ついでに他のSITEがどのように表現に工夫をしているかを見るためにそれらも書き留める。2013/1/8
***今、私がやりたいと望んでいること。
QHMで作る新規ホームページSITEの概要
現在稼働中のホームページ骨格を使うのを止めて全く新しいホームページを作るより、現在のホームページの表現で問題と思われる点を訂正、改善、補強してQHMソフトで動くホームページに造り替える。
・・新たに骨格を構想する必要が無い【これが一番時間を食う】
・・既存という検討材料原稿がすでに文章を含め全部、目の前に揃っていて、現物を見ながら今まで物足りなさを感じた事も指摘でき、それらを改修しながら目の前で瞬時に確認が出来る。
・・新たに考え考え、打合せチェックを繰り返しながら作るより圧倒的に時間を短縮出来る。
現在のホームページ http://mismatchikebukuro.com/ の見栄え・機能を、検索エンジン最適化対策を考慮に入れながら、どのように磨き上げるか。
**まず、現在のホームページ http://mismatchikebukuro.com/ をそっくりそのままQHMで動くように組み替える。これが入り口。
QHM方式で出来上がった後に、稼働させながら改装して行く。改装に際しては現在の雰囲気を壊さないこと。
出来上がった 現在のホームページの見栄えを良くするために
壁紙をどうするか。 今回はこのままか、他の候補で置き換えてそちらの方が今より良かったら置き換えることを検討する。
ロゴマーク。 今回はこのまま。他の候補は推薦あったら検討する。
**ロゴマークの横の住所表示。 このまま
出来たら、右の空間に店の宣伝【イベント募集内容等】をテロップ形式で表示したい。(動作さしてみて見苦しいようだったら止める)
ナビのタイトルボタン表現。このままか、http://dpura.com/ のナビ表現方法を採用したい。
トップインフォメーションの表現方法 *検索対策上支障が無いなら。
テロップニュースのように流れる宣伝文章にしたい。(スピード可変、停止も可)
http://fujigopc.com/qhm/index.php?FrontPage のテロップのような感じ
写真の表現方法 メインホール・サブホール・化粧室・ロビー・設備・キッチンの枠を
作り各一定時間で映像が替わること、時間間隔は各々別に変えられるよ うな仕組みにする。
ニュースの表示方法 メニュー項目を作り、新規ニュースが有った時のみ黄色で点滅し 知らせるような方式に置き換える。
*現在のように昔の事をいつまでもトップページに貼り付かせない。
**突発的なお知らせ【緊急営業イベント内容変更のお知らせ等】
はトップインフォメーションの下に隠し行を作っておき、書き込 み次第トップインフォメーションの表現方法と同様なテロップ を目立つ字で流す。
メニューの表示方法 メニューを左に置くか、右に置くか。
この事はQHMdesignerを使えば後で、移動出来るのではないか。
今回は左に置く。
現在メニュー位置の設置されているインターネット交流サイト
(SNS)のマーク表示は小さくまとめて場所を決めて設置する。
バナーは2つとも必要ない。
**代わりにメニューに
http://www.shimoyane.com/ にあるようなモバイルサイトのメニュー項目を設ける。
*ナビの表現方法、名称・個数
表現方法 現在でも良いがhttp://dpura.com/ のナビボタン表現方法に替えればこれだけでもホームページの印象はガラッと変わるのではないか。
現在 7個
schedule/pic up/map ・floor/equipment/drink・food/ask info/ticket
改修後8個
schedule/pic up/map ・floor/parking/equipment/drink・food ask info/ticket
改良後mapの右隣に近隣パーキング情報を加える。Eのhttp://www.shimoyane.com/parking/ 方式を採り入れる。地図は手書きでparking情報も手書きが必要。
* scheduleのページ表示方式
scheduleはA、B、D、Kを参考にKもおもしろいがA、B、Dが無難。
Bhttp://www.welcomeback.jp/ かD http://shibuya-yaneura.com/ 方式を採用。
スケジュール更新書き込みはカレンダーの日付内枠をクリックすれば書き込み用ページが出てきて(この方法は絶対必要)、時間を含めワープロ感覚で文章を打ち込め、画像、リンク先も貼れる方式にする事。このページ内にはA /contactのような予約フォームを添付しても良い。
Dはカレンダーに書込があれがページ内に日付毎の内容が表示されるようになっている。
参考カレンダーhttp://cgi-design.net/prog/sche/sche37/sche37.cgi
この方式はQHMSITEでも見かけるから採用可能。編集用ページと展示用ページを作れば編集用カレンダーを見せず開示も可能か。
このような方式でA、B、D、Kのような見栄えのする表示にする。
カレンダーの表示に関してはこの書込方式の他に私の色々な着想が有る
*メニューの名称・個数
現在 明確なメニューは無い。
改修後 メニュー枠を設置 必要名称
新しいメニュー項目の設置。メニュー名は英語と日本語を併記する事
英語で書いてあってもクリック或いはマウスを載せると日本語が現れる。
* 項目名ボタンは http://dpura.com/ のナビ表現方法でも可、ナビの時とは色調を変える。
・・・お知らせ 急に伝えたい事等を書く、新規に書込があったら一定期間点滅する。
・・・ミスマッチ案内挨拶 店の特徴等を案内、挨拶
・・・Today's Event News Dのメニューより参照 http://shibuya-yaneura.com/
カレンダー内にスケジュールが書き込んで有る日のみ内容表示 ・・・携帯用SITEメニューE http://www.shimoyane.com/main.htm のメニューページを模倣。 ・・・メニュー名(仮)アーティスト ここに利用してくれている出演者、バンド、企画者の紹介宣伝用メニューを作る。 ・・・ユースト 現在の店内実況放送 パスワードを入れて受信可能 ユースト2 利用者の実況放送を発信
・・・ユーチューブ 利用者の当店での演奏記録を登録
こんな感じの画面で利用者各人の放送を紹介 http://sekai-kabuka.com/ ・・・各種紹介リンク集 http://fujigopc.com/qhm/index.php?FrontPage のようなアコーディオン型式 色々なジャンル分野毎にメニューを作り、リンク集のページを作る。
・・・スタッフブログ
**メニューの中身によりライブハウスのホームページの領域を超える。**
これ以降は私が思い付いたままのメニューとページを作る。
ライブハウスの営業と関係ない雑メニュー
天気予報の表示はどこかに貼りたい。 http://nw-kitami.com/ のような感じ 例・・・周辺情報 店の近隣の案内
下記の断り書きはメニューの下段に枠を貼り付ける。
** mismatchは、LIVE HOUSE・CLUB・RENTAL HALL・CAFEとして運営しております。 イベント企画者、出演者、企画制作スタッフ等、随時募集しております。
↓下記まで、お問い合わせください。 info@mismatchikebukuro.com
** 【!ご注意!】
mismatchでは、『night』イベントの際、23時以降の18才未満(高校在学中の方)、 身分証明書の掲示がない方のご入場をお断りしております。 ご入場の際にはID(身分証明書)のチェックを行いますので、 免許証、パスポート等必ず顔写真と生年月日の両方明記された身分証明書をご持参下さい。 また20才未満の方への酒・タバコ類の販売はお断り致します。
ナビ2の設置方法
ナビ2の名称 トップへ/ページトップへ/
http://fujigopc.com/qhm/index.php?FrontPage
1 トップページにお知らせのテロップが流れる。 採用したい
2 メニューにアコーディオン方式が多用されている 採用したい
参照QHMホームページ
http://fujigopc.com/qhm/index.php?FrontPage の紹介サイトを参考に検討する。
トップページ本文の中に二行目にお知らせテロップが流れる。 採用したい
http://kazumis-blog.com/index.php?FrontPage 天気図有り
http://naminma.com/ 天気図+潮の満ち引き有り
http://nw-kitami.com/ 文字の小中大のクリック添付有り、天気図有り 会則有り
文字の小中大のクリック添付 採用したい
http://www.kondakaikei.co.jp/qhm/ トップページのテロップ看板風広告あり
試してみたい
http://jrt-buran.6.ql.bz/ タイトルの表現 犬の年齢計算機あり
http://fujigopc.com/douga/index.php?FrontPage 動画特集
http://natural-message.net/index.php?FrontPage タイトルの字が大きい
http://kotonoha-support.lovepop.jp/index.php?FrontPage 壁紙の感じが良い 年賀の挨拶
http://akkobunbun.com/index.php?FrontPage 壁紙の落ち着き
http://なつかし亭.jp/index.php?FrontPage 壁紙
http://helpsyoukai.com/index.php?FrontPage タイトル表現のおもしろさ
http://www.fenix-co.jp/index.php タイトル表現のおもしろさ 色彩豊か
http://www.washi.biz/ タイトル表現のおもしろさ 色彩豊か
http://www.afuhi.com/ タイトル表現のおもしろさ 色彩豊か
http://www.gekidan-b-lucks.com/ タイトル表現のおもしろさ 色彩豊か 劇団
http://ibukamachi.com/index.php?FrontPage 写真タイトル表現 年賀 右側にお知らせ
http://www.nagomi753.com/ http://reiki.mimiral.com/ 写真タイトル表現 素朴さ
http://f-web.net/ この中にもQHMで作ったホームページが沢山紹介されている。
http://kazumis-blog.com/ タイトル表現 QHMの啓蒙
http://takeoff-music.com/ タイトル表現 カラオケ教室
http://www.kashima-web-school.jp/ 情報量の多さ
http://dpura.com/ ナビの表現方法 採用したい
http://kotonoha-support.lovepop.jp/index.php?FrontPage 字の大きさ、感じ、壁紙
http://qhm.web9.jp/ QHM 講座 http://ibukamachi.com/ トップページに新年の挨拶
現在稼働中のホームページ http://mismatchikebukuro.com/index.php
参考ライブハウス ホームページ 参照、 採り入れ検討点
A http://otsukadeepa.jp/ カレンダー トップページ 問い合わせホーム
ツイッターの画面、フェイスブックの画面
B http://www.welcomeback.jp/ カレンダー、トップページ メニュー項目名
C http://hearts-web.net/plus/
D http://shibuya-yaneura.com/ トップページにPick up メニュー下 Today's Event! カレンダー内の日々打ち込みは写真入り
E http://www.shimoyane.com/main.htm トップページにPick up 近辺パーキング案内 メニュー枠内募集広告 トップページ下の案内 携帯サイトメニュー
F http://www.ruido.org/
G http://www.toos.co.jp/home/ トップページ表現
H http://www.toos.co.jp/lush/ 前売り予約を受付方式
I http://www.aoiheya.com/ コミュニティ表示
J http://eggman.jp/daytime/ トップページ メール送信
K http://www.shibuya-ax.com/index.html カレンダー表示
L http://lamama.net/ 前売りチケット案内 インフォメーションメニューが良い メニューがアコーディオン方式 細かい料金設定参考
M http://shibuya-o.com/ 前売りチケット案内
N http://www.duomusicexchange.com/index.html カレンダー トップページの写真の動き(出演者の紹介)チケット予約フォーム
O http://www.studio-bulat.com/index.html ユーチューブ
P http://encoreshibuya.com/ ナビの個数、表示方法が充実 トップページと各ページの表示の変化、会場募集 このホームページは私自身が作りたい個人用のホームページのイメージに近い、私ののはこれほど見栄えが良くなくても良い(むしろダサく作りたい)出演申込&問合わせフォーム ユースト等も私がイメージした使い方をしている。イベントの作り方も私がイメージしていた内容とだいたいに於いて似ている。Ustreamでのライブ生配信 フライヤDownload可能などアイデアを盛り込んでいる。機材詳細を写真付きで紹介、良くある質問等の説明等充実。
Q http://www.livewalker.com/ これはライブハウス検索用 緊急お知らせの表現方として何か良い方法はないかと考えていたら、ヤフーでこんな画面現れた。参考に文章の一部もコピーしておく。
***この方式を模倣できたら、店側から知らせたい緊急ニュース用に仕組みを設置したい。
http://emergency.weather.yahoo.co.jp/weather/jp/notice/ 災害情報表示機能の提供について 東日本を中心に2011年3月11日に起きた地震と津波では、かけがえのない多くの命が奪われました。Yahoo! JAPANでは、多くの方に的確に地震や津波の情報をお知らせするために、地震や津波警報発表の際は通常はバナー広告が表示されているスペースを利用して、地震や津波に関する速報を表示しています。
[Yahoo! JAPANのサービスのページ内での表示例]
[Yahoo!モバイル内での表示例]
山積み参考書
QHMを学習するに当たっての有用SITE&啓蒙サイト
私がやりたいと望んでいること。
''''