What is Hybrid Apps. 하이브리드 앱은 어떤 것인가? 에 대한 설명.

하이브리드 앱은 어떤 것인가? 에 대한 설명.

What is Hybrid Apps
View more presentations from ibare.





크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/24 17:52 2011/03/24 17:52
Tag
, , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5991

[펌] SW개발과 Teamwork, 그리고 Review

http://allofsoftware.net/entry/sw%ea%b ··· 0-review

거의 모든 SW개발은 팀으로 진행됩니다. 종종 혼자서 기획하고 개발, 테스트, 영업까지 모두 다하는 경우도 있기는 하지만, 이는 워낙 작은 규모의 회사에서 있는 일이고, 대부분은 팀을 이뤄서 일을 해야 효과적으로 SW를 개발해 낼 수 있습니다.
그 팀의 규모는 2명에서부터 수천 명에 이르기까지 다양합니다.
하지만, 주변에서 대규모 프로젝트 팀을 보기란 그렇게 쉽지 않습니다. 5~6명 안팎의 소규모 팀은 아주 흔하게 볼 수 있고, Teamwork도 꽤 좋은 편입니다. 하지만, 규모가 몇 십 명만 넘어가도 효과적으로 관리를 해내지 못하는 경우가 흔합니다. 그래서 팀이 규모가 커지면 프로젝트가 오히려 늦어진다는 얘기도 있습니다.
이런 경우라면 소규모의 팀은 제대로 된 Teamwork를 갖춘 것이 아니라 워낙 작아서 서로 인간적으로 잘 통하고 서로 커뮤니케이션을 왕성하게 하면서 프로젝트를 진행하기 때문에 문제가 없는 것이고 수십 명 규모의 팀은 똑같은 방법으로 커뮤니케이션이 잘 되지 않기 때문에 문제가 많을 가능성이 더 높습니다.
팀을 이뤄서 소프트웨어를 개발할 때 가장 중요한 것은 Review입니다.
Review에 익숙하지 않은 개발자들이 모여서 개발을 하는 것은 서로 따로 개발하는 개발자들을 한데 모아 놓은 것과 별반 다르지 않습니다. 이런 팀은 개발을 하면서 서로 다른 목표를 가지고 개발을 하기도 하고, 아키텍처
에 대한 오해를 하고 통합 시 인터페이스가 안 맞고, 일정이 서로 어긋나곤 합니다.
물론 각 개발자들이 서로 개발하는 모든 내용을 다 Review하고 공유할 수는 없습니다. 프로젝트의 규모에 따라서 또, 서로의 역할에 따라서 Review하는 범위와 대상이 달라집니다. 그럼 소프트웨어 개발팀에서 리뷰를 해야
하는 것들은 어떤 것이 있는지 알아보겠습니다.
1. SRS(스펙) 작성 및 리뷰 (중요도 : 매우 높음)
제가 여러 차례 강조했지만 SRS는 SW개발에 있어서 가장 중요하며 프로젝트 기간을 단축하고 비용을 절약하는데 가장 핵심입니다. SRS작성시는 개발팀 뿐만 아니라 프로젝트의 모든 관련자와 수 차례 리뷰를 합니다. 모든 관련자가 SRS의 모든 항목을 다 리뷰하는 것이 아니고 본인들이 책임지는 부분만 리뷰를 하면 됩니다. 예들 들어 Marketer인 경우는 프로젝트 목표와 비전, 주요 기능 등과 같이 마케팅에 필요한 부분만 리뷰를 하면 됩니다. 이렇게 SRS를 철저히 리뷰를 해야 모든 관련자가 프로젝트에 대하여 동일한 생각을 가지게 되고 프로젝트가 끝
날 때까지 스펙 변경을 최소한으로 유지하게 됩니다. 또한 이런 SRS리뷰가 일상적으로 반복적으로 일어나야 자연스러운 관행으로 자리잡고, 개발자들의 분석 능력을 향상하는데도 도움이 됩니다. 참고로 SRS(스펙, 요구분서)는 SW개발에서 약 40%의 비중을 차지한다고 합니다.
2. SW아키텍처 리뷰 (중요도 : 높음)
웬만한 규모의 SW의 아키텍처는 한 명의 머리 속에 나올 수가 없습니다. 아키텍처는 정답이 있는 것이 아니라서 생각을 많이 할 수록 좋아 질 수 있습니다. 개발자들은 설계 단계에서 이런 아키텍처 리뷰를 여러 차례 반복하게 됩니다. 그러면서 아키텍처를 점점 구체화 해나가고 개량해나갑니다. 규모가 큰 SW인 경우에는 상,하위 아키텍
처를 구분해서 설계를 하기도 하고 각 컴포넌트간에는 인터페이스만 정하게 되고 그 내부는 또 각 개발자들이 설계를 하고 리뷰를 하게 됩니다. 이 때 UML을 사용하건, Flow chart를 사용하건, DFD를 쓰던 큰 상관은 없으며 각자 익숙한 툴로 현재의 아키텍처를 가장 잘 표현할 수 있는 것으로 작성하면 됩니다. 이러한 과정 또한 선배 개발자들이 후배 개발자들에게 지식과 경험을 전달할 수 있는 좋은 기회가 됩니다.
3. 소스코드 리뷰 (중요도 : 중간)
소스코드 리뷰가 중요하기는 하지만 SRS와 아키텍처리뷰보다 중요하지는 않습니다. SRS와 아키텍처가 잘못되면 엄청나게 많은 재 작업을 해야 하지만, 소스코드가 잘못된 것은 버그로 발견되고 또, 상대적으로 쉽게 고칠 수 있습니다. 그렇긴 하지만 소스코드 리뷰는 좋은 관행이며 꾸준히 노력해서 정착해야 합니다. 소스코드 리뷰 방법은 매우 다양하지만, 저는 가장 간단한 방법은 Peer desk check을 권합니다. 소스코드 관리시스템에 Commit하기 전에 동료와 같이 리뷰를 하는 겁니다. 간단히 Diff툴을 실행해서 바뀐 소스코드를 볼 수도 있습니다. 그리고 소스코드를 등록할 때 누가 리뷰를 했는지도 꼭 기록하게 하는 정책도 소스코드리뷰를 확산하는 좋은 방법 중 하나입니다.
소프트웨어 개발에 있어서 Teamwork은 서로 사이가 좋은 팀을 말하는 것은 아닙니다. Teamwork에 있어서 서로 간의 신뢰는 중요한 요소이지만 필요충분조건은 아닙니다. 각자 전문가로서의 자신의 일들을 제대로 수행하면서 리뷰 등의 커뮤니케이션이 적절히 원활하여 동일한 목표와 비전을 가지고 SW를 개발해야 합니다.
우리는 흔히 혼자서는 일을 정말 잘하는데 뭉쳐 놓으면 삐걱대는 개발자들을 많이 보아 왔습니다. 이는 그 개발자만의 탓도 아닙니다. 서로들 Teamwork이 부족한 것이지요. 즉, 팀을 이뤄서 일하는 방법에 서툰 것입니다. 가장 좋은 방법은 제대로 되어 있는 회사에서 몇 년 일해보는 것입니다. 그런 환경이 안 된다면 SRS(스펙)리뷰부터 조금씩 활성화 해나가는 것이 좋습니다. 제대로 된 SRS(스펙)을 써보지 않는 개발자들에게는 SRS(스펙)을 쓰는 것도 큰 도전이지만, 어차피 SW를 제대로 개발하기 위해서는 피해 갈 수 있는 것이 아니기 때문에 시도를 해봐야 합니다.
좋은 Teamwork를 갖추지 못한 개발팀에서는 아무리 뛰어난 개발자라고 하더라도 제대로 실력을 발휘할 수 없습니다.

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/24 17:45 2011/03/24 17:45
Tag
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5990

