SlideShare une entreprise Scribd logo
1  sur  140
Télécharger pour lire hors ligne
STRATEGI PRESENTASIuntuk developer
workshop
@rizafahmi
WORKSHOP INI
tentang
LOGISTIK
sedikit
BERTANYA KAPAN SAJA
silakan
BERTANYA VIA CHAT
boleh juga
t.me/rizafahmi
BERTANYA DI AMA
atau bisa
github.com/rizafahmi/ama
FOLLOW TWITTER JUGA
jangan lupa
twitter.com/rizafahmi22
#strategipresentasi
PUBLIC SPEAKING
tentang
CERITAMU!
siapkan
SAATNYA LATIHANdan persiapan
PANGGUNG
menaklukkan
PANGGUNG
setelah turun
SLIDE PRESENTASI
mendesain
RUTINITAS
semacam
TOPIK PEMBAHASAN
mendengarkan
DEMO SEKILAS
melihat
LATIHAN DAN TUGAS
mengikuti
SALING MEMBANTU
kolaborasi
SUDAH SIAP…?
PUBLIC SPEAKING
tentang
TERINSPIRASI
INSPIRASIsaya
TOPIK
memilih
“Everyone is an expert at something”
— Rob Conery
TOPIK
beraksi memilih
JUDUL
menentukan
JUDUL
demo menentukan
JUDUL
beraksi menentukan
ABSTRAKSI
membuat
ABSTRAKSI
demo membuat
ABSTRAKSI
beraksi membuat
PANGGUNG
memilih
KOMUNITAS LOKAL
meetup atau
KONFERENSI
panggung besar
KESIMPULAN
TERINSPIRASI
PILIH TOPIK
TENTUKAN JUDUL
BUAT ABSTRAKSI
TENTUKAN PANGGUNGNYA
CERITAMU!
siapkan
STORYTELLING
AUDIENCE
cari tahu tentang
JALAN CERITAMU
susun
RULE OF THREE
bagian 1
bagian 2
bagian 3
RULE OF THREE
bagian 1
bagian 2
bagian 3
intro
outro
RULE OF THREE
bagian 1
bagian 2
bagian 3
poin 1
poin 2
poin 3
poin 1
poin 2
poin 3
JALAN CERITAMU
demo susun
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.
JALAN CERITAMU
beraksi dan susun
REPETISI
lakukan
RULE OF THREE
bagian 1
bagian 2
bagian 3
poin 1
poin 2
poin 1
poin 2
RULE OF THREE
bagian 1
bagian 2
bagian 3
poin 1
poin 2
kesimpulan
poin 1
poin 2
kesimpulan
halaman kesimpulan
SLIDE PRESENTASI
mendesain
UKURAN FONT
perhatikan
So you can teach css how to render things
susah dibaca
pastikan teks cukup

BESAR
BESAR
desain slide untuk
orang yang 

