Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Strategi Presentasi Untuk Developer Workshop Slide

134 Aufrufe

Veröffentlicht am

Selain ngoding, skill komunikasi juga merupakan hal cukup penting yang sebaiknya dipunyai oleh developer. Salah satu bentuknya adalah berbicara didepan publik. Apakah itu didepan atasan rekan satu tim, meetup, client, conference ataupun didepan investor. Dengan kemampuan ini, kita akan menjadi seorang developer yang berbeda. Selain bisa menyelesaikan masalah dengan kode kita juga bisa mengkomunikasikannya. Itu adalah nilai tambah yang sangat besar dan banyak dicari. Dan cara presentasi kita, sebagai developer tentu berbeda dengan orang marketing misalnya atau business man. Karena itu kita juga butuh strategi presentasi khusus. Dan di workshop ini, kita akan mempelajari dan mempraktekkan beberapa strategi tersebut.

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

Strategi Presentasi Untuk Developer Workshop Slide

  1. 1. STRATEGI PRESENTASIuntuk developer workshop
  2. 2. @rizafahmi
  3. 3. WORKSHOP INI tentang
  4. 4. LOGISTIK sedikit
  5. 5. BERTANYA KAPAN SAJA silakan
  6. 6. BERTANYA VIA CHAT boleh juga t.me/rizafahmi
  7. 7. BERTANYA DI AMA atau bisa github.com/rizafahmi/ama
  8. 8. FOLLOW TWITTER JUGA jangan lupa twitter.com/rizafahmi22 #strategipresentasi
  9. 9. PUBLIC SPEAKING tentang CERITAMU! siapkan SAATNYA LATIHANdan persiapan PANGGUNG menaklukkan PANGGUNG setelah turun SLIDE PRESENTASI mendesain
  10. 10. RUTINITAS semacam
  11. 11. TOPIK PEMBAHASAN mendengarkan
  12. 12. DEMO SEKILAS melihat
  13. 13. LATIHAN DAN TUGAS mengikuti
  14. 14. SALING MEMBANTU kolaborasi
  15. 15. SUDAH SIAP…?
  16. 16. PUBLIC SPEAKING tentang
  17. 17. TERINSPIRASI
  18. 18. INSPIRASIsaya
  19. 19. TOPIK memilih
  20. 20. “Everyone is an expert at something” — Rob Conery
  21. 21. TOPIK beraksi memilih
  22. 22. JUDUL menentukan
  23. 23. JUDUL demo menentukan
  24. 24. JUDUL beraksi menentukan
  25. 25. ABSTRAKSI membuat
  26. 26. ABSTRAKSI demo membuat
  27. 27. ABSTRAKSI beraksi membuat
  28. 28. PANGGUNG memilih
  29. 29. KOMUNITAS LOKAL meetup atau
  30. 30. KONFERENSI panggung besar
  31. 31. KESIMPULAN
  32. 32. TERINSPIRASI PILIH TOPIK TENTUKAN JUDUL BUAT ABSTRAKSI TENTUKAN PANGGUNGNYA
  33. 33. CERITAMU! siapkan
  34. 34. STORYTELLING
  35. 35. AUDIENCE cari tahu tentang
  36. 36. JALAN CERITAMU susun
  37. 37. RULE OF THREE bagian 1 bagian 2 bagian 3
  38. 38. RULE OF THREE bagian 1 bagian 2 bagian 3 intro outro
  39. 39. RULE OF THREE bagian 1 bagian 2 bagian 3 poin 1 poin 2 poin 3 poin 1 poin 2 poin 3
  40. 40. JALAN CERITAMU demo susun
  41. 41. RULE OF THREE bagian 1 bagian 2 bagian 3intro outro Cerita tentang bagaima na saya memaha mi bagaima na Redux bekerja Suatu hari yang cerah, seperti biasanya. Saya dihadapkan pada keputusan sulit: harus menerangkan Redux didepan calon developer yang baru tahu tentang React dan ekosistem React selama satu minggu terakhir Ternyata belajar Redux tidak semudah yang dibayangkan. Konsep state management pun masih abu- abu. Sudah coba nonton course Redux dari Dan Abramov, sampai telpon ex-FB untuk minta dijelaskan. Akhirnya 💡 muncul ketika mencoba Redux di vanilla JS, bukan dengan React apalagi react-redux.
  42. 42. JALAN CERITAMU beraksi dan susun
  43. 43. REPETISI lakukan
  44. 44. RULE OF THREE bagian 1 bagian 2 bagian 3 poin 1 poin 2 poin 1 poin 2
  45. 45. RULE OF THREE bagian 1 bagian 2 bagian 3 poin 1 poin 2 kesimpulan poin 1 poin 2 kesimpulan halaman kesimpulan
  46. 46. SLIDE PRESENTASI mendesain
  47. 47. UKURAN FONT perhatikan
  48. 48. So you can teach css how to render things
  49. 49. susah dibaca
  50. 50. pastikan teks cukup
 BESAR
  51. 51. BESAR
  52. 52. desain slide untuk orang yang 
 duduk paling belakang
  53. 53. So you can teach css how to render things
  54. 54. masih susah dibaca
  55. 55. WARNA YANG SESUAI gunakan
  56. 56. warna kontras
  57. 57. light on dark
  58. 58. dark on light
  59. 59. So you can teach css how to render things
  60. 60. mendingan, bisa lebih bagus
  61. 61. adobe color https://color.adobe.com/create/color-wheel/
  62. 62. colour lovers https://www.colourlovers.com
  63. 63. color hunt https://colorhunt.co/
  64. 64. So you can teach css how to render things
  65. 65. FONT YANG MENARIK pilih
  66. 66. sans-serif
  67. 67. google fonts https://fonts.google.com
  68. 68. font joy https://fontjoy.com/
  69. 69. helvetica
  70. 70. So you can teach css how to render things
  71. 71. beberapa enggan membaca semuanya
  72. 72. hapus beberapa kata dari slide
  73. 73. hapus beberapa kata dari slide
  74. 74. hindari membaca slide
  75. 75. So you can teach css how to render things
  76. 76. teach css to render things
  77. 77. ILUSTRASI penggunaan
  78. 78. wasted space
  79. 79. “ Teduh kan?!
  80. 80. unsplash
  81. 81. pexels
  82. 82. SLIDE PRESENTASI demo mendesain
  83. 83. SLIDE PRESENTASI beraksi mendesain
  84. 84. SLIDE DENGAN KODE desain
  85. 85. <div> <div> <div> <article> {{ content }} !</article> <div> <div> <div>
  86. 86. <div> <div> <div> <article> {{ content }} !</article> <div> <div> <div>
  87. 87. import * as tf from '@tensorflow/tfjs'; import 'babel-polyfill'; // create model const model = tf.sequential(); // create layers const hidden = tf.layers.dense({ units: 6, inputShape: [2], activation: 'sigmoid' }); const output = tf.layers.dense({ units: 1, // inputShape: [6], activation: 'sigmoid' }); // add layers model.add(hidden); model.add(output); // prepare model model.compile({ optimizer: tf.train.sgd(0.1), loss: 'meanSquaredError' }); // prepare data const inputs = tf.tensor2d([[0, 0], [0, 1], [1, 0], [1, 1]]); const outputs = tf.tensor2d([[0], [1], [1], [0]]); // train const train = async () => { const config = { shuffle: true, epochs: 90 }; for (let i = 0; i < 100; i += 1) { const response = await model.fit(inputs, outputs, config); console.log(i, response.history.loss[0]); } }; // predict const predict = async () => { await train(); console.log('Training finally complete!'); const prediction = model.predict(inputs); prediction.print(); }; predict();
  88. 88. import * as tf from '@tensorflow/tfjs'; import 'babel-polyfill';
  89. 89. // create layers const hidden = tf.layers.dense({ units: 6, inputShape: [2], activation: 'sigmoid' }); const output = tf.layers.dense({ units: 1, // inputShape: [6], activation: 'sigmoid' });
  90. 90. highlight http://www.andre-simon.de/doku/highlight/en/highlight.php
  91. 91. carbon https://carbon.now.sh/
  92. 92. polacode https://marketplace.visualstudio.com/items?itemName=pnp.polacode
  93. 93. SLIDE DENGAN KODE demo desain
  94. 94. SLIDE DENGAN KODE beraksi mendesain
  95. 95. SESI LIVE CODE mempersiapkan
  96. 96. “Talk is cheap. Show me the code.” — Linus Torvalds
  97. 97. to the point
  98. 98. gunakan contoh nyata
  99. 99. langkah demi langkah
  100. 100. persiapkan sedetail mungkin
  101. 101. persiapkan kode snippet atau contekan
  102. 102. persiapkan folder project yang siap dijalankan
  103. 103. rekam sesi live code saat latihan
  104. 104. Keep moving forward
  105. 105. SESI LIVE CODE demo mempersiapkan
  106. 106. SESI LIVE CODE beraksi mempersiapkan
  107. 107. GUNAKAN TEKS BESAR MANFAATKAN ILUSTRASI PILIH FONT YANG TEPAT PERHATIKAN WARNA LIVE CODE, JIKA MEMUNGKINKAN recap
  108. 108. LATIHAN DAN PERSIAPAN saatnya
  109. 109. latihan, latihan, latihan
  110. 110. – Ryan Burgess, Software Engineering Managers at Netflix “Practice your talk so much until you get sick of it!”
  111. 111. rekam saat latihan
  112. 112. lakukan pengecekan teknis
  113. 113. LATIHAN DAN PERSIAPAN demo
  114. 114. LATIHAN DAN PERSIAPAN beraksi melakukan
  115. 115. LATIHAN SEBANYAK MUNGKIN REKAM LATIHAN LAKUKAN PENGECEKAN TEKNIS recap
  116. 116. PANGGUNG menaklukkan
  117. 117. datang tepat waktu
  118. 118. lakukan gladi resik
  119. 119. jangan 
 memulai presentasi dengan meminta maaf
  120. 120. be excited!
  121. 121. speak fast and slow
  122. 122. move around
  123. 123. THE UNKNOWN handling
  124. 124. siapkan 
 plan a, b, c dan d
  125. 125. 💩 happens, 
 be ready
  126. 126. live code is challenging
  127. 127. DATANG LEBIH AWAL BE EXCITED JANGAN MULAI DENGAN MEMINTA MAAF PERSIAPKAN UNTUK YANG TERBURUK recap
  128. 128. TURUN PANGGUNG setelah
  129. 129. evaluasi
  130. 130. tetap di lokasi sedikit lebih lama
  131. 131. sharing materi
  132. 132. ucapan terimakasih
  133. 133. EVALUASI TETAP DI LOKASI SHARE MATERI, BUAT ARTIKEL UCAPAN TERIMAKASIH recap
  134. 134. PENUTUP sebagai

×