Elegant Universe

Handling sound in Flash is restricted to setting the volume and panning. We want to create sound and music applications using the Flash platform but as for now the platform restricts our possibilities in many ways.

For all the other Adobe nerds: What do you need to make audio applications that rock? Contact us! info@make-some-noise.info

For Adobe, here is the list of things we wish for our work to be outstanding:

사람들이 컴퓨터를 이용해서 하는 작업 모두는 언제나 쌍방향으로 상호작용을 한다고 말할 수 있습니다. 이것을 인터랙티브하다고 표현하며, 현재 그러한 '인터랙티브한 경험'의 중요성이 날로 심해지고 있어요. 즉, 단순한 메시지 전달 만이 아니라, 기능성과 사용편의성을 고려하여 해당 정보에 쉽게 접근할 수 있는 경로와 분명한 가이드 역할을 제공해야 하는 것이지요.

특히, 그러한 인터랙티브한 사용자 경험으로서의 새롭게 각광받는 후보로 '사운드'를 들 수 있겠는데요. 사실, 소리는 우리가 예전부터 날마다 주변에서 흔히 접할 수 있는 원천이지만, 이 소리를 웹에 접목시켰을 때의 시너지 효과는 제가 항상 주의깊게 보는 관점이지요.

예전, 초기의 웹사이트에서부터 현재에 이르기까지, 배경음악 등이 처음부터 자동적으로 시작되어 해당 사이트의 분위기를 자아내는 역할을 담당했는데요. 즉, 순전히 시각적 경험을 위해 디자인된 인터페이스에 각종 음악, 효과음 그리고 나레이션 등이 통합될 때, 디자인이나 컨텐츠 두가지 측면에서 중요한 역할을 수행할 수 있습니다.

사운드를 인터페이스에 성공적으로 통합시키려면 믹싱과 타이밍에 각별한 주의가 요청됩니다. 분위기를 살리고 강조해야 할 부분을 매순간 정확하게 짚어주기 위해서는 이 사운드 소스들의 볼륨크기가 적절히 조정되어야 하지요. 화면 변화와 음악을 일치시키는 syncronization에 따라, 해당 사이트의 분위기 및 첫인상을 가늠하게 만들어 줍니다.
이렇게, 사운드를 컨텐츠의 각 부분에 맞게 사용하게 되면 다양성과 연속성에 영향을 주어 사용자에게 강한 인상을 남기게 합니다. 이것으로 인해 사용자의 인터랙티브한 경험을 살릴 수도 깰 수도 있으며, 컨텐츠에 대한 사용자의 인식에 지대한 영향을 미칠 수 있습니다.

(99rooms.com) 이라는 곳이 있는데요. 이 곳은 99개의 방이 있는데, 각방마다의 그곳의 분위기, 효과음이 매우 잘 표현된 실험적인 사이트입니다. 사운드와 인터페이스를 효과적으로 잘통합시킨 한 예라 할 수 있겠네요.

우리가 음악을 들을 때 우리의 뇌는 음율/ 음색/ 리듬등을 정리하고 구분해야 하며 어떤 음의 패턴은 뇌에 저장되어 있는 무의식적 또는 의식적 기억을 일깨우기도 합니다. 특히 음악의 멜로디에 있어 음율 전체의 구조와 모양을 기억하여 해당 제품의 이미지,경험 등을 다시금 인지할 수 있게 도와주지요.

예를 들어, 롯데월드(www.lotteworld.com) 같은 경우 낯익은 경쾌한 로고송을 메인에 들어오자마자 들려주어 과거 롯데월드를 들렸던 기억이나 추억들을 새록새록 떠오르게 도와주어, 기분좋은 경험을 할 수 있습니다.

사용자들의 계속적인 리믹싱을 통해 해당 음악을 점차적으로 완성해나가는 방식이며, 소리와 협업 그리고 음악이라는 새로운 관점을 제공합니다. 즉, 웹에서 집단지성 그리고 소리를 활용했을 때 나타나는 사용자 경험의 신선함은 앞으로 좀 더 생각해볼 과제입니다.


hobnox(www.hobnox.com)라는 사이트도 있습니다.

역시, 플래시기반의 사이트로서 라이브DJ를 웹에서 쉽게 할 수 있게 만든 서비스로 이 웹공간에서 음악제작이라는 높은 벽이 점차 낮아지고 있음을 보여주는 하나의 실례입니다.
이렇게, 누구나 웹에서 쉽게 음악을 만들고, 공유하고, 즐기면서, 사운드가 줄 수 있는 독특한 경험을 흐느낄 수 있다는것.

아직은, 추상적이지만 그것이 줄 수 있는 효과는 분명 지대하다고 확신합니다.

그런, 추상적인 것 간의 간격을 좁히기위해 여러 실험성 애플리케이션이 제작되고 있는터, 대표적으로, 미디어아트 형식의 실험적인 사이트 하나를 소개하자면,
colorofmysound.com 이라는 사이트는

