달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

   

CSS 지정방식

  • 태그 내부 삽입형(ln-line style)
  • 문서 내 지정형(Embedding style)
  • 외부 경로 삽입형(link style)

   

태그 내부 삽입형(ln-line style)

<태그 style="속성:값;속성:값;" />

   

   

문서 내 지정형(Embedding style)

<style type="text/css">

<!–

스타일 내용

//-->

</style>

   

   

외부 경로 삽입형(link style)

<link rel=stylesheet href="스타일 외부 파일 전체 경로" type="text/css" />

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

wix, 무료 홈페이지/블로그 제작 사이트  (0) 2015.04.26
HTML5 포럼  (0) 2015.04.20
CSS 지정방식  (0) 2015.04.01
CSS 주석  (0) 2015.03.10
CSS 데이터 형식  (0) 2015.02.01
HTML 요소를 선택자로 사용시  (0) 2015.01.01
Posted by codedragon codedragon

댓글을 달아 주세요

HTML 요소를 선택자로 사용시

tag { … }

특정 요소에 특정 스타일을 적용 : <p> 태그에 대한 스타일만 적용

p { font-family: 휴먼매직체; font-size: 20pt; }

   

tag, tag, … tag { … }

여러 요소에 동일 서식 적용 : <p>,<b> 태그에 적용

p, b { font-family: 휴먼매직체; font-size: 20pt; }

   

tag1 tag2 { … }

tag1 내의 tag2에만 스타일을 적용할 때 사용

p b { font-family: 휴먼매직체; font-size: 20pt; }

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 주석  (0) 2015.03.10
CSS 데이터 형식  (0) 2015.02.01
HTML 요소를 선택자로 사용시  (0) 2015.01.01
참고 & 출처 HTML5, CSS, XML  (0) 2014.11.25
색상 태그  (0) 2014.11.20
CSS 선언  (0) 2014.11.14
Posted by codedragon codedragon

댓글을 달아 주세요

   

   

Quirky site

https://www.quirky.com/shop

   

   

   

