Initial commit

.gitignore

@@ -0,0 +1,7 @@
+node_modules
+.DS_Store
+dist
+*.local
+index.html
+.remote-assets
+components.d.ts

.npmrc

@@ -0,0 +1,3 @@
+# for pnpm
+shamefully-hoist=true
+auto-install-peers=true

Dockerfile

@@ -0,0 +1,3 @@
+FROM tangramor/slidev:latest
+
+ADD . /slidev

README.md

@@ -0,0 +1,7 @@
+# Seminar Magang
+
+To start the slide show:
+
+- `npm install`
+- `npm run dev`
+- visit http://localhost:3030

netlify.toml

@@ -0,0 +1,16 @@
+[build.environment]
+  NODE_VERSION = "14"
+
+[build]
+  publish = "dist"
+  command = "npm run build"
+
+[[redirects]]
+  from = "/.well-known/*"
+  to = "/.well-known/:splat"
+  status = 200
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "seminar_magang",
+  "private": true,
+  "scripts": {
+    "build": "slidev build",
+    "dev": "slidev --open",
+    "export": "slidev export"
+  },
+  "dependencies": {
+    "@slidev/cli": "^0.42.5",
+    "@slidev/theme-default": "latest",
+    "@slidev/theme-seriph": "latest"
+  },
+  "devDependencies": {
+    "playwright-chromium": "^1.35.1"
+  }
+}

pages/1.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Mempelajari Springboot</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_1_1.png" width="430">
+</center>

pages/10.md

@@ -0,0 +1,11 @@
+---
+layout: image
+image: /assets/template.jpg
+transition: slide-up
+---
+
+<h1 style="color: black;">Membuat Dockerfile untuk proyek dengan framework express js</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_10_1.png" width="250">
+</center>a

pages/11.md

@@ -0,0 +1,21 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<style>
+    .center {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+    }
+</style>
+
+<img src="/assets/herta.gif" width="200" class="center">
+<br>
+<h1 style="color: black; text-align: center;">Terima Kasih!</h1>
+<div style="display: flex; align-items: center; justify-content: center;">
+    <div style="color: black;" class="opacity-50 text-sm mr-2">Powered by</div>
+    <img class="w-5 h-5" src="/assets/slidev.png" alt="Slidev">
+    <div style="color: rgb(32, 130, 166);"><b>Sli</b>dev </div>
+</div>"

pages/2.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Mempelajari Struktur Database Perusahaan</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_2_1.png" width="430">
+</center>

pages/3.md

@@ -0,0 +1,9 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Ekstraksi data menggunakan Regular Expression</h1>
+<br><br>
+<img src="/assets/contents/slide_3_1.png" width="430" style="float: left;">
+<img src="/assets/contents/slide_3_2.png" width="430" style="float: right;">

pages/4.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Generate laporan berbentuk teks dengan data yang diambil dari database</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_4_1.png" width="430">
+</center>

pages/5.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Generate laporan berbentuk CSV dengan data yang diambil dari database</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_5_1.png" width="430">
+</center>

pages/6.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Menghubungkan server dengan Headscale</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_6_1.png" width="430">
+</center>

pages/7.md

@@ -0,0 +1,9 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Menghubungkan server dengan Headscale</h1>
+<br><br>
+<img src="/assets/contents/slide_7_1.png" width="430" style="float: left;">
+<img src="/assets/contents/slide_7_2.png" width="430" style="float: right;">

pages/8.md

@@ -0,0 +1,10 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Generate laporan berbentuk excel dengan data yang diambil dari database (Log Report)</h1>
+<br><br>
+<center>
+    <img src="/assets/contents/slide_8_1.png" width="430">
+</center>

pages/9.md

@@ -0,0 +1,9 @@
+---
+layout: image
+image: /assets/template.jpg
+---
+
+<h1 style="color: black;">Generate laporan berbentuk excel dengan data yang diambil dari database (User & Role Report)</h1>
+<br><br>
+<img src="/assets/contents/slide_9_1.png" width="430" style="float: left;">
+<img src="/assets/contents/slide_9_2.png" width="430" style="float: right;">

slides.md

@@ -0,0 +1,70 @@
+--- 
+title: Seminar Magang
+theme: default
+layout: image
+image: /assets/cover.jpg
+class: 'text-center'
+highlighter: shiki
+selectable: true
+download: true
+info: |
+  ## Seminar Magang
+  
+  OTOMATISASI SISTEM PEMBACAAN DATA TRANSAKSI PADA PT. BANK CENTRAL ASIA, Tbk (BCA)
+transition: slide-left
+---
+
+<!-- Page 1 -->
+---
+src: /pages/1.md
+---
+
+<!-- Page 2 -->
+---
+src: /pages/2.md
+---
+
+<!-- Page 3 -->
+---
+src: /pages/3.md
+---
+
+<!-- Page 4 -->
+---
+src: /pages/4.md
+---
+
+<!-- Page 5 -->
+---
+src: /pages/5.md
+---
+
+<!-- Page 6 -->
+---
+src: /pages/6.md
+---
+
+<!-- Page 7 -->
+---
+src: /pages/7.md
+---
+
+<!-- Page 8 -->
+---
+src: /pages/8.md
+---
+
+<!-- Page 9 -->
+---
+src: /pages/9.md
+---
+
+<!-- Page 10 -->
+---
+src: /pages/10.md
+---
+
+<!-- Page 11 -->
+---
+src: /pages/11.md
+---

vercel.json

@@ -0,0 +1,7 @@
+{
+  "rewrites": [
+    { "source": "/(.*)", "destination": "/index.html" }
+  ],
+  "buildCommand": "npm run build",
+  "outputDirectory": "dist"
+}