herpiko dwi aguno - pkiwebsdk : pustaka javascript untuk aplikasi pki berbasis html5
TRANSCRIPT
![Page 1: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/1.jpg)
PKI WebSDK
![Page 3: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/3.jpg)
Teknologi (relatif) baruBelum didukung penuh semua perambanBelum stabil (masih bisa berubah)
Web Cryptography API
![Page 4: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/4.jpg)
●Enkripsi/dekripsi data●Penandatanganan/verifikasi data
menggunakan tanda tangan digital●Verifikasi identifikasi●Interoperabilitas●Aplikasi berbasis web
Kebutuhan
![Page 5: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/5.jpg)
http://caniuse.com/#feat=cryptography
![Page 6: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/6.jpg)
AlternatifWebCrypto GOST (Apache2)Forge (BSD/GPL)PKI.js (BSD)
![Page 7: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/7.jpg)
Tujuan PKI WebSDK KominfoMemudahkan pengembangan aplikasi bersertifikat digitalMemudahkan integrasi aplikasiKeseragaman aplikasi
langsung menggunakan CA Kominfosesuai standar/konvensi internasional
Berorientasi klien, bukan klien-serverdata sensitif tetap berada di komputer klien
![Page 8: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/8.jpg)
Memungkinkan keseragaman
![Page 9: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/9.jpg)
Forge vs PKI.js
![Page 10: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/10.jpg)
Isi PKI WebSDK KominfoDokumentasi pemrogramanContoh programPustaka siap pakaiAPI JavaScriptUnit Testing + Code Coverage
![Page 11: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/11.jpg)
Kapabilitas●Pembuatan kunci privat dan publik●Pembuatan permintaan sertifikat (CSR)●Penandatanganan berkas generik dan PDF●Verifikasi berkas generik dan PDF●Enkripsi/dekripsi berkas generik●Impor/ekspor data
PEM, CRT, KEY, P8, DER, P12, P7
![Page 12: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/12.jpg)
API
PKI WebSDK( bundle.js )
WebCrypto
PDF.js Forge
App App App
![Page 13: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/13.jpg)
Kompetensi pengguna PKI WebSDK●JavaScript●HTML●CSS
![Page 14: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/14.jpg)
API PKI WebSDKJavaScript ES6/Promise
fungsi(parameter).then(function(result) {
…..}).catch(function(err) { ...})
![Page 15: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/15.jpg)
fungsi(parameter).then(function(result) {
…return fungsi2(parameter)
}).then(function(result) {
...return fungsi3(parameter)
}).then(function(finalResult) {
...}).catch(function(err) { ...})
![Page 16: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/16.jpg)
fungsi(parameter, function(err, result){if (err) {// Handle error
}fungsi2(parameter, function(err, result){
if (err) {// Handle error
}fungsi3(parameter, function(err, finalResult){
if (err) {// Handle error
}})})})
Callback Hell
![Page 17: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/17.jpg)
1.Masukkan CSS<link rel="stylesheet" href="style.css">
3 Langkah Mudah API PKI WebSDK
![Page 18: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/18.jpg)
2. Masukkan skrip bundle.js<script src="bundle.js"></script>
3 Langkah Mudah API PKI WebSDK
![Page 19: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/19.jpg)
3. Mulai menggunakan APIPKIWebSDK.Key.parsePEM(pem, “SHA-256”)
.then(function(result) {// ...
}).catch(function(error) { //...})
3 Langkah Mudah API PKI WebSDK
![Page 20: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/20.jpg)
Demo
![Page 21: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/21.jpg)
Komponen API PKI WebSDK- window.PKIWebSDK.Key- window.PKIWebSDK.Certificate- window.PKIWebSDK.PDF- window.PKIWebSDK.SignedData- window.PKIWebSDK.EncryptedData- window.PKIWebSDK.Utils- window.PKIWebSDK.UI- window.PKIWebSDK.private.forge
![Page 22: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/22.jpg)
Contoh kasusimplementasi
![Page 23: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/23.jpg)
Lisensi
![Page 24: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/24.jpg)
Kontribusi
https://gitlab.com/rootcaid/kominfo-pki-websdk
![Page 25: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/25.jpg)
Pohon-pohon kita di Kalimantan
![Page 26: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/26.jpg)
Tanya Jawab
![Page 27: Herpiko Dwi Aguno - PKIWebSDK : Pustaka JavaScript untuk aplikasi PKI berbasis HTML5](https://reader031.vdocuments.site/reader031/viewer/2022020300/58a1264e1a28abb91b8b663d/html5/thumbnails/27.jpg)
Terima kasih