우리나라의 웹환경에서는 초고속 인터넷과 같은 인프라의 발전으로 대역폭(bandwidth)을 고려해야할 만큼 네트워크 속도가 절대적으로 중요하지는 않다.
워낙 전송 속도가 빨라서 왠만한 웹사이트는 로딩시간없이 실시간으로  보여진다. 하지만 이는 특수한 우리나라의 경우에서만 해당하는 사항일뿐 아직까지 대부분의 다른나라에서의 전송속도는 생각하는 것 만큼 빠르지 않다. 좀더 범용적인 사이트의 개발을 위해서는 반드시 고려해야 할 사항이다.

특히 영상위주의 컨텐츠가 포함된 사이트의 경우 사용자의 대역폭을 고려하는 것이 좀더 사용자에게 좋은 컨텐츠를 제공하는 방법이 될 수 있다. 대부분 영상을 보여주는 방법으로 점진적 다운로드 방식(progressive download)을 사용한다. 실시간으로 다운로드 한만큼 플레이하는방식으로 이는 사용자 환경의 대역폭이 서비스의 질을 크게 좌우하게 된다.

영상을 보여주는 데 있어 점진적 다운로드 방식은 영상의 전체적인 용량보다는 영상의 압축률에 더 큰 영향을 받는다. 다시말해 데이타를 로드하면서 플레이하는 방식이기 때문에 비디오의 압축률을 높여 단위시간당 받을 수 있는 용량을 보다 크게 하여 좀더 원할하게 플레이 할 수 있다.

 따라서 미리 사용자의 대역폭을 알아내어 거기에 알맞는 압축률의 비디오를 제공할 수 있는 것이다.
플래시에서 일반적으로 대역폭을 측정하는 방법으로는 일정크기의 샘플파일을 다운로드하여 걸린시간을 측정하여 구할 수 있다. 하지만 이 대역폭은 절대적인 속도를 의미하는 것은 아니다.
네트워크 사용량, 네트웍크 지연과 같은 여러가지 요인에 의해 언제든지 속도가 변경될 수 있다. 항상 측정된 속도로 데이타를 받을 수 있다는 의미가 아니다. 현재 시간에서 대략적인 사용자의 네트워크 속도를 가늠해 볼 수 있는데 의미가 있다. 불안정한 네트워크 일수록 측정 대역폭의 편차가 크게 발생한다.

대역폭 측정의 정확성을 높이기 위해서는 테스트하기 위해 사용하는 샘플의 용량을 크게 하거나,측정하는 테스트의 횟수를 늘려야한다. 하지만 이는 전송속도 측정을 위해 불필요하게 자원을 소모하게 되기 때문에 어느정도 적정선을 유지해야한다.
여기서 제공하는 방법은 샘플파일의 크기를 50~100 KB 로 제한하고 측정횟수를 2회로 한정하였다.
위 조건으로 측정한다고 해도 사용자의 네트워크 속도가 50KB 미만일 경우 100~200KB 를 테스트를위해 최소 2~4초정도의 시간이 걸리게 된다.

<bandwidthCheck class>

import com.dstrict.UB.events.Dispatcher;
import com.dstrict.UB.events.Event;

class com.dstrict.UB.util.system.BandwidthCheck extends Dispatcher {
 
 private var _bandwidthSet:Array;
 private var _bandwidth:Number;
 
 private var _startTime:Number;
 private var _checkCount:Number;
 
 private var _loader:MovieClipLoader;
 private var _container:MovieClip;
 
 public function get bandwidth():Number{
  return _bandwidth;
 }
 
 public function BandwidthCheck() {
  _checkCount=0;
  _bandwidth=0;
  _bandwidthSet=new Array();
 }
 
 public function check():Void{
  _container= _root.createEmptyMovieClip("container", _root.getNextHighestDepth());
  var nocache:Number=Math.random()*1000000;
  _loader=new MovieClipLoader();
  _loader.addListener(this);  
  _loader.loadClip("bandwidthDummy.png?nocache="+nocache,_container);
 }
 