duduk paling belakang
So you can teach
css how to render
things
masih susah
dibaca
WARNA YANG SESUAI
gunakan
warna kontras
light on dark
dark on light
So you can teach
css how to render
things
mendingan, bisa
lebih bagus
adobe color
https://color.adobe.com/create/color-wheel/
colour lovers
https://www.colourlovers.com
color hunt
https://colorhunt.co/
So you can teach
css how to render
things
FONT YANG MENARIK
pilih
sans-serif
google fonts
https://fonts.google.com
font joy
https://fontjoy.com/
helvetica
So you can
teach css how
to render things
beberapa enggan
membaca
semuanya
hapus beberapa
kata dari slide
hapus beberapa
kata dari slide
hindari membaca
slide
So you can
teach css how
to render things
teach css to
render things
ILUSTRASI
penggunaan
wasted space
“ Teduh kan?!
unsplash
pexels
SLIDE PRESENTASI
demo mendesain
SLIDE PRESENTASI
beraksi mendesain
SLIDE DENGAN KODE
desain
<div>
<div>
<div>
<article>
{{ content }}
!</article>
<div>
<div>
<div>
<div>
<div>
<div>
<article>
{{ content }}
!</article>
<div>
<div>
<div>
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();
import * as tf from '@tensorflow/tfjs';
import 'babel-polyfill';
// create layers
const hidden = tf.layers.dense({
units: 6,
inputShape: [2],
activation: 'sigmoid'
});
const output = tf.layers.dense({
units: 1,
// inputShape: [6],
activation: 'sigmoid'
});
highlight
http://www.andre-simon.de/doku/highlight/en/highlight.php
carbon
https://carbon.now.sh/
polacode
https://marketplace.visualstudio.com/items?itemName=pnp.polacode
SLIDE DENGAN KODE
demo desain
SLIDE DENGAN KODE
beraksi mendesain
SESI LIVE CODE
mempersiapkan
“Talk is cheap. Show me the code.” — Linus
Torvalds
to the point
gunakan contoh nyata
langkah demi langkah
persiapkan sedetail
mungkin
persiapkan kode snippet
atau contekan
persiapkan folder project
yang siap dijalankan
rekam sesi live code saat
latihan
Keep moving forward
SESI LIVE CODE
demo mempersiapkan
SESI LIVE CODE
beraksi mempersiapkan
GUNAKAN TEKS BESAR
MANFAATKAN ILUSTRASI
PILIH FONT YANG TEPAT
PERHATIKAN WARNA
LIVE CODE, JIKA MEMUNGKINKAN
recap
LATIHAN DAN PERSIAPAN
saatnya
latihan, latihan,
latihan
– Ryan Burgess, Software Engineering Managers at Netflix
“Practice your talk so much
until you get sick of it!”
rekam saat
latihan
lakukan
pengecekan teknis
LATIHAN DAN PERSIAPAN
demo
LATIHAN DAN PERSIAPAN
beraksi melakukan
LATIHAN SEBANYAK MUNGKIN
REKAM LATIHAN
LAKUKAN PENGECEKAN TEKNIS
recap
PANGGUNG
menaklukkan
datang tepat
waktu
lakukan
gladi resik
jangan 

memulai presentasi
dengan meminta maaf
be excited!
speak fast and
slow
move around
THE UNKNOWN
handling
siapkan 

plan a, b, c dan d
💩 happens, 

be ready
live code is
challenging
DATANG LEBIH AWAL
BE EXCITED
JANGAN MULAI DENGAN MEMINTA MAAF
PERSIAPKAN UNTUK YANG TERBURUK
recap
TURUN PANGGUNG
setelah
evaluasi
tetap di lokasi sedikit
lebih lama
sharing materi
ucapan terimakasih
EVALUASI
TETAP DI LOKASI
SHARE MATERI, BUAT ARTIKEL
UCAPAN TERIMAKASIH
recap
PENUTUP
sebagai

Contenu connexe

Similaire à Strategi Presentasi Untuk Developer Workshop Slide

Similaire à Strategi Presentasi Untuk Developer Workshop Slide (16)

adoc.pub_bahasa-pemrograman-c-language.pdf
adoc.pub_bahasa-pemrograman-c-language.pdfadoc.pub_bahasa-pemrograman-c-language.pdf
adoc.pub_bahasa-pemrograman-c-language.pdf
 
Daskom 3
Daskom 3Daskom 3
Daskom 3
 
Materi pelatihan java fundamental
Materi pelatihan java fundamentalMateri pelatihan java fundamental
Materi pelatihan java fundamental
 
Basic Java Application - Sesi 5
Basic Java Application - Sesi 5Basic Java Application - Sesi 5
Basic Java Application - Sesi 5
 
6. OOP Java
6. OOP Java6. OOP Java
6. OOP Java
 
Algoritma dan Pemrograman C++ (Program Structure)
Algoritma dan Pemrograman C++ (Program Structure)Algoritma dan Pemrograman C++ (Program Structure)
Algoritma dan Pemrograman C++ (Program Structure)
 
Cara membuat fungsi dan prosedur pada java
Cara membuat fungsi dan prosedur pada javaCara membuat fungsi dan prosedur pada java
Cara membuat fungsi dan prosedur pada java
 
Pengenalan Bahasa C
Pengenalan Bahasa CPengenalan Bahasa C
Pengenalan Bahasa C
 
01 ddp - Perulangan (Looping)
01  ddp - Perulangan (Looping)01  ddp - Perulangan (Looping)
01 ddp - Perulangan (Looping)
 
Pascal (Pengenalan).pdf
Pascal (Pengenalan).pdfPascal (Pengenalan).pdf
Pascal (Pengenalan).pdf
 