Firefox 4버전에 설치 가능한 FireBug 가 나왔군.

Firefox 4버전에 설치 가능한 FireBug 가 나왔군.
http://getfirebug.com/swarms/Firefox-4.0/?swarms=basic

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/24 09:04 2011/03/24 09:04
Tag
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5986

[Web] HTML5 에서 CSS3 특징

브라우저별 CSS 속성
브라우저마다 적용되는 스타일이 다르므로 브라우저별로 지원하는 스타일을
맞게 설정해주어야 한다. 스타일의 속성 앞에 브라우저 구분 이름을 입력해주면
해당 브라우저 속성만이 실행한다.
접두사 설명
-webkit- 웹킷 방식 브라우저(사파리,크롬)
-moz- 게코 방식 브라우저(모질라, 파이어폭스)
-o- 오페라 브라우저
-ms- 마이크로소프트 인터넷익스플로러

구조적 선택 기능
가상 클래스에 not을 입력하면 선택한 태그 이외의 태그들을 선택할 수 있고 nth-child(n)를
입력하여 여러 개의 항목 중 특정 항목에만 스타일을 지정할 수 있다. n에 even을 입력하면
짝수 번째, odd를 입력하면 홀수 번째 항목에 스타일을 적용할 수 있다.
*:not(태그) 태그를 제외한 모든 내용을 선택
nth-child(n) 항목 중 n번째 항목을 선택
nth-last-child(n) 항목 중 끝에서부터 항목을 선택
nth-of-type(n) 유형이 같은 항목을 선택
nth-last-of-type(n) 항목 중 끝에서부터 유형이 같은 항목을 선택