 private function calculateBandwidth():Void{
  for(var i in _bandwidthSet){
   _bandwidth+=_bandwidthSet[i];
   }
  _bandwidth=_bandwidth/_checkCount;
 
  //dispatch a complete event
  startEvent(new Event(Event.COMPLETE,this));
 }
 
 private function onLoadStart(targetMc:MovieClip):Void{
  _startTime=getTimer();
 }
 
 private function onLoadComplete(targetMc:MovieClip):Void{
  _loader.unloadClip(_container);
  var elapsedTime:Number=(getTimer()-_startTime)/1000;  
  _checkCount++;
 
  var progress:Object = _loader.getProgress(targetMc);
  var kilobytes:Number=progress.bytesTotal/1024;  
  var kBps:Number=kilobytes/elapsedTime;
  _bandwidthSet.push(kBps);
 
  if(_checkCount==1){
   check();
  }else{
    calculateBandwidth();
  }
 }
}

<sample code>

var bandwidthCheck:BandwidthCheck=new BandwidthCheck();
bandwidthCheck.addEventListener(Event.COMPLETE,onBandwidthCheck);
bandwidthCheck.check();

function onBandwidthCheck(evt:Event){
 trace("bandwidth----------------->"+evt.target.bandwidth);
}


대역폭(bandwidth) 의 단위로는 KBps(kilobytes per second) 이다. 브라우저 캐쉬로 부터 다운받는것을 방지하기 위해 첨부한 문자열로 인해 반드시 웹상에서 다운받아야 로드할수 있다.



download sample files.......
 

동적으로 여러개의 MovieClip 을 원형으로 배열할때 직교좌표계 사용하는 것보다 극좌표계를 사용하면 훨씬 다루기가 쉽다. 또한 x,y 와 같은 점을 다룰경우 Point 클래스를 이용하면 각 점간의 수학적인 연산에 있어 기본적으로 Point  클래스의 메서드를 이용하여 쉽게 처리할 수 있다.

극좌표를 직교좌표로 바꿀때도 기본으로 제공해주는 메서드를 사용하면 된다.

polar (Point.polar method)
public static polar(len: Number, angle: Number) : Point

Converts a pair of polar coordinates to a Cartesian point coordinate.

Parameters
len: Number - The length coordinate of the polar pair.
angle: Number - The angle, in radians, of the polar pair.

Returns
Point - The Cartesian point.

import

var len:Number = 125;
var angleInRadians:Number ;
var cartesianPoint:Point
var unitAngle:Number=15;

for(var i=1 ; i<=24 ; i++){
  var mc:MovieClip=this.attachMovie("M_thumb"+i,"M_thumb"+i,i);
    angleInRadians = Math.PI*unitAngle/180*(i-1);

    cartesianPoint = Point.polar(len, angleInRadians);  // 극 좌표를 직교좌표로 전환
 
 var offsetX:Number=Math.round(cartesianPoint.x);
 var offsetY:Number=Math.round(cartesianPoint.y);
 
 
 mc._x=Stage.width/2+offsetX;
 mc._y=Stage.height/2+offsetY;
 
}



굳이 point 클래스를 사용하지 않고서도 극좌표계를 직교좌표계로 간단한 삼각함수를 사용하여 다음과 같이도 쉽게 바꿀수 있다.

x1=x0+(Math.cos(angle)*radius);
y1=y0+(Math.sin(angle)*radius);

하지만 Point 클래스를 사용하여 좌표를 구성한다면 코드의 일관성에 있어서나 간결성에 있어 상당한 도움이 될것이다.

Sorts the elements in an array according to one or more fields in the array. The array should have the following characteristics:

