老爹必備的奶瓶與鍵盤之道

本議程分享某位新手爸爸在一個月內一手拿奶瓶餵小孩一手敲鍵盤寫程式參加比賽贏得尿布錢除了愛恨交織更是內牛滿面的故事。透過現成好用的 open source library，開發手機應用程式不必辛苦重新造輪，也不必苦苦等著使用者回報 debug，更可輕鬆加入付費機制突破天龍國的封鎖向鄉民收錢。

Transcript

1. ࿝䙽ඞඋత 䑊ළᢛ伴൫կ᰾೭ಓ shakalaca @ MOPCON 1
2. ؆հṜኄሜ ... ... ᫊ᱷ ... Ꮕ᭝ɻ 2
3. ؆հṜኄሜ ... ... ᫊ᱷ ... Ꮕ᭝ɻ ≠ ... ᫊ᱷ ... ᩲ᭝ɻ 3
4. ሜ App Ұఆ༗෩ᯃ, ཭৬ሜ App ༗ᩲ༗ ഛ, ૝ሜ App ᩲ᭝લጯৄ㕕 Google ໢᜾ ެ։፺ਘ "app ഛ᭝" ݁Ռ. 4
5. Shaka http://about.me/shakalaca 5
6. http://en.wikipedia.org/wiki/Shaka 6
7. Virgo Shaka in Saint Seiya 7
8. Experience • was @ BenQisda • Mobile Software Engineer/Manager (UI) • BREW / Android • now @ SmarTapper & Mocharabbit • .. coding (&) monkey 8
9. Mocharabbit ? • ຎ㠡ၴ • 3/19 ҝྃ Samsung Apps Contest ࣕੜ • ሜݸখೈᱪᄑখሇ 9
10. ࡾҐҰᱪ ᓹၴ ՄՄဌ Ն㠡 10
11. ࡾҐҰᱪ ၴሞሞ ޼ࠀྗ 㠭佔 + + = ຎ㠡ၴ 11
12. ࿝䷩ 12
13. Pai Pai (ഥഥ) • Take picture / draw / frame / note • DEMO @ OSDC.tw (4/15) • Launch @ Google Play Store (9/1) • In-app purchase: $1.99USD • LINE Camera (4/12) http://pkg.to/com.corner23.android.fourshots 13
14. Pai Pai (ഥഥ) • Take picture / draw / frame / note • DEMO @ OSDC.tw (4/15) • Launch @ Google Play Store (9/1) • In-app purchase: $1.99USD • LINE Camera (4/12) http://pkg.to/com.corner23.android.fourshots 14
15. Record • ಥഁ 50,000+ Լࡌ • (10/20) • ᎗Ө෼ྨ࠷৽೤໳ #1 • ᎗Ө෼ྨ೤໳໔අ #11 15
16. In-app purchase stats • 1000 download / 1 purchase • Full: 46 (1.99) • Donation: 7 • Juice: 1 (0.99) • Coffee: 5 (1.99) • Beer: 1 (2.99) 16
17. ሜ App Ұఆ༗෩ᯃ, ཭৬ሜ App ༗ᩲ༗ ഛ, ૝ሜ App ᩲ᭝લጯৄ㕕 Google ໢᜾ ެ։፺ਘ "app ഛ᭝" ݁Ռ. 17
18. ਖ਼୊ 18
19. 䑊㦵 & 伴൫ 19
20. Ұൠਓ᧷ಘ䑊㦵ੋ.. 20
21. զݪຊҎҝ䑊㦵ੋ.. 21
22. ୠࡏݱመத䑊㦵ੋ.. 22
23. ൺᩱ኷ॏཁ 23
24. Ոਓߋॏཁ 24
27. Tips • Paper prototyping • Use of UI libraries 27
29. Why paper ? • Light weight • Portable • Cheap • Idiot-free 29
33. ᔒ fu, better solution ? 33
34. Templates http://goo.gl/NT5uX • 3.5 inches — 640 × 960 pixels • 4.65 inches — 1280 × 720 pixels • 5.3 inches — 1280 × 800 pixels • 7 inches — 1024 × 600 pixels • 7 inches — 1280 × 800 pixels • 7.7 inches — 1280 × 800 pixels • 8.9 inches — 1280 × 800 pixels • 9.7 inches — 1024 × 768 and 2048 × 1536 pixels • 10.1 inches — 1280 × 800 pixels 34
35. I have money taste http://goo.gl/1GYN Android Stencil Kit ($26.95USD) 35
36. UI Library • ActionBarSherlock (basic UI) • Android Color Picker (pencil color) • NotificationCompact2 (upload notification) • ViewPagerIndicator (frame/effect/ background chooser) • HoloEverywhere (theme) 36
37. UI Library • ActionBarSherlock ୞༻෦෼ • Android Color Picker (pencil color) • NotificationCompact2 (upload notification) • ViewPagerIndicator (frame/effect/ background chooser) • HoloEverywhere (theme) ໦ࡐࣗવ෩ 37
38. ActionBarSherlock http://actionbarsherlock.com/ 38
39. Usage • Extend SherlockActivity or SherlockFragmentActivity • Handle action bar: getSupportActionBar() • Implement MenuItem 39
40. Customize your style http://goo.gl/o9mhm 40
41. Android Color Picker http://code.google.com/p/android-color-picker/ 41
42. Usage AmbilWarnaDialog dialog = new AmbilWarnaDialog(this, initialColor, new OnAmbilWarnaListener() { @Override public void onOk(AmbilWarnaDialog dialog, int color) { // color is the color selected by the user. } @Override public void onCancel(AmbilWarnaDialog dialog) { // cancel was selected by the user } }); dialog.show(); 42
43. NotificationCompact2 • Ease the pain of Notification & Notification.Builder • https://github.com/JakeWharton/ NotificationCompat2 43
44. Intent intent = new Intent(); PendingIntent pi = PendingIntent.getActivity(this, 0, intent, 0); mNotification = new NotificationCompat2.Builder(this) " " " " .setAutoCancel(true) " " " " .setContentIntent(pi) " " " " .setContentText(“This is content”) .setContentTitle(“This is title”) .setPriority(NotificationCompat2.PRIORITY_DEFAULT) " " " " .setSmallIcon(R.drawable.icon) " " " " .setWhen(System.currentTimeMillis()) " " " " .build(); notifyManager.notify(NOTIFICATION_ID, mNotification); Usage 44
45. Intent intent = new Intent(); PendingIntent pi = PendingIntent.getActivity(this, 0, intent, 0); mNotification = new NotificationCompat2.Builder(this) " " " " .setAutoCancel(true) " " " " .setContentIntent(pi) " " " " .setContentText(“This is content”) .setContentTitle(“This is title”) .setPriority(NotificationCompat2.PRIORITY_DEFAULT) " " " " .setSmallIcon(R.drawable.icon) " " " " .setWhen(System.currentTimeMillis()) " " " " .build(); notifyManager.notify(NOTIFICATION_ID, mNotification); Usage 45
46. ViewPagerIndicator http://viewpagerindicator.com/ 46
47. Usage (layout) <com.viewpagerindicator.TitlePageIndicator " android:id="@+id/titles" " android:layout_height="wrap_content" " android:layout_width="fill_parent" /> 47
48. Usage (java) //Set the pager with an adapter ViewPager pager = (ViewPager)findViewById(R.id.pager); pager.setAdapter(new TestAdapter(getSupportFragmentManager())); //Bind the title indicator to the adapter TitlePageIndicator titleIndicator = (TitlePageIndicator)findViewById(R.id.titles); titleIndicator.setViewPager(pager); titleIndicator.setOnPageChangeListener(mPageChangeListener); 48
49. Recap • Paper prototyping • Use of libraries • ActionBarSherlock • ViewPageIndicator • NotificationCompact2 • Android Color Picker 49
50. Thank you, Jake Wharton http://jakewharton.com/projects.html 50
51. So an App is born 51
52. Welcome to earth 52
54. Real world is dangerous 54
55. Tips • Crash report library / service • Testers 55
56. Debug 56
57. Bug / Crash ? 57
58. It works on my device ! 58
60. Not enough 60
61. http://goo.gl/tt8Rp 61
62. Take a guess • How many combinations can be made out of “Manufacturer + Model + API level” in one single application ? • Reference: Battery HD http://pkg.to/ch.smalltech.battery.free 62
63. 5000+ !! http://goo.gl/tPZ37 63
65. FCෆՄዑ 65
66. बዑᆦධၢ 66
67. ACRA http://acra.ch/ 67
68. Application Crash Report for Android 68
70. Usage • Create spreadsheet in Google Docs • Modify codes • .. Profit 70
71. Create Spreadsheet 71
72. Create Spreadsheet 72
73. Create Spreadsheet 73
74. import org.acra.*; import org.acra.annotation.*; @ReportsCrashes(formKey = “dGVacG0ydVHnaNHjRjVTUTEtb3FPWGc6MQ”) public class MyApplication extends Application { @Override public void onCreate() { // The following line triggers the initialization of ACRA ACRA.init(this); super.onCreate(); } } <manifest ...> <application ... android:name=”MyApplication”> ... </application> <uses-permission android:name=”android.permission.INTERNET” /> </manifest> Modify Codes AndroidManifest.xml Extends Application class 74
75. import org.acra.*; import org.acra.annotation.*; @ReportsCrashes(formKey = “dGVacG0ydVHnaNHjRjVTUTEtb3FPWGc6MQ”) public class MyApplication extends Application { @Override public void onCreate() { // The following line triggers the initialization of ACRA ACRA.init(this); super.onCreate(); } } <manifest ...> <application ... android:name=”MyApplication”> ... </application> <uses-permission android:name=”android.permission.INTERNET” /> </manifest> Modify Codes AndroidManifest.xml Extends Application class 75
76. Tips for ACRA • Spreadsheets for different version • Turn off for debugging • Notification + User preference 76
77. PackageInfo info = getPackageManager().getPackageInfo( getPackageName(), PackageManager.GET_SIGNATURES); Log.d(TAG, info.signatures[0].toCharsString()); Detecting release builds 77
78. private static final Signature RELEASE_SIG = new Signature("<YOUR SIGNATURE HERE>"); public static boolean isRelease(Context context) { try { PackageInfo info = context.getPackageManager().getPackageInfo( context.getPackageName(), PackageManager.GET_SIGNATURES); for (Signature sig : info.signatures) { if (sig.equals(RELEASE_SIG)) { return true; } } } catch (Exception e) { return false; } return false; } Detecting release builds 78
79. try { " // The following line triggers the initialization of ACRA " ACRA.init(this); " ACRAConfiguration conf = ACRA.getConfig(); " conf.setResToastText(R.string.str_crash_report); " conf.setMode(ReportingInteractionMode.TOAST); " conf.setForceCloseDialogAfterToast(false); conf.setExcludeMatchingSharedPreferencesKeys(new String[] {"^facebook"}); " ACRA.setConfig(conf); } catch (RuntimeException e) { " e.printStackTrace(); } catch (ACRAConfigurationException e) { " e.printStackTrace(); } Report notification 79
80. Online report service • Crittercism http://www.crittercism.com/ • BugSense http://www.bugsense.com/ • apphance http://www.apphance.com/ 80
81. Difference ? • # of crash reports • Platforms (Android/WP/iOS/..) • Proguard mapping support • Team 81
82. WAIT ! • “ Real world is dangerous “ • I want my app running on more devices without crashing ! 82
83. Need more testers • Samsung Apps • FREE ! • Professional QA with phones & tablets • Video feedback • #1 market share in most countries 83
84. Recap • Developer phone test • Crash report library • Online crash report / analysis service • Store w/ testers • Samsung Apps 84
85. Ꮕඅػ੍ 85
86. ୆ᖯ൒ᓫ 86
87. ༿㐫ࢣ 87
88. .. ࿨ॴ༗୆ᖯతফඅऀҰىܴ઀ሱԙզ၇తউརɻ 88
89. .. ࿨ॴ༗୆ᖯతফඅऀҰىܴ઀ሱԙզ၇తউརɻ 89
90. ௒ڃखػᥒᛰ௥᪦ث 90
91. ௒ڃखػᥒᛰ௥᪦ث iOS app 91
93. In-app Billing 93
95. Overview • Google Play service • 30% of the sale price • API level 4+ (1.6+) • Types • In-app product (Managed/unmanaged) • Subscription 95
96. Architecture 96
97. Register • Register developer in Google Play • Register Google Wallet for buyers • No more Google Adsense ! 97
98. Create IAP items 98
99. IAP item 99
100. IAP item example 100
101. Setup test account 101
102. Public key 102
103. መ࡞։࢝ 103
104. ؃ෆ׬తจ݅ 104
105. ਅత኷ଟ 105
106. http://developer.android.com/guide/google/play/billing/ index.html 106
108. መ࡞ෳᯑ 108
109. ҆શߟྔ 109
110. ࣌ؒߟྔ 110
111. requestPurchase(“SHOW_ME_THE_MONEY”) 111
112. Android Billing Library • Full IAB implementation • Obfuscated purchases database • Unit test https://github.com/robotmedia/AndroidBillingLibrary 112
113. <manifest> <uses-permission android:name="com.android.vending.BILLING" /> <service android:name="net.robotmedia.billing.BillingService" /> <receiver android:name="net.robotmedia.billing.BillingReceiver"> <intent-filter> <action android:name="com.android.vending.billing.IN_APP_NOTIFY" /> <action android:name="com.android.vending.billing.RESPONSE_CODE" /> <action android:name="com.android.vending.billing.PURCHASE_STATE_CHANGED " /> </intent-filter> </receiver> </manifest> AndroidManifest.xml 113
114. Set configuration @Override public void onCreate() { super.onCreate(); " BillingController.setDebug(isDebug(this)); " BillingController.setConfiguration(new BillingController.IConfiguration() { " " public byte[] getObfuscationSalt() { " " " return new byte[] {-127, -96, -88, 77, 127, 115, 41, -90, -116, -41, 66, -53, 122, -110, 1, 73, 57, 110, 48, -116}; " " } " " public String getPublicKey() { " " " return “<YOUR PUBLIC KEY>”; " } }); } 114
115. mBillingObserver = new AbstractBillingObserver(this) { public void onBillingChecked(boolean supported) { } public void onPurchaseStateChanged(String itemId, PurchaseState state) { } public void onRequestPurchaseResponse(String itemId, ResponseCode response) { } public void onSubscriptionChecked(boolean supported) { } }; Create observer 115
116. Check billing support @Override public void onCreate(Bundle savedInstanceState) { // ... BillingController.registerObserver(mBillingObserver); BillingController.checkBillingSupported(this); // ... } protected void onBillingChecked(boolean supported) { if (supported) { // continue } else { showDialog(DIALOG_BILLING_NOT_SUPPORTED_ID); } } 116
117. Request purchase BillingController.requestPurchase(this, “<PRODUCT ID>”, true, /* confirm */ null /* developer payload */ ); 117
118. Restore transactions private void restoreTransactions() { if (!mBillingObserver.isTransactionsRestored()) { BillingController.restoreTransactions(this); Toast.makeText(this, R.string.restoring_transactions, Toast.LENGTH_LONG).show(); } } protected void onBillingChecked(boolean supported) { if (supported) { restoreTransactions(); } ... } 118
119. Summary • Prototyping • UI Library • Debug • IAB 119
120. Nice references • Android Asset Studio http://j.mp/androidassetstudio • ThisIsATest http://xayin.com/thisisatest.html 120
121. Q & A http://profiles.google.com/shakalaca 121
122. Thank you 122
123. IAP Slides 123
124. Request types • CHECK_BILLING_SUPPORTED • REQUEST_PURCHASE • GET_PURCHASE_INFORMATION • CONFIRM_NOTIFICATION • RESTORE_TRANSATIONS 124
125. Requests • MarketBillingService interface • (IMarketBillingService.aidl) • Requests sent by single IPC method (sendBillingRequest()) of the interface • Request parameters are sent as Bundle 125
126. Binding try { boolean bindResult = mContext.bindService( new Intent("com.android.vending.billing.MarketBillingService.BIND"), this, Context.BIND_AUTO_CREATE); if (bindResult) { Log.i(TAG, "Service bind successful."); } else { Log.e(TAG, "Could not bind to the MarketBillingService."); } } catch (SecurityException e) { Log.e(TAG, "Security exception: " + e); } public void onServiceConnected(ComponentName name, IBinder service) { Log.i(TAG, "MarketBillingService connected."); mService = IMarketBillingService.Stub.asInterface(service); } 126
127. protected Bundle makeRequestBundle(String method) { Bundle request = new Bundle(); request.putString(BILLING_REQUEST, method); request.putInt(API_VERSION, 1); request.putString(PACKAGE_NAME, getPackageName()); return request; } Request bundle 127
128. Make request Bundle request = makeRequestBundle("REQUEST_PURCHASE"); request.putString(ITEM_ID, mProductId); // Request is for a standard in-app product request.putString(ITEM_TYPE, "inapp"); // Note that the developer payload is optional. if (mDeveloperPayload != null) { request.putString(DEVELOPER_PAYLOAD, mDeveloperPayload); } Bundle response = mService.sendBillingRequest(request); 128
129. Responses • Every request will receive 1 synchronous response • Asynchronous response • 0 or N 129
130. Synchronous response • RESPONSE_CODE • status of request • PURCHASE_INTENT • PendingIntent to launch checkout UI • REQUEST_ID • unique request identifier for the request 130
131. Asynchronous response • Broadcast intents • RESPONSE_CODE • IN_APP_NOTIFY • PURCHASE_STATE_CHANGED 131
132. Receiving asynchronous responses @Override public void onReceive(Context context, Intent intent) { String action = intent.getAction(); if (ACTION_PURCHASE_STATE_CHANGED.equals(action)) { String signedData = intent.getStringExtra(INAPP_SIGNED_DATA); String signature = intent.getStringExtra(INAPP_SIGNATURE); // Do something with the signedData and the signature. } else if (ACTION_NOTIFY.equals(action)) { String notifyId = intent.getStringExtra(NOTIFICATION_ID); // Do something with the notifyId. } else if (ACTION_RESPONSE_CODE.equals(action)) { long requestId = intent.getLongExtra(INAPP_REQUEST_ID, -1); int responseCodeIndex = intent.getIntExtra(INAPP_RESPONSE_CODE, ResponseCode.RESULT_ERROR.ordinal()); // Do something with the requestId and the responseCodeIndex. } else { Log.w(TAG, "unexpected action: " + action); } } 132
133. Request types • CHECK_BILLING_SUPPORTED • REQUEST_PURCHASE • GET_PURCHASE_INFORMATION • CONFIRM_NOTIFICATION • RESTORE_TRANSATIONS 133
134. Check billing supported Bundle request = makeRequestBundle("CHECK_BILLING_SUPPORTED"); Bundle response = mService.sendBillingRequest(request); 134
135. Check billing supported • Return: RESPONSE_CODE (Sync) • RESULT_OK / RESULT_BILLING_UNAVAILABLE / RESULT_ERROR / RESULT_DEVELOPER_ERROR 135
136. Request purchase Bundle request = makeRequestBundle("REQUEST_PURCHASE"); request.putString(ITEM_ID, mProductId); // Request is for a standard in-app product request.putString(ITEM_TYPE, "inapp"); // Note that the developer payload is optional. if (mDeveloperPayload != null) { request.putString(DEVELOPER_PAYLOAD, mDeveloperPayload); } Bundle response = mService.sendBillingRequest(request); 136
137. Request purchase • Return: RESPONSE_CODE, PURCHASE_INTENT, REQUEST_ID (Sync) • Return: RESPONSE_CODE, IN_APP_NOTIFY (Async) 137
138. Get purchase information Bundle request = makeRequestBundle("GET_PURCHASE_INFORMATION"); request.putLong(REQUEST_NONCE, mNonce); request.putStringArray(NOTIFY_IDS, mNotifyIds); Bundle response = mService.sendBillingRequest(request); 138
139. Get purchase information • Return: REQUEST_CODE, REQUEST_ID (Sync) • Return: RESPONSE_CODE, PURCHASE_STATE_CHANGED 139
140. JSON of return info { "nonce" : 1836535032137741465, "orders" : [{ "notificationId" : "android.test.purchased", "orderId" : "transactionId.android.test.purchased", "packageName" : "com.example.dungeons", "productId" : "android.test.purchased", "developerPayload" : "bGoa+V7g/yqDXvKRqq+JTFn4uQZbPiQJo4pf9RzJ", "purchaseTime" : 1290114783411, "purchaseState" : 0, "purchaseToken" : "rojeslcdyyiapnqcynkjyyjh" }] } 140
141. Confirm notifications Bundle request = makeRequestBundle("CONFIRM_NOTIFICATIONS"); request.putStringArray(NOTIFY_IDS, mNotifyIds); Bundle response = mService.sendBillingRequest(request); 141
142. Confirm notifications • Return: RESPONSE_CODE, REQUEST_ID (Sync) • Return: RESPONSE_CODE (Async) 142
143. Unsolicited In-app notify 143
144. Unsolicited In-app notify • Two cases • Multiple devices • Refunds 144
145. Restore transations Bundle request = makeRequestBundle("RESTORE_TRANSACTIONS"); request.putLong(REQUEST_NONCE, mNonce); Bundle response = mService.sendBillingRequest(request); 145
146. Restore transations • Return: RESPONSE_CODE, REQUEST_ID (Sync) • Return: RESPONSE_CODE, PURCHASE_STATE_CHANGED 146
147. And .. • Don’t forget security ! • Signed purchased info (JSON) • Nonce 147