ex)
<style>
/*
 * 링크가 설정된 요소를 제외한 모든 태그에 스타일이 적용된다.
 */   
    *:not(a){
        font-weight:bold;
        color:red;
    }
/*
 * 리스트 중 홀수 번째 목록은 글자색이 빨간색으로 표시되고
 * 두 번째 목록은 파란색으로 표시된다.
 */
    li:nth-child(odd){
        color:red;
    }
    li:nth-child(2){
        color:blue;
    }
</style>

    </head>
    <body>
       
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li><a href="ddddd">ddddd</a></li>   
    <li><a href="ddddd">ddddd</a></li>   
    <li><a href="ddddd">ddddd</a></li>       
    </body>

배경에 그라데이션 만들기
배경에 선형 또는 원형의 그라데이션을 설정할 수 있다. 브라우저마다 사용하는 코드방식이 다르므로 브라우저별로 설정해주어야 한다.
 background-webkit-gradient( 유형, 시작위치, from(색상), to(색상) );
      *  유형 : 선형(linear) 또는 원형(radial)을 지정한다.
      * 시작 위치, 끝 위치 : x와 y 좌표를 백분율로 입력하거나 left, bottom 처럼
            영문으로 그라데이션의 시작과 끝 위치를 설정한다. 
      * from(색상) : 그라데이션 시작 색상을 설정한다.
      * to(색상)     :  그라데이션 끝 색상을 설정한다.
 ex)
<style>
/*
 * 높이 150 픽셀 크기에 왼쪽에서 오른쪽으로 검정색에서 흰색으로 그라데이션이 채워진다.
 */   
    div{
        height:150px;
        border:1px solid #000000;
        background: -webkit-gradient(linear, left center, right center, from(#000000), to(#ffffff));
    }
</style>

    </head>
    <body>   
    <div >test </div>
    </body>

상자의 모서리를 부드럽게 처리하기
도형의 테두리를 둥글게 처리해주는 border-radius 속성이 추가되었다.
ex) <style>
/*
 * 도형의 테두리를 둥글게 처리해주는 border-radious 속성이 추가되었다.
 */   
    div{
        background-color:red;
        color:yellow;
        line-height:20px;
        width:300px;
        height:50px;
        padding:10px;
        border-radius:10px;
    }
</style>

    </head>
    <body>   
    <div >test </div>
    </body>

다단표시
column 속성을 사용하면 다단을 손쉽게 나눌 수 있다.
ex)<style>
/*
 * 2개의 단으로 나누고 단 간격은 10픽셀, 구분선은 검정색 실전으로 표시된다.
 */   
    div{
        border:1px solid #000000;
        -webkit-column-count:2;
        -webkit-column-gap:10px;
        -webkit-column-rule:1px  solid #000000;
    }
</style>

    </head>
    <body>   
    <div >다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.</div>
    </body>







크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 17:08 2011/03/23 17:08
Tag
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5985