접속해서 나오는 사운드(대게 음악)을 들으며 화면에 보이는 색 팔레트 네비게이터에서 그 소리에서 연상되는 색을 고르는 것인데, 자신이 올린 소리들과 그에 대한 반응들을 관리할 수도 있습니다.
이렇게 사용자가 해당 소리로부터 느낀 감성을 색채로 표현하고 이것을 실질적으로 응용할 수 있는 판로를 생각하는 점은 개인적으로 고무되는 일입니다.



이렇게, 웹에 직,간접적으로 활용되는 사운드의 여러 사례들을 살펴보았습니다. 사례를 볼 수록 느낀 것은, 아직, 이 사운드의 활용에 대해 좀 더 많은 생각을 해 볼 필요가 있으며, 그런 새로운 경험의 효과를 명확하게 느낄 수 있는 방도에 대해 좀 더 생각해봐야 합니다.

하지만, 나 자신에게 이 글을 보는 사람들에게 확언할 수 있는 것은, 웹과 사운드 경험의 앞으로의 활로는 무궁무진하게 넓다는 사실입니다.

이제, 그 활로의 첫발을 내딛었습니다.

Sunyou & Festival

플렉스에선, 다른 서버의 업로드와 똑같이, 파일업로드기능 구현후 UrlRequest를 통해, url을 레일스의 컨트롤러 경로에 보낸다.

그리고, 레일스에는

Class UploadController < ApplicationController
 def load
   if saveloadFile(params[:Filedata],params[:Filename].to_s)
      render(:xml => "")
   end
 end

여기서 saveloadFile은 곧 만들게 될 정의함수이고, :Filedata, :Filename 해시를 통해 파일의 정보를 받아오게 된다. 그걸 saveloadFile 함수에 넘겨줘서 true를 호출한다면, 렌더링 된다.

  def saveloadFile(fdata, fname)
    filePath = "저장할 경로/+fname"
    if File.open(filePath, "wb") { |b| b.write(fdata.read) }
      return true
    else
      return false
    end
  end

 경로를 지정하여, 파일이름 복수문제가 있을 경우엔 Time.now() 함수 같은걸로 해당시간을 고유키로 만들어 붙이는 방식으로 해결할 수 있다.

//참고
http://mindrulers.blogspot.com/2007/04/file-upload-in-flex-rubu-on-rails_3231.html

[참고:Rails for Java Developers]
xml 파싱 중, 푸시파싱과 풀파싱.  둘다 순서대로 한방향으로 이동하며 처리되는 로직이다.
트리파싱은 전체 문서를 불러들이고 무작위로 접근. 복잡한 문서활용때 효과증가.

푸시파싱//
require 'rexml/parsers/sax2parser'
include REXML::Parsers
 targets = []
 xml ='<data><type name="a">test1</type>
             <type name="b">test2</type>
          <type name="c">test3</type></data>'
 parser = SAX2Parser.new(xml)
 parser.listen(:start_element, %w{type}) do |u,l,q,atts|  
    targets << {:name=>atts['name']}
 end
 parser.parse
 
 puts targets
=>namea
   nameb
   namec

##여기서 %w{}는 배열 생성자

풀파싱//
require 'rexml/parsers/pullparser'
include REXML::Parsers
 targets = []
 xml ='<data><type name="a">test1</type>
             <type name="b">test2</type>
          <type name="c">test3</type></data>'
 parser = PullParser.new(xml)
  parser.each do |e|
   if e.start_element? and e[0] == 'type'
     targets << {:name=>e[1]['name']}
   end
  end
 
 puts targets
=>namea
   nameb
   namec

트리파싱//
require 'rexml/document'
include REXML
targets = []
 xml ='<data><type name="a">test1</type>
             <type name="b">test2</type>
          <type name="c">test3</type></data>'
  Document.new(xml).elements.each("//type") do |e|
    targets << {:name=>e.attributes["name"]}
  end
 
 puts targets
=>namea
   nameb
   namec


빌더로 xml 생성
require 'rubygems'
require 'builder'
xml = Builder::XmlMarkup.new :type=>STDOUT, :indent=>1
xml.data do
  xml.type "test1", :name=>"a"
  xml.type "test2", :name=>"b"
  xml.type "test3", :name=>"c"
end

puts xml.to_ary
=><data>
    <type name="a">test1</type>
     <type name="b">test2</type>
     <type name="c">test3</type>
   </data>
   <to_ary/>

##레일스에 기본적으로 내장되어있는 줄 알고 있었는데, 새로 설치해야 했다. 그럴 경우 gem install builder로 설치
rails 1.x 버전은 require_gem, 2.x 버전은 그냥 require로...

[기타정보]
rexml 공식 // http://www.germane-software.com/software/rexml/
rexml api reference // http://docs.huihoo.com/rdoc/ruby/stdlib/libdoc/rexml/rdoc/index.html
builder reference // http://builder.rubyforge.org/