Webシステム開発のリバーストーンTopページへ Webシステム開発のリバーストーン 会社概要へ Webシステム開発のリバーストーン サービス・技術のご紹介 Webシステム開発のリバーストーン 実績のご紹介 Webシステム開発のリバーストーン カンパニーブログへ Webシステム開発のリバーストーン ラボへ Webシステム開発のリバーストーン お問い合せフォームへ Webシステム開発のリバーストーン オンラインサポートへ

お知らせ・最新の仕事など、チームブログというスタイルで各担当者がオフィシャルな記事を投稿します。

2007/10/25

Webアンケートシステム -Ruby on Rails -

ご依頼内容

全国版フリーペーパーのアンケート収集・データ解析システム構築・環境提供のご依頼(携帯3キャリアに対応・SSL必須)。


ソリューション

  • ベリサイン社セキュアIDによりSSLを提供

  • システムをRuby on Railsにて弊社サーバ上に構築

  • アンケート作成機能は、ラジオボタン、チェックボックス、セレクトボックス、テキストフィールド、テキストエリアに対応

  • 集計状況を視覚的に見易くするため棒グラフで表示

  • 簡易会員管理


スクリーンショット 納品先

広島県(広島市)

ラベル: ,

Bloggerの使い方 (エンベッド)

今回は、動画の投稿について紹介します。

動画は、Bloggerからの投稿とYouTubeの動画をエンベッド(埋め込み)する方法があります。


Bloggerからの投稿

1 「ビデオの追加」ボタン  をクリックします。

2 以下の画面が表示されたら、

  •  アップロードするファイルを選択
  •  ビデオ タイトルを入力
  •  「アップロードに関する利用規約に同意します。」にチェックを入れます。
  •  「ビデオをアップロード」をクリックしてアップします。



*動画のアップできるサイズは最大 100 MBです。
*アップできる動画の種類は、 AVI、MPEG、QuickTime、Real、Windows Mediaの5種類です。



YouTubeの動画をBloggerにアップする方法

1 Bloggerの「HTMLの編集」を表示します。


2 YouTubeにアクセス、投稿したい動画を開きます。

3 投稿したい動画に表示される「埋め込み」または「Embed」の中のタグをコピーし、BloggerのHTML画面の任意の場所にペーストします。

《YouTube画面》


《BloggerのHTML編集画面》


以上が、Bloggerにおける動画のアップ方法の説明です。

次回は、GoogleMapsをエンベッドする方法について紹介します。

ラベル: , ,

2007/10/15

Bloggerの使い方 (Picasa 画像編集)

画像編集

1. 編集したい画像をWクリックして、編集画面を開きます。



2. 基本編集・調整・効果を選択して画像を編集します。




【基本編集】


切り抜き

画像をクリック→ドラッグした状態で、切り取る画像範囲を選択します。

「プレビュー」…切り取った状態の画像を見ることができます。
「適  用」…作業の確定
「リセット」…作業のやり直し
「キャンセル」…基本編集画面に戻ります。


傾き調整

表示画像の下部のボタンをスライドさせ画像の傾きを調整します。

「適  用」…作業の確定
「キャンセル」…基本編集画面に戻ります。

赤目処理

赤目の周りでマウスをクリック、ホールド、ドラッグしてマウスを放すと赤目が削除された画像が表示されます。

「適  用」…作業の確定
「リセット」…作業のやり直し
「キャンセル」…基本編集画面に戻ります。

以下のボタンは、クリックすると自動的に調整されます。

I'm Feeling Lucky…ライティングと色合いを調整
自動コントラスト調整…色合いを変えずに露光を調整
自動色調整…色合いを自動的に調整

明るさ調整…ボタンをスライドして明るさを調整

*いづれも取り消しをクリックすると一つ前の作業内容が削除、やり直しをクリックすると、削除された修正内容が再度適用になります。

【調整】

明るさ・ハイライト・シャドウ・色温度…ボタンをスライドさせながら調整します。

ニュートラルカラー設定…画像全体の色(例えば、全体が青みがかった画像)の補正をします。

(使い方)
スポイトのアイコンをクリック(カーソルがスポイトに変わる)→グレーまたは白の部分をクリックすると補正が行われます。

*いづれも取り消しをクリックすると一つ前の作業内容が削除、やり直しをクリックすると、削除された修正内容が再度適用になります。

*ワンクリックで、ライティングまたは色合いを自動調整します。・・・


【効果】

任意の効果を選択してください。

*複数の効果を選択できます。
*効果の中には、微調整ができるものがあります。クリック後表示されるボタンで調整してください。

*いづれも取り消しをクリックすると一つ前の作業内容が削除、やり直しをクリックすると削除された修正内容が再度適用になります。

作業の確定は「適用」基本編集画面に戻る時は、「キャンセル」をクリックします。



【保存】
ファイル→フォルダに画像をエクスポート、または右下のエクスポートボタンをクリックして保存をします。

フォルダのエクスポート先…画像をどのフォルダに保存するかを決めます。
「参照」ボタンをクリックして保存先を指定してください。

エクスポートフォルダの名前…画像の名前を付けてください。

写真サイズオプション…通常は元のサイズを使用するでOKですが、ブログに添付するときはサイズの変更が必要になる場合があります。
その時は、サイズ変更にチェック→空欄に数値を入れるかまたはボタンをスライドさせてサイズを変更してください。


画質…通常は自動でOKです。サイズを変更したい場合は、プルダウンメニュー「V」をクリックして任意のサイズに変更してください。

設定後、「OK」をクリックして終了です。