버그 관리 시스템 - Mantis, Trac, Bugzilla

Mantis Bug Tracker : 버그 추적 시스템, 크레딧, 사마귀 릴리스 다운로드, 공개토론, 개발정보 등 제공.
MantisBT is a free popular web-based bugtracking system (feature list). It is written in the PHP scripting language and works with MySQL, MS SQL, and PostgreSQL databases and a webserver. MantisBT has been installed on Windows, Linux, Mac OS, OS/2, and others. Almost any web browser should be able to function as a client. It is released under the terms of the GNU General Public License (GPL).

Download : http://www.mantisbt.org/download.php
Trac - http://trac.edgewall.org/
Bugzilla - http://www.bugzilla.org/
http://www.bugzilla.org/img/bugzilla.png

What is Bugzilla?

Bugzilla is a "Defect Tracking System" or "Bug-Tracking System". Defect Tracking Systems allow individual or groups of developers to keep track of outstanding bugs in their product effectively. Most commercial defect-tracking software vendors charge enormous licensing fees. Despite being "free", Bugzilla has many features its expensive counterparts lack. Consequently, Bugzilla has quickly become a favorite of thousands of organizations across the globe.

What Does Bugzilla Do?

  • Track bugs and code changes
  • Communicate with teammates
  • Submit and review patches
  • Manage quality assurance (QA)

Bugzilla can help you get a handle on the software development process. Successful projects often are the result of successful organization and communication. Bugzilla is a powerful tool that will help your team get organized and communicate effectively.

Bugzilla is Hard to Beat

Bugzilla is...

Why Should You Use Bugzilla?

Many companies are finding that Bugzilla helps reduce downtime, increase productivity, raise customer satisfaction, and improve communication. Bugzilla can also help reduce costs by providing IT support accountability, telephone support knowledge bases, and by keeping tabs on unusual system or software issues. Bugzilla can do the same for your organization, regardless of its size.

Possible Uses

  • Systems administration
  • Deployment management
  • Chip design and development problem tracking (both pre-and-post fabrication)
  • Software and hardware bug tracking
  • IT support queues




크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 13:50 2011/03/23 13:50
Tag
, , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5984

[Web] PhoneGap API Document

http://docs.phonegap.com/index.html

API Reference


API Reference

  • Accelerometer

    Tap into the device's motion sensor.

  • Camera

    Capture a photo using the device's camera.

  • Compass

    Obtain the direction that the device is pointing.

  • Contacts

    Work with the devices contact database.

  • Device

    Gather device specific information.

  • Events

    Hook into native events through JavaScript.

  • File

    Hook into native file system through JavaScript.

  • Geolocation

    Make your application location aware.

  • Media

    Record and play back audio files.

  • Network

    Quickly check the network state.

  • Notification

    Visual, audible, and tactile device notifications.

  • Storage

    Hook into the devices native storage options.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 11:22 2011/03/23 11:22
Tag
, , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5983

[Web] HTML5 로 만드는 animation & UX

모바일웹 모범사례 : http://www.w3c.or.kr/Translation/mwbp_flip_cards/

HTML5 makes web standalone application
HTML5 Showcase: 48 Potential Flash-Killing Demos
http://www.hongkiat.com/blog/48-excellent-html5-demos/


CSS3 gives rich user experiences
47 Amazing CSS3 Animation Demos
http://www.webdesignerwall.com/trends/ ··· demos%2F

Making native apps with Web Technology
•PhoneGap - http://phonegap.com
•Titanium appcelerator - http://www.appcelerator.com/products/
•Jo App - http://joapp.com/

Web UI Framework : iUI
•iUI: iPhone User Interface Framework
•Javascript, HTML, CSS
•Demo : http://chriscarey.com/projects/mythtv/iphone/

Web UI Framework : JQTouch
•JQTouch
•Similar to native app UI
•Javascript, HTML, CSS
•JS Library
•http://www.jqtouch.com/preview/demos/main/#home

Web UI Framework : Sencha
HTML5, CSS3, Javascript
Resolution independent
JS Library
http://touchstyle.mobi/app/