06.77 JAVA SE_adapter classes
06.77 JAVA SE_adapter classes06.77 JAVA SE_adapter classes
06.77 JAVA SE_adapter classes
 
Bahasa-Bahasa Dalam Simulasi Komputer.pdf
Bahasa-Bahasa Dalam Simulasi Komputer.pdfBahasa-Bahasa Dalam Simulasi Komputer.pdf
Bahasa-Bahasa Dalam Simulasi Komputer.pdf
 
Modul 1-2
Modul 1-2Modul 1-2
Modul 1-2
 
pemrograman mobile
pemrograman mobilepemrograman mobile
pemrograman mobile
 
Jeni J2 Me Bab02 Memulai Pemrograman Mobile
Jeni J2 Me Bab02 Memulai Pemrograman MobileJeni J2 Me Bab02 Memulai Pemrograman Mobile
Jeni J2 Me Bab02 Memulai Pemrograman Mobile
 
Jeni j2 me-bab02-memulai pemrograman mobile
Jeni j2 me-bab02-memulai pemrograman mobileJeni j2 me-bab02-memulai pemrograman mobile
Jeni j2 me-bab02-memulai pemrograman mobile
 

Plus de Riza Fahmi

Plus de Riza Fahmi (20)

Membangun Aplikasi Web dengan Elixir dan Phoenix
Membangun Aplikasi Web dengan Elixir dan PhoenixMembangun Aplikasi Web dengan Elixir dan Phoenix
Membangun Aplikasi Web dengan Elixir dan Phoenix
 
Berbagai Pilihan Karir Developer
Berbagai Pilihan Karir DeveloperBerbagai Pilihan Karir Developer
Berbagai Pilihan Karir Developer
 
Web dan Progressive Web Apps di 2020
Web dan Progressive Web Apps di 2020Web dan Progressive Web Apps di 2020
Web dan Progressive Web Apps di 2020
 
Remote Working/Learning
Remote Working/LearningRemote Working/Learning
Remote Working/Learning
 
How to learn programming
How to learn programmingHow to learn programming
How to learn programming
 
Rapid App Development with AWS Amplify
Rapid App Development with AWS AmplifyRapid App Development with AWS Amplify
Rapid App Development with AWS Amplify
 
Menguak Misteri Module Bundler
Menguak Misteri Module BundlerMenguak Misteri Module Bundler
Menguak Misteri Module Bundler
 
Beberapa Web API Menarik
Beberapa Web API MenarikBeberapa Web API Menarik
Beberapa Web API Menarik
 
MVP development from software developer perspective
MVP development from software developer perspectiveMVP development from software developer perspective
MVP development from software developer perspective
 
Ekosistem JavaScript di Indonesia
Ekosistem JavaScript di IndonesiaEkosistem JavaScript di Indonesia
Ekosistem JavaScript di Indonesia
 
Perkenalan ReasonML
Perkenalan ReasonMLPerkenalan ReasonML
Perkenalan ReasonML
 
How I Generate Idea
How I Generate IdeaHow I Generate Idea
How I Generate Idea
 
Lesson Learned from Prolific Developers
Lesson Learned from Prolific DevelopersLesson Learned from Prolific Developers
Lesson Learned from Prolific Developers
 
Clean Code JavaScript
Clean Code JavaScriptClean Code JavaScript
Clean Code JavaScript
 
The Future of AI
The Future of AIThe Future of AI
The Future of AI
 
Chrome Dev Summit 2018 - Personal Take Aways
Chrome Dev Summit 2018 - Personal Take AwaysChrome Dev Summit 2018 - Personal Take Aways
Chrome Dev Summit 2018 - Personal Take Aways
 
Essentials and Impactful Features of ES6
Essentials and Impactful Features of ES6Essentials and Impactful Features of ES6
Essentials and Impactful Features of ES6
 
Modern Static Site with GatsbyJS
Modern Static Site with GatsbyJSModern Static Site with GatsbyJS
Modern Static Site with GatsbyJS
 
Introduction to ReasonML
Introduction to ReasonMLIntroduction to ReasonML
Introduction to ReasonML
 
Machine learning with py torch
Machine learning with py torchMachine learning with py torch
Machine learning with py torch
 

Strategi Presentasi Untuk Developer Workshop Slide