以上、今回は3回に分けてPicasaとBloggerとの連携そして画像の編集について掻い摘んで説明をしましたが、その他便利な機能がたくさんありますので、こちらをご覧になってPicasaをフルに使いこなしてみてはいかがでしょうか。


次回は、エンベッド(画像・動画、地図等)について説明をする予定です。

ラベル: , ,

Bloggerの使い方 (Picasa ウェブアルバム)

Picasaには、ユーザーが写真を容易にウェブにアップロードし、保管できるウェブアルバム機能があります。また既存サイトからウェブアルバムにリンクをさせることが可能です。


【アルバムの作成】

1.Picasaを起動後、ファイル→新規アルバム作成→プロパティが表示されたら、名前・日付・場所・説明を入力→OK(アルバム用フォルダが作成されます)

2.アップする画像を選択後、追加先を選択(アルバム用フォルダに画像が追加されます。)


3.アルバム用フォルダを選択後、 「ウェブアルバム」 をクリックし、必要事項を入力します。



4.アップロードの終了後、「完了」をクリックしてアルバムの作成を終了します。


【アルバムの機能】

1 ライブラリー画面右上の「ウェブアルバム」をクリックし、作成したアルバムを表示します。変更したいアルバムを選択し、表示させます。

アルバム プロパティを編集…タイトル、日付、説明、公開非公開が選択できます。
アルバムカバーを選択…アルバムの表紙が選択できます。
写真をアップロード…アルバムに写真の追加ができます。

このアルバムへのリンク…ブログやウェブサイトからウェブアルバムにリンクすることができます。
以下からコピーして貼ります。
  URLを直接貼る場合→メールまたはIM
  サイトのHTMLに貼る場合→Webサイトに埋め込む


アルバムをダウンロード…アップしたアルバムをPCにダウンロードします。
アルバムを削除…不要なアルバムを削除します。

スライドショー…表示時間・タイトルの表示の設定をします。
オーガナイズ…画像の並び替え・コピー・移動・削除が行えます。
キャプション…タイトルの入力が行えます。
アルバムを共有…このアルバムへのリンクをメールでお知らせできます。
サイズ…画像の大きさを変えることができます。


以上です。

次回は、画像編集についての説明です。

ラベル: , ,

2007/10/10

Bloggerの使い方 (Picasaから投稿)

Picasaは、パソコンの全ての画像を整理、編集、共有ができるとても便利なソフトです。
今回は、その便利な機能のひとつ「PicasaとBloggerの連携」についての説明です。


Picasaから投稿

「Picasa」で作成した画像をそのままコメントをつけて「blogger」に投稿することができます。

1.Picasaを起動後、投稿する画像を表示します。



*画像の下部に(カーソルが点滅している部分)に画像名を入力します。


2.右下の「BlogThis!」をクリックします。

*最初の利用時には、ユーザー名とパスワードを求められます。



上記の画面で必要事項を選択して「次へ」をクリックします。


3.ブログ作成画面が表示されます。

 「タイトル」「投稿記事」 を入力後 「公開」または「下書きとして保存」 を選択して終了です。




以上です。

次回は、Picasaのウェブアルバムについての説明をします。

ラベル: , ,

2007/10/06

Bloggerの使い方(画像)

今回は「画像の挿入」についての説明です。

1.はじめに画像追加ボタンをクリックします。→ 
  
※ アップロードできる形式は、jpg ・ gif・ bmp・ pngの4種類です。また、1枚の最大サイズは8MBまでです。

2.以下の窓が開きます。


  
※ 画像は「コンピュータ」または「ウェブ」から追加することができます。
   
1.コンピュータからは、「参照」クリック、
  または、Webからは空欄に「URL」を入れます。
    ※ Webからの画像追加は、
      サイトの追加したい画像上で右クリック
      → 「画像URLをコピー」を選択
      → URLの②にコピー 
    ※ 複数追加する場合は、「別の画像を追加」をクリックして下さい。

2. レイアウトを選択します。(画像を追加する位置を決めます。)

3. 画像サイズを選択します。

4. 全て選択できましたら、画像をアップロードをクリックすると画像のアップロードが始まります。
   

5. 追加した画像の表示後、その画像をドラッグして任意の行に移動してください。
   ※ 画像の表示後はアップロードの画面を閉じてください。
   ※ 先に画像追加画面で選択した画像位置(左・中央・右)は変更できません。
       アップ後位置を決めたい場合は、なしを選択してください。

以上が、Bolggerの画像挿入の手順です。

次回はPocasa2を使った画像の編集方法の説明をします。

ラベル: ,

2007/10/03

動画作成のお手伝い

「能取湖のサンゴ草を多くの人に紹介したい!」というかがり屋様の依頼によりお手伝いさせていただいた動画作成の仕事をご紹介致します。



今ある機材だけで作るという難問クリアからスタートした仕事でしたが、無事完了する事ができ、昨日よりかがり屋様のサイトで公開されています。

こちらよりご覧下さい。

日の出から日没までの約13時間、10秒間隔で撮影した4535枚の写真を小刻みにswfへ変換し、更にDivXで圧縮・結合したものをYoutubeへアップロードし公開しています。

かがり屋様の「サンゴ草を多くの人に伝えたい!」という気持ちは、サンゴ草シーズンである9月中毎日休まず更新されていたブログからも、きっと多くの人に伝わったことと思います。

一番多忙な時期だったと思いますが、本当にお疲れ様でした!

ラベル:

このページのTOPへ

ホームリバーストーンについてシステム開発・技術実績Bloglabs.r-stoneお問合せプライバシーポリシー商取引に関わる表示