Widget Runtime Demo
•http://www.youtube.com/watch?v=0ryvnl1 ··· Drelated
•http://widget.developer.vodafone.com/en/
•http://www.youtube.com/watch?v=3xpS21aR-BQ

Extending Web Spec
•JIL (Joint Innovation Lab)
–Vodafone, VZW, Softbank, China Mobile http://www.jil.org/
•BONDI(OMTP driven)
•W3C Device APIs and Policy http://www.w3.org/2009/dap/

Waikiki –WAC engine
•http://public.wholesaleappcommunity.co ··· dex.html
•Widget Runtime
1. Spec (Core + DeviceAPIs)
2. Tools (SDK + RI[Reference Implementation])
3. Testing (Compliance process)

UI Element Kits
20 Free Web UI Element Kits and Stencils
http://speckyboy.com/2010/07/21/20-fre ··· ncils%2F
iPhone GUI PSD Version 4
http://www.teehanlax.com/blog/2010/06/ ··· sd-v4%2F

IAd JS - http://developer.apple.com/iad/

MobiOne 테스트 센터 : http://www.genuitec.com/mobile/
MobiOne 디자인 센터 : http://labs.blackbaud.com/netcommunity ··· id%3D249

OpenAPI 개발자 사이트 : http://www.programmableweb.com/
http://www.openonweb.com/api
http://mashupkorea.org
http://code.google.com/intl/ko-KR/more/#google-apis
http://www.smac.or.kr/jsp/front/index.jsp

트위터API
1. Twitter API Key 받기(https://twitter.com/apps/new)
2. Consumer secret, Request token 등록
3. 대부분 스크립트 언어 형태 지원(JSP, PHP, ASP..)
4. Twitter API(Search API, REST API)
5. Twittwer4J(http://twitter4j.org/en/index.jsp) Lib를 사용
※ 참고 사항 - 개발 시 한 시간 100쿼리, 하루 1000 쿼리 테스트 제약


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 11:20 2011/03/23 11:20
Tag
, , , , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5982

[Web] 모바일OK - MOK

"모바일OK" 란, 웹 사이트 또는 웹 응용에 대하여 유무선 단말의 종류에 구애 받지 않고 자유롭게 이용할 수 있도록 하는 국제 웹 표준 기술의 총칭을 의미함

한국형 모바일 웹사이트 유효성 검사 - http://v.mobileok.kr/
모바일OK시범사업 메인 사이트 - http://www.mobileok.kr/

MOKStore란?

모바일웹사이트를 제공하는 제공자에게는 모바일웹 애플리케이션의 스타트 페이지를 통한 홍보채널의 장을 제공하고, 일반 사용자에게는 우수 모바일 웹 정보 및 순위의 제공으로 모바일 웹 이용 활성화 도모함
http://m.mokstore.com/site/list


모바일OK아카데미 - http://www.mobileokacademy.or.kr/ :
 : HTML5 에 대한 강의와 자료 다운로드 가능.

MOIBA 한국무선인터넷산업연합회  (http://m.moiba.or.kr/)


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 10:52 2011/03/23 10:52
Tag
, ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5981

html5game - http://html5games.net/

http://html5games.net/ HTML5 만든 게임. jQuery 사용.

Google Pacman -  https://github.com/macek/google_pacman

Classic Bricks - http://billmill.org/static/canvastutorial/index.html


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/22 18:26 2011/03/22 18:26
Tag
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5978

Subclipse - eclipse에 SVN을 연결하는 플러그인

Subclipse
http://subclipse.tigris.org/

이클립스에서 Help > Install New Software 에 "Eclipse update site URL"를 추가하면 된다.

현재 난 Helios 를 성치한 상태라 http://subclipse.tigris.org/update_1.6.x 6 버전을 연결했다.
이클립스에서 SVN(Subversion)을 연결해준다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/22 16:35 2011/03/22 16:35
Tag
, , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5976
« Previous : 1 : ... 7 : 8 : 9 : 10 : 11 : 12 : 13 : 14 : 15 : ... 101 : Next »
블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2024/05   »
일 월 화 수 목 금 토
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
Statistics Graph

Site Stats

Total hits:
195446
Today:
614
Yesterday:
630