Skip to main content

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo

Tugas 2 PWEB - Membuat CV HTML

Dalam postingan ini, saya akan menjelaskan pembuatan halaman CV menggunakan HTML. Berikut adalah tampilan webnya : 


 Lalu berikut adalah source code dari tampilan tersebut : 
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Membuat CV dengan HTML</title>
</head>

<body
    style="font-family: Arial, Helvetica, sans-serif; display: flex; flex-direction: column; width: 720px; margin-left: auto; margin-right: auto; align-content: center; background: lightskyblue;">
    <h1 style="text-align: center;">Curriculum Vitae</h1>
    <div style="display: flex;">
        <img src="profile.jpg" alt="Foto Profil" style="flex-grow: 1; width: 30%; object-fit: cover;">
        <table style="border-collapse: collapse; margin-left: 16px; margin-right: 16px; flex-grow: 3;">
            <tr style="background: lightgray;">
                <th style="padding: 8px; text-align: left;">Nama Lengkap</th>
                <td style="padding: 8px;">Muhammad Arif Faizin</td>
            </tr>
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px; text-align: left;">Tempat, Tanggal Lahir</th>
                <td style="padding: 8px;">Gresik, 24 Januari 2001</td>
            </tr>
            <tr style="background: lightgray;">
                <th style="padding: 8px; text-align: left;">Jenis Kelamin</th>
                <td style="padding: 8px;">Laki-laki</td>
            </tr>
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px; text-align: left;">Agama</th>
                <td style="padding: 8px;">Islam</td>
            </tr>
            <tr style="background: lightgray;">
                <th style="padding: 8px; text-align: left;">Alamat</th>
                <td style="padding: 8px;">Jl. Budi Santoso 61 Sembayat Manyar Gresik</td>
            </tr>
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px; text-align: left;">Status</th>
                <td style="padding: 8px;">Belum Menikah</td>
            </tr>
            <tr style="background: lightgray;">
                <th style="padding: 8px; text-align: left;">Pekerjaan</th>
                <td style="padding: 8px;">Mahasiswa</td>
            </tr>
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px; text-align: left;">Kewarganegaraan</th>
                <td style="padding: 8px;">Indonesia</td>
            </tr>
        </table>
    </div>
    <div>
        <h2>Riwayat Pendidikan Formal</h2>
        <table style="border-collapse: collapse;">
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px;">Jenjang Pendidikan</th>
                <th style="padding: 8px;">Keterangan</th>
            </tr>
            <tr style="background: lightgray;">
                <td style="padding: 8px;">Sekolah Dasar</td>
                <td style="padding: 8px;">MI Al Falah Sembayat Manyar Gresik</td>
            </tr>
            <tr style="background: lemonchiffon;">
                <td style="padding: 8px;">Sekolah Menengah Pertama</td>
                <td style="padding: 8px;">MTs. Ma'arif NU 1 Assa'adah Bungah Gresik</td>
            </tr>
            <tr style="background: lightgray;">
                <td style="padding: 8px;">Sekolah Menengah Atas</td>
                <td style="padding: 8px;">SMA Negeri 1 Gresik</td>
            </tr>
        </table>
    </div>
    <div>
        <h2>Informasi Kontak</h2>
        <table style="border-collapse: collapse;">
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px; text-align: left;">Nomor HP</th>
                <td style="padding: 8px;">085748783507</td>
            </tr>
            <tr style="background: lightgray;">
                <th style="padding: 8px; text-align: left;">E-mail</th>
                <td style="padding: 8px;"><a href="mailto:muhammadariffaizin@gmail.com">muhammadariffaizin@gmail.com</a>
                </td>
            </tr>
        </table>
    </div>
    <div>
        <h2>Pengalaman</h2>
        <table style="border-collapse: collapse;">
            <tr style="background: lemonchiffon;">
                <th style="padding: 8px;">Pengalaman</th>
                <th style="padding: 8px;">Keterangan</th>
            </tr>
            <tr style="background: lightgray;">
                <td style="padding: 8px;">CTO di APIK Data Science</td>
                <td style="padding: 8px;">Chief Technology Official di APIK Data Science</td>
            </tr>
        </table>
    </div>
</body>

</html>

Comments

Popular posts from this blog

Tugas 1 PBKK - Portofolio Aplikasi Framework

Berikut beberapa aplikasi yang pernah dibuat menggunakan bantuan framework : Kulturan Link Website Kulturan merupakan aplikasi berbasis website yang dapat digunakan oleh pekerja seni, drama, dan tari untuk mempromosikan serta memperjualbelikan karyanya secara online. Pengguna dapat membeli hasil karya pekerja seni berupa hasil pementasan atau pertunjukkan seniman di Indonesia. Framework : ReactJS, ExpressJS, Node.js dan Material UI Screenshot tampilan :  Medify.id Link Website Medify.id merupakan salah satu aplikasi berbasis website yang merupakan website dari perusahaan Medify. Website ini menyediakan informasi-informasi penting serta fitur-fitur yang ditawarkan oleh Medify. Framework : Bootstrap, Laravel 8 Screenshot tampilan : Presto Link Website Presto merupakan aplikasi berbasis website yang berisi daftar restoran terdekat beserta detailnya. Dalam website ini, pengguna juga bisa berkomentar di masing-masing restoran, dan juga menambahkan restoran ke dalam daftar favoritnya. Fr...

EAS PWEB - Pemrograman Web

  Pada postingan ini, saya akan menjelaskan hasil pengerjaan EAS yang telah saya kerjakan   Dan berikut adalah hasil desain rancangan prototipe dari aplikasi yang akan dibuat

Tugas 9 PBKK - Laravel : Membuat Landing Page

Pada postingan kali ini, akan membahas membuat landing page menggunakan Laravel 8. Pada postingan ini saya akan mencoba membuat Landing Page dari Dicoding Indonesia ( dicoding.com ) dengan tampilan yang berbeda. Langsung saja ikuti langkah-langkah berikut: Pertama, buat sebuah view baru pada resources/views/ dengan nama homepage.blade.php lalu isi dengan kode berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang= "{{ str_replace('_', '-', app()->getLocale()) }}" > <head> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <title> Dicoding - Bangun Karirmu sebagai Developer Profesional </title> <!-- Fonts --> <link href= "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" r...