IDN-Training · 15ahmadsolihin · May 27, 2023 · May 27, 2023 · May 27, 2023 · May 27, 2023
diff --git a/Jenkinsfile b/Jenkinsfile
@@ -0,0 +1,57 @@
+pipeline {
+    agent { label 'server6-solihin' }
+
+    stages {
+        stage('Pull SCM') {
+            steps {
+                git branch: 'main', url: 'https://github.com/15ahmadsolihin/simple-apps.git'
+            }
+        }
+
+        stage('Build') {
+            steps {
+                sh'''
+                cd app
+                npm install
+                '''
+            }
+        }
+
+        stage('Testing') {
+            steps {
+                sh'''
+                cd app
+                APP_PORT=50001 npm test
+                APP_PORT=50001 npm run test:coverage
+                '''
+            }
+        }
+
+        // stage('Code Review') {
+        //     steps {
+        //         sh'''
+        //         cd app
+        //         sonar-scanner \
+        //             -Dsonar.projectKey=Simple-Apps \
+        //             -Dsonar.sources=. \
+        //             -Dsonar.host.url=http://172.23.x.x:9000 \
+        //             -Dsonar.login=token-sonar
+        //         '''
+        //     }
+        // }
+
+        stage('Deploy') {
+            steps {
+                sh'''
+                docker compose up --build -d
+                '''
+            }
+        }
+
+        stage('Backup') {
+            steps {
+                 sh 'docker compose push' 
+            }
+        }
+    }
+}
diff --git a/app/.env b/app/.env
@@ -0,0 +1,5 @@
+DB_NAME=training
+DB_HOST=172.23.7.116
+DB_USER=peserta
+DB_PASS=password
+APP_PORT=3000
diff --git a/app/Dockerfile b/app/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:20-slim
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+EXPOSE 3000
+CMD ["npm", "start"]
diff --git a/app/README.md b/app/README.md
@@ -0,0 +1,13 @@
+# Create env variable
+
+```
+vim .env
+```
+
+```
+DB_NAME=training
+DB_HOST=ipaddress
+DB_USER=peserta
+DB_PASS=password
+APP_PORT=3000
+```
diff --git a/app.js → app/app.js b/app.js → app/app.js
@@ -1,8 +1,8 @@
 const express = require('express')
 const mysql = require('mysql');
 const app = express()
-const PORT = process.env.PORT || 3000;
 const path = require('path')
+require('dotenv').config();
 
 // Import Middleware
 const logger = require('./middleware/logger')
@@ -31,8 +31,8 @@ app.get('/users', (req, res, next) => {
   })
 });
 