퀄키(Quirky)

  • 2009년 6월 벤 코프먼(Ben Kaufman)에 의해 설립(당시 코프먼 의 나이는 23살)
  • 일반인들도 특별한 아이디어를 가지고 있으며, 이들이 쉽게 발명을 할 수 있도록 해야 한다(Invention should be accessible to everyone)는 생각으로 퀄키 설립
  • 포브스(Forbes)에서 선정한 미국의 100대 유망 기업 (America's Most Promising Companies) 중 59위를 차지
  • 13년 7월 말 현재 45만 명의 가입자를 보유
  • 비상장 회사
  • 2012년 매출 1,800만 달러로 추정
  • 퀄키가 투자받은 금액은 9,130만 달러

   

   

   

퀄키=소셜 제품개발 플랫폼(Social Product Developement Platform)

아이디어 개발, 평가, 개선 등 제품개발은 대중(crowd)이 담당하고 퀄키는 이를 제작하여 판매하는 역할을 담당

   

   

아이디어 제공자와 기업의 장점

아이디어를 가진 일반인 입장

아이디어가 제품화되어 판매될 경우 창업으로 인해 발생하는 위험(risk)을 부담하지 않고 수익을 거둘 수 있음

기업 입장

신제품과 제품개선에 관한 아이디어를 저렴한 비용으로 활용

   

   

아이디어 상품화 과정

1

  • 제안된 아이디어는 퀄키 홈페이지를 통해 30일 동안 회원들에게 공개되며,
  • 회원들은 제안된 아이디어를 검토하고 제품화될 수 있는 아이디어에 투표

2

  • 제품 평가(product evaluation) 단계로 전문가 검토(ExpertReview) 단계와 퀄키 내부 제품 평가(staff product evaluation)단계로 구분하여 다시 진행.
  • 회원들로부터 200표 이상을 획득하거나, 퀄키 직원에 의해 직접 선택된 아이디어는 전문가 검토(Expert Review) 단계로 넘어갑니다.
  • 전문가 검토 단계에서 선택된 아이디어들은 퀄키 내부 제품 평가(staff product evaluation) 단계로 넘어갑니다.

3

  • 퀄키 내부 제품 평가 회의는 퀄키 본사(미국 뉴욕)에서 매주 목요일 저녁에 개최
  • 회의는 홈페이지를 통해 생방송으로 중계
  • 회원들은 퀄키 홈페이지를 통해 회의를 실시간으로 시청, 아이디어에 대한 호감도, 가격, 채택의견을 홈페이지에 입력가능하며 그 결과는 회의 현장에서 실시간으로 집계되어 아이디어 채택 논의에 활용
  • 제품화 아이디어를 일주일에 3개씩 최종 선정

4

  • 제품 상용화에 필요한 데이터 확보를 위한 설문조사(Researchproject), 디자인 개선에 대한 아이디어 제안 및 투표(Design project), 스타일, 작명, 태그라인, 가격 결정 등으로 구성된 브랜딩 프로젝트(Branding Project) 수행
  • 모든 작업들이 회원들에 의해 진행

5

  • 퀄키의 시제품 제작과 최종화 작업(Engineering & Finalization), 시장조사(Market Research), 제품제작(Manufacturing)을 거쳐 판매(Sales)
  • 제품판매로 인한 수익금 배분

   

※ 태그라인

제품의 특성을 가장 잘 반영한 캐치프레이즈(catchphrase)

   

   

   

제품 개발 기여부문과 기여도

퀄키의 협업 체계와 수익배분 구조의 핵심은 기여도(influence)

   

   

   

   

   

KBS 특집다큐 140225 상상력이 경쟁력이다 2편-변화를 위한 도전 quirky.com 퀄키 - Youtube

http://youtu.be/hnI4cHItycg


Posted by codedragon codedragon

댓글을 달아 주세요

   

그래픽 주요 클래스

속성

설명

Canvas

뷰의 표면에 직접 그릴 수 있도록 만들어 주는 객체로 그래픽 그리기를 위한 메서드가 정의되어 있습니다.

Paint

그래픽 그리기를 위해 필요한 색상 등의 속성을 담고 있습니다.

Bitmap

픽셀로 구성된 이미지로 메모리 상에 그래픽을 그리는 데 사용됩니다.

Drawable

사각형, 이미지 등의 그래픽 요소가 객체로 정의되어 있습니다.

   

   

그리기 관련 주요 메서드 

속성

설명

점 그리기

void drawPoint(float x, float y, Paint paint)

하나의 점을 그림. drawPoints()를 이용하면 여러 개의 점을 그릴 수 있습니다.

선 그리기

void drawLine(float startX, float startY, float stopX, floatY, Paint paint)

두 점의 x, y 좌표값을 이용해 선을 그립니다.

drawLines()를 이용하면 여러 개의 선을 그릴 수 있습니다.

사각형 그리기

void drawRect(float left, float top, float right, float bottom, Paint paint)

모서리의 자표값을 이용해 사각형을 그립니다.

둥근 모서리의 사각형 그리기

void drawRoundRect(RectF rect, float rx, float ry, Paint paint)

사각 영역과 모서리 부분 타원의 반지름 값을 이용해 둥근 모서리의 사각형을 그립니다.

원 그리기

void drawCircle(float cx, float cy, float radius, Paint paint)

원의 중앙 좌표값과 반지름을 이용해 원을 그립니다.

타원 그리기

void drawOval(RectF oval, Paint paint)

사각 영역을 이용해 타원을 그립니다

아크 그리기

void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

사각 영역과 각도를 이용해 아크를 그립니다

패스 그리기

void drawPath(Path path, Paint paint)

패스 정보를 이용해 연결선 또는 부드러운 곡선을 그립니다

비트맵 그리기

void drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

비트맵 이미지를 주어진 좌표값에 그립니다

   

   

그래픽 그리기 단계

1

새로운 클래스 생성 후 View를 상속

2

Context객체 하나를 파라미터로 가지는 생성자 정의

3

그리기 객체 초기화 및 필요한 속성 설정

4

onDraw()메소드 내에서 그리기 객체 호출

5

onTouch()메소드 내에서 터치 이벤트 처리

6

새로 만든 View클래스를 메인 액티비티에 추가

   

XML레이아웃에 새로 생성한 View를 element로 직접 지정 시

XML레이아웃에 새로 생성한 View를 element로 직접 지정 시 반드시 아래 생성자를 정의해 주어야 합니다.

//XML에 element로 지정시 반드시 아래 생성자 정의

public MyView(Context context, AttributeSet attributeSet){

super(context, attributeSet);

}

   

메인 액티비티에 추가할 때 소스 코드

new연산자를 통해 객체를 생성한 후 setContentView()메소드로 화면 전체에 보여줍니다.

MyView myView = new MyView(this);

setContentView(myView);

   

그리기 메소드

onDraw()

뷰가 화면에 디스플레이될 때 자동으로 호출됩니다.

onTouch()

터치 이벤트를 처리합니다.

   

   

Canvas 와 Paint 다루기

 

Canvas

Canvas(android.graphics.Canvas)는 직사각형 영역에 뭔가를 그리는 수단들을 제공합니다.

Paint

Paint 클래스는 스타일과 복합 색 및 렌더링 정보를 캡슐화합니다.

 

설정

메소드

색상 설정

setColor(Color.RED)

안티앨리어싱 설정

New Paint(Paint.ANTI_ALIAS_FLAG)

스타일 설정

setStyle(Paint.Style.STROKE)

외곽선만 나타나고 색이 채워지지 않음

그래디언트 설정

setShader()

   

 

도형 그리기

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(new MyCanvas(this));

}

private class MyCanvas extends View{

 

public MyCanvas(Context context) {

super(context);

}

protected void onDraw(Canvas canvas){

canvas.drawColor(Color.WHITE);

Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);

paint.setColor(Color.BLUE);

 

//원

canvas.drawCircle(100,100,50,paint);

 

paint.setColor(Color.YELLOW);

//사각형

canvas.drawRect(200, 200, 300, 300, paint);

}

}

   

 

비트맵 이미지 처리

 

비트맵 이미지 그리기

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.icon);

canvas.drawBitmap(bitmap, 0, 0, null);

   

비트맵 이미지 크기 조정하기

bitmap2=Bitmap.createScaledBitmap(bitmap,100,80,false);

canvas.drawBitmap(bitmap2, 0,300, null);

   

비트맵 이미지가 사용한 메모리 해지하기

bitmap.recycle();

bitmap2.recycle();

 

SDCard에서 비트맵 이미지 읽기

File file=new File(Environment.getExternalStorageDirectory(),fileName);

FileInputStream fis=null;

try{

fis=new FileInputStream(file);

}catch(FileNotFoundException e){}

Log.d("error",String.format("[%s] is not found",fileName));

return;

   

   

Posted by codedragon codedragon

댓글을 달아 주세요