PowerMockup

앱 개발 경험도 쌓을겸 개발절차를 기록해 가며, 간단한 앱을 하나 개발해 보려 합니다.

그 과정 중의 일부로

적어도 구색은 갖춘 화면 디자인문서를 작성해 보려고 했지만

파워포인트 도형만으로는 UI구성하는 것이 여간 어려운게 아니네요.

혹시 관련된 어플이 있을까 싶어 검색해보니 처음나오는 것이 Power Mockup 이라는 Powpoint add-in입니다.

(언제가 이름은 한번쯤 들어봤던 듯...)

일단 Trial 버전을 설치해 봅니다.

설치하고 후, PowerPoint가 실행되고 아주 간략한 튜토리얼 문서가 팝업됩니다.

우측의 [PowerMockup Shapes] 윈도우에서 제공되는 여러가지 위젯이나 Phone 모양을 드래그 해서 쉽게 UI를 구성해 볼수 있습니다

Trial 버전이라 ...

Trial 버전이라 Gray처리된 Shape들은 드래그 해서 가져다 놓으면 "Full Version Required"라고 친절하게(?) 안내해 줍니다.

(에러처리나 Diable처리가 아니라 이러한 방식의 기능제한 처리도 나름 재미있군요 )

폰 모양 Shape에 컨트롤이라도 몇개 배치해 보려 했더니만, 기본 제공하는 SmartPhone Shape은 "Full Version Required"입니다.

Download More Shapes ...

트라이얼 버전이지만 Download Shape은 가능한 모양입니다.

Android Phone Mockup Shapes를 다운로드 해볼까요?

간단히 사용해 보니 ....

몇가지 위젯을 드래그앤 드랍해서 UI를 구성해 보기니, 참 간단하게 화면이 구성됩니다.

종류별 위젯이 충분히 제공되어서 전문 디자이너가 아니더라도 손쉽게 UI를 구성해 볼 수 있습니다.

PowerPoint Add-in인 관계로 별도의 툴 사용법을 학습할 필요가 없다는 것도 장점으로 보이네요.

그리고 ...

Are you a blogger, 

journalist, 

or a Microsoft MVP? 

Here’s how you can apply for a free PowerMockup license.

라네요.

몇가지 조건이 있기는 한데... 메일 보내보고 업데이트 하는거로 하겠습니다.

하루만에 라이선스 코드를 포함한 회신 메일 수신

친절하게도 메일을 보내고 바로 다음날 회신 메일이 도착했습니다.

리본메뉴의 "Enter Licence Code"를 클릭하고

메일에 포함된 Name과 License Code를 입력하면 활성화 완료

비활성화 상태였던 SmartPhone과 기타 Shapes이 사용가능해 졌습니다.

잠깐의 노력을 들여 "Power Mockup"를 사용할수 있다니 정말 감사한 일입니다.

자주 사용하게 될것 같네요.

Android Studio 단축키

어차피 반복할 일이라면 미리 습득해서 익숙해 지면 두고 두고 편한 것들이 있습니다.

더 효율적으로 일을 할 수 있을뿐더러, 반복되는 수고를 덜어주는 그런것들 말이죠.

- Windows 단축키라던가 ?

- 워드,파워포인트,엑셀 등 자료 작성시 자주 사용하게 되는 OA 툴이라던가 ?

- (평생 편해질일은 없을거 같기는 하지만)"영어" 같은거도 마찬가지죠

개발 하는 입장에서는 개발툴의 단축키가 위의 케이스에 딱 맞는 케이스 인것 같습니다.

마우스로 손을 옮기지 않고 필요한 기능들을 키보드로 작업할 수 있는가?

코드를 얼마나 효율적으로 타이핑 할수 있는가?

이 두가지가 단축키를 익히는 이유가 될것 같습니다.

Android Studio 단축키를 제대로 정리해 보려고 했더니, 안드로이드 개발자 사이트(developer.android.com)에 

상세하게 정리가 되어 있네요.

https://developer.android.com/studio/intro/keyboard-shortcuts

해당 사이트에 기술된 내용을 바탕으로 활용빈도가 높은 단축키와 

설명만으로는 바로 와닿지 않는 단축키에 대해서 정리해 보겠습니다.

(꼭 필요한 단축키 임에도 설명만으로는 내가 원하는 기능인지 알아보기 어려운 경우가 많습니다.)

파일간 이동

* Java 코드 --> 레이아웃 편집

* 레이아웃 --> Java 코드 편집

* R 편집기

* 레이아웃 변경

코드

* Toast 사용

Toast.makeText(getApplicationContext(), "버튼클릭", Toast.LENGTH_SHORT).show();

* 브라우징

Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://www.naver.com"));

startActivity(mIntent);

* 전화

Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("tel:/114"));startActivity(mIntent);

*갤러리

Intent mIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("content://media/internal/images/media"));

startActivity(mIntent);

*종료

finish();

현재 날짜 구하기

Calendar cal = Calendar.getInstance();
int cYear = cal.get(Calendar.YEAR);
int cMonth = cal.get(Calendar.MONTH);

int cDay = cal.get(Calendar.DAY_OF_MONTH); 

datePicker.init(cYear, cMonth, cDay, new DatePicker.OnDateChangedListener() {
    @Override
    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        String date = Integer.toString(year) + "_" + Integer.toString(monthOfYear+1) + "_" + Integer.toString(dayOfMonth);
    }
});

그외

상단 앱아이콘 설정

1) IMG: 72x72 png

res/drawable/ic_luncher.png

2) code : MainActivity

onCreate()

{

 getSupportActionBar().setDisplayShowHomeEnabled(true);

 getSupportActionBar().setIcon(R.drawable.ic_luncher);

}