-app.listen(PORT, () => {
-  console.log(`Example app listening on port ${PORT}`)
+app.listen(process.env.APP_PORT, () => {
+  console.log(`Example app listening on port ${process.env.APP_PORT}`)
 })
 
 module.exports = app
diff --git a/database/training.sql → app/database/training.sql b/database/training.sql → app/database/training.sql
diff --git a/app/middleware/db_connect.js b/app/middleware/db_connect.js
@@ -0,0 +1,12 @@
+const mysql = require('mysql')
+require('dotenv').config();
+
+// Connect database
+const connection = mysql.createConnection({
+  host: process.env.DB_HOST,
+  user: process.env.DB_USER,
+  password: process.env.DB_PASS,
+  database: process.env.DB_NAME
+})
+
+module.exports = connection
diff --git a/middleware/logger.js → app/middleware/logger.js b/middleware/logger.js → app/middleware/logger.js
diff --git a/package.json → app/package.json b/package.json → app/package.json
@@ -6,20 +6,20 @@
   "scripts": {
     "dev": "nodemon app",
     "start": "node app",
-    "test:unit": "jest testing/app.test",
-    "test:integration": "jest testing/db.test"
+    "test": "jest --forceExit testing/",
+    "test:coverage": "jest --coverage --forceExit testing/"
   },
   "author": "Moch Rafi Riadi",
   "license": "ISC",
   "dependencies": {
-    "chai": "^4.3.7",
     "dotenv": "^16.0.3",
     "express": "^4.18.2",
     "moment": "^2.29.4",
     "mysql": "^2.18.1",
     "nodemon": "^2.0.22"
   },
   "devDependencies": {
+    "chai": "^4.3.7",
     "babel-jest": "^29.5.0",
     "jest": "^29.5.0",
     "supertest": "^6.3.3"

diff --git a/public/images/idn-logo.png → app/public/images/idn-logo.png b/public/images/idn-logo.png → app/public/images/idn-logo.png
diff --git a/app/public/index.html b/app/public/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="id">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TechConsult | Solusi Transformasi Digital</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
+        body { font-family: 'Inter', sans-serif; }
+    </style>
+</head>
+<body class="bg-gray-50 text-gray-800">
+
+    <nav class="fixed w-full z-50 bg-white/90 backdrop-blur-md shadow-sm">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-20 items-center">
+                <div class="flex-shrink-0 flex items-center">
+                    <span class="text-2xl font-bold text-blue-600 tracking-tight">TECH<span class="text-gray-900">CONSULT</span></span>
+                </div>
+                <div class="hidden md:block">
+                    <div class="ml-10 flex items-baseline space-x-8 font-medium">
+                        <a href="#" class="hover:text-blue-600 transition">Beranda</a>
+                        <a href="#services" class="hover:text-blue-600 transition">Layanan</a>
+                        <a href="#about" class="hover:text-blue-600 transition">Tentang Kami</a>
+                        <a href="#contact" class="bg-blue-600 text-white px-5 py-2 rounded-lg hover:bg-blue-700 transition">Hubungi Kami</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <section class="pt-32 pb-20 bg-gradient-to-br from-slate-900 to-blue-900 text-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center">
+            <div class="md:w-1/2 mb-10 md:mb-0">
+                <h1 class="text-4xl md:text-6xl font-bold leading-tight mb-6">
+                    Akselerasi Bisnis Anda dengan <span class="text-blue-400">Teknologi Tepat.</span>
+                </h1>
+                <p class="text-lg text-gray-300 mb-8 pr-10">
+                    Kami membantu perusahaan melakukan transformasi digital melalui strategi IT yang inovatif, aman, dan terukur.
+                </p>
+                <div class="flex space-x-4">
+                    <a href="#services" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition">Lihat Layanan</a>
+                    <a href="#" class="border border-white/30 hover:bg-white/10 text-white px-8 py-3 rounded-lg font-semibold transition">Konsultasi Gratis</a>
+                </div>
+            </div>
+            <div class="md:w-1/2">
+                <img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800" alt="Cyber Security" class="rounded-2xl shadow-2xl">
+            </div>
+        </div>
+    </section>
+
+    <section id="services" class="py-24">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <h2 class="text-blue-600 font-semibold tracking-wide uppercase">Layanan Kami</h2>
+            <p class="mt-2 text-3xl font-extrabold text-gray-900 sm:text-4xl">Solusi IT Komprehensif</p>
+
+            <div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
+                    <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 mb-6 mx-auto">
+                        <i class="fas fa-cloud text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Cloud Infrastructure</h3>
+                    <p class="text-gray-600">Migrasi dan pengelolaan infrastruktur cloud yang efisien dan skalabel untuk bisnis Anda.</p>
+                </div>
+
+                <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
+                    <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 mb-6 mx-auto">
+                        <i class="fas fa-shield-alt text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Cyber Security</h3>
+                    <p class="text-gray-600">Lindungi data aset berharga Anda dari ancaman siber dengan sistem keamanan berlapis.</p>
+                </div>
+
+                <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-100 hover:shadow-md transition">
+                    <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 mb-6 mx-auto">
+                        <i class="fas fa-code text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Software Development</h3>
+                    <p class="text-gray-600">Pengembangan aplikasi kustom yang dirancang khusus untuk memenuhi kebutuhan operasional.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <section id="about" class="py-24 bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex flex-col md:flex-row items-center gap-16">
+                <div class="md:w-1/2">
+                    <div class="grid grid-cols-2 gap-4">
+                        <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=400" class="rounded-lg shadow-lg" alt="Team">
+                        <img src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&q=80&w=400" class="rounded-lg shadow-lg mt-8" alt="Meeting">
+                    </div>
+                </div>
+                <div class="md:w-1/2">
+                    <h2 class="text-3xl font-bold mb-6 text-gray-900">Mengapa Memilih TechConsult?</h2>
+                    <p class="text-gray-600 mb-6 leading-relaxed">
+                        Dengan pengalaman lebih dari 10 tahun, kami memahami bahwa setiap bisnis memiliki tantangan unik. Kami tidak hanya memberikan teknologi, tapi memberikan solusi strategis yang membantu Anda tumbuh.
+                    </p>
+                    <ul class="space-y-4">
+                        <li class="flex items-center space-x-3 text-gray-700">
+                            <i class="fas fa-check-circle text-green-500"></i>
+                            <span>Tim Ahli Tersertifikasi Internasional</span>
+                        </li>
+                        <li class="flex items-center space-x-3 text-gray-700">
+                            <i class="fas fa-check-circle text-green-500"></i>
+                            <span>Dukungan Teknis 24/7</span>
+                        </li>
+                        <li class="flex items-center space-x-3 text-gray-700">
+                            <i class="fas fa-check-circle text-green-500"></i>
+                            <span>Pendekatan Berbasis Data & Hasil</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <footer id="contact" class="bg-gray-900 text-white pt-16 pb-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">
+            <div class="col-span-1 md:col-span-1">
+                <span class="text-2xl font-bold text-blue-400">TECHCONSULT</span>
+                <p class="mt-4 text-gray-400 text-sm leading-relaxed">
+                    Partner terpercaya untuk solusi IT dan transformasi digital perusahaan Anda di era modern.
+                </p>
+            </div>
+            <div>
+                <h4 class="text-lg font-semibold mb-6">Navigasi</h4>
+                <ul class="space-y-4 text-gray-400 text-sm">
+                    <li><a href="#" class="hover:text-white transition">Beranda</a></li>
+                    <li><a href="#services" class="hover:text-white transition">Layanan</a></li>
+                    <li><a href="#about" class="hover:text-white transition">Tentang Kami</a></li>
+                </ul>
+            </div>
+            <div>
+                <h4 class="text-lg font-semibold mb-6">Kontak</h4>
+                <ul class="space-y-4 text-gray-400 text-sm">
+                    <li><i class="fas fa-envelope mr-2"></i> info@techconsult.co.id</li>
+                    <li><i class="fas fa-phone mr-2"></i> +62 21 1234 5678</li>
+                    <li><i class="fas fa-map-marker-alt mr-2"></i> Sudirman, Jakarta Pusat</li>
+                </ul>
+            </div>
+            <div>
+                <h4 class="text-lg font-semibold mb-6">Ikuti Kami</h4>
+                <div class="flex space-x-4">
+                    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-600 transition"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-600 transition"><i class="fab fa-twitter"></i></a>
+                    <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-600 transition"><i class="fab fa-instagram"></i></a>
+                </div>
+            </div>
+        </div>
+        <div class="max-w-7xl mx-auto px-4 border-t border-gray-800 pt-8 text-center text-gray-500 text-sm">
+            <p>&copy; 2024 TechConsult. Seluruh hak cipta dilindungi.</p>
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/app/public/index2.html b/app/public/index2.html
@@ -0,0 +1 @@
+test branch
diff --git a/public/stylesheet/style.css → app/public/stylesheet/style.css b/public/stylesheet/style.css → app/public/stylesheet/style.css
diff --git a/app/testing/app.test.js b/app/testing/app.test.js
@@ -0,0 +1,44 @@
+const request = require('supertest');
+const mysql = require('mysql');
+require('dotenv').config();
+
+const connection = require('../middleware/db_connect');
+const app = require('../app'); // Replace with the path to your application file
+
+describe('Unit Test /', () => {
+  it('should respond with index.html', async () => {
+    const response = await request(app).get('/');
+    expect(response.status).toBe(200);
+  });
+});
+
+describe('Unit Test /app1', () => {
+    it('should respond with "Hello App1!"', async () => {
+      const response = await request(app).get('/app1');
+      expect(response.status).toBe(200);
+    });
+  });
+
+  describe('Unit Test /app2', () => {
+    it('should respond with "Hello App2!"', async () => {
+      const response = await request(app).get('/app2');
+      expect(response.status).toBe(200);
+    });
+  });
+
+describe('Integration Test Connect Database', () => {
+  beforeEach(() => {
+    // Set the connection for the application to use
+    app.set('connection', connection.connect);
+  });
+
+  afterEach(() => {
+    // Close the connection pool after the tests are done
+    connection.end();
+  });
+
+  it('should respond with users data', async () => {
+    const response = await request(app).get('/users');
+    expect(response.status).toBe(200);
+  });
+});
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,13 @@
+name: app
+
+services:
+  app:
+    image: ahmadsolihin/simple-app:1.0
+    build: ./app
+    ports:
+      - "5000:3000"
+    volumes:
+      - vol-upload:/app/public/images/
+
+volumes:
+  vol-upload:
diff --git a/middleware/db_connect.js b/middleware/db_connect.js