작업을 하다가 우연하게 발견한 팁이다.
전에는 아무생각없이 blink 효과를 구현하려면 그냥 간단하게 모션트윈으로 키프레임 에니메이션을 만들어서 사용하곤했다. 그런데 actionscript 로 blink 효과가 가능했다....^^

PropertyTweenEase class 는 이전 포스트에서 새롭게 구현한 방법을 사용했다.

function blink(){
src_mc._alpha=0;
  PropertyTweenEase.tween(src_mc,{_alpha:100},Bounce.easeIn,8);
}

start_btn.onRelease=function(){
blink();
}

플래시에서 기본으로 내장되어있는 이징 패키지 함수를 이용한 방법으로
Bounce 클래스는 뜻 그대로 뛰어오르는 느낌을 낼 수 있게 해준다.
따라서 Bounce 클래스에서 증가하는 느낌의 easeIn 함수를 사용하면 손쉽게 번쩍거리는 효과를 만들 수 있다.

escape 함수
escape(expression:String) : String
매개 변수를 문자열로 변환하거나 영숫자가 아닌 모든 문자를 % 16진수 시퀀스로 바꾸는
URL 인코딩 형식으로 인코딩합니다. URL 인코딩 문자열에서 사용되면 퍼센트 부호(%)는
이스케이프 문자를 시작하는 데 사용되고 이는 모듈러스 연산자(%)와 동일하지 않습니다.

URL인코딩은 웹에서 흔히 볼수 있는 것으로
"kimkijeung%20vkimone"를  "kimkijeung%vkimone" 이런식으로 인코딩을 하는 것을 말한다.

외부 데이터와 연동을 시킬 때는 꼭 사용해야 에러를 막을 수 있다. 반대로 바꿔 주는 함수로는 unescape 가 있다.

예) a=escape("김기정");
    trace(a);

/* 이 구문을  실행하면 output 창에

%EA%B9%80%EA%B8%B0%EC%A0%95

과 같이 나온다. */

현재 flash8 에서 지원하는 파일 업로드 클래스인 FileReference 는 어쩌면 반쪽짜리 업로드 클래스이다. 왜냐하면 파일업로드 완료시 서버와의 어떤 변수 값도 받을 수 없기 때문이다.
물론 onComplete 가 업로드 완료시에 플래시 쪽에서 호출되지만 이는 단순히 업로드 완료만 알수 있는것이다.
특별히 안정적으로 업로드를 구성하지 않는다면 다시말해, 개인이 업로드를 관리하고 사용자가 많지 않을경우 물론 업로드가  완료되는 이벤트만 발생되어도 문제가 없다.
하지만 사용자가 많은 경우, 예를 들어 사용자가 사진을 업로드하는 사이트를 만들경우,
이런 경우에는 반드시 업로드하는 클라이언트 파일명을 바꾸어야 할 필요가 있다.
중복의 여지가 있기 때문이다. 만약 이런 파일 필터링을 거치지 않는다면 분명히 파일이름이 같게되어 이전 파일이 덮어써지는 현상이 발생할 것이다.

따라서 좀더 안정적인 파일 업로드 구현을 원한다면 파일 생성 일자나 일련의 첨자를 붙여 파일 이름을 변경하는 것은 필수이다.
이때 문제가 되는 것이 바로 위에 언급한 서버와 플래시간의 변수 교환문제이다.

FileReference class 에서의 upload()  method의 파라미터에는 서버파일의 데이타를 받을수 없다.
따라서 서버에서 파일 이름을 임의로 변경해 버리면 플래시에서 알 수 있는 방법이 없다.
물론 약간의 팁을 사용하면 가능하다.

다행이도 upload url에 매개변수를 첨부하여 서버에 전송할 수 있다.
바로 이런방법으로 서버에서 파일명을 저장하는 것이 아니라 플래시에서 정한 파일명을 서버로 보내 그걸 파일명으로 저장하면 위와 같은 문제를 해결할 수 있다.

<upLoad.as>
private function