GithubHelp home page GithubHelp logo

chipulaja / quiz-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 150 KB

Applikasi yang di buat dengan bantuan AI dengan tujuan untuk latihan

Home Page: https://chipulaja.github.io/quiz-app/

CSS 24.09% HTML 8.98% JavaScript 66.94%

quiz-app's Introduction

Quiz App

Deskripsi

Merupakan aplikasi sederhana yang kode-nya dibuat menggunakan bantuan AI

Cara Menggunakan

Cara menggunakannya cukup simpel, buat soal kemudian letakkan di folder data dengan format seperti berikut :

  1. file berupa json misal soal1.json
  2. format yang digunakan
   {
       "notes":"",
       "questions" : [
            {
                "question": "",
                "answer": "",
                "explanation": ""
            }
       ]
   }
  1. sesuaikan kode index.html untuk mendaftarkan soal yang sudah di buat
    <nav>
      <ul>
        <li><a href="#/question/soal1">Soal 1</a></li>
        <li><a href="#/question/soal2">Soal 2</a></li>
      </ul>
    </nav>

Membuat Soal

kamu bisa membuat soal secara manual dengan cara di atas, atau dengan bantuan AI dengan prompt di bawah ini

Prompt untuk membuat kalimat biasa :

buatkan saya file json dengan detail di bawah ini
- berisi 3 soal menerjemahkan bahasa indonesia ke bahasa Inggris
- fokus pada topik onepice
- bukan kalimat tanya
- melibatkan struktur kalimat aktif, pasif, pengkodisian tipe 1,2,3
- level soal adalah level Advanced
- notes di tulis dalam bahasa indonesia
- explanation di tulis dalam bahasa indonesia
- explanation berformat html dan tidak mengandung tag br
- di dalam explanation disebutkan nama tenses/grammar yang digunakan
- format explanation seperti dibawah

<p class='review-pertanyaan'>"Jika luffy menemukan One Piece. dia akan menjadi raja bajak laut."</p><p class='review-pejelasan-grammar'>kalimat di atas adalah <span class='review-nama-grammar'><strong> sebuah kalimat kondisional tipe 1</strong></span>.</p><p class='review-detail-pejelasan-grammar'>Kalimat ini menggambarkan sebuah situasi atau kondisi yang sangat mungkin terjadi di masa depan.</p><p><strong>Formula Umum:</strong></p><pre class="review-formula">If + subject + simple present tense verb, subject + will + base form of verb</pre><p>Maka bahasa inggrisnya adalah : </p><pre class="review-jawaban">If Luffy finds One Piece, he will become the Pirate King.</pre><p><strong>Berikut detail penyusun kalimatnya:</strong></p><ul class="review-daftar-pejelasan-jawaban"><li><em>"If"</em> adalah kata penghubung yang digunakan untuk memulai klausa kondisional.</li><li><em>"Luffy"</em> adalah subject atau subjek dari klausa kondisional.</li><li><em>"finds"</em> adalah simple present tense verb atau kata kerja dalam bentuk simple present.</li><li><em>"One Piece"</em> adalah object atau objek dari klausa kondisional.</li><li><em>"he"</em> adalah subject atau subjek dari klausa hasil (result clause).</li><li><em>"will"</em> adalah auxiliary verb atau kata kerja bantu.</li><li><em>"become"</em> adalah base form of verb atau bentuk dasar dari kata kerja.</li><li><em>"the Pirate King"</em> adalah object atau objek dari klausa hasil.</li></ul>

- format json seperti dibawah
    {
        "notes":"",
        "questions" : [
             {
                 "question": "",
                 "answer": "",
                 "explanation": ""
             }
        ]
    }

Prompt untuk membuat kalimat tanya :

buatkan saya file json dengan detail di bawah ini
- berisi 3 soal menerjemahkan bahasa indonesia ke bahasa Inggris
- fokus pada topik onepice
- fokus pada 5W1H
- melibatkan struktur kalimat aktif, pasif, pengkodisian tipe 1,2,3
- notes di tulis dalam bahasa indonesia
- explanation di tulis dalam bahasa indonesia
- explanation berformat html dan tidak mengandung tag br
- format explanation seperti dibawah

<p class='review-pertanyaan kalimat-tanya'>"Apa yang akan dilakukan luffy jika dia menemukan one piece?"</p><p class='review-pejelasan-grammar'>Pertanyaan di atas berasal dari grammar <span class='review-nama-grammar'><strong>kalimat aktif conditional sentence tipe 1</strong></span><span class='review-penjelasan-pertanyaan-secara-spok'> dan menanyakan tindakan atau perilaku</span> luffy setelah menemukan one piece.</p><p class='review-detail-pejelasan-grammar'>Grammar tersebut menggambarkan sebuah situasi atau kondisi yang sangat mungkin terjadi di masa depan.</p><p><strong>Formula Umum:</strong></p><pre class='review-formula bukan-kalimat-tanya with-adverbial-phrase'>If + subject + simple present tense verb, subject + will + base form of verb</pre><p><strong>Contoh:</strong></p><pre class='review-contoh-kalimat bukan-kalimat-tanya'>If Luffy finds One Piece, he will become the Pirate King.</pre><p><strong>Formula umum pertanyaan :</strong></p><pre>Wh-word + auxiliary verb (will) + subject + base form of verb + if + subject + simple present tense verb + object?</pre><p>Berdasarkan informasi di atas kalimat pertanyaan bisa seperti berikut :</p><pre class='review-jawaban'>What will Luffy do if he finds One Piece?</pre><p><strong>Berikut Detail Penyusun kalimatnya:</strong></p><ul class='review-daftar-pejelasan-jawaban'><li><em>'What'</em> adalah Wh-word yang digunakan untuk menanyakan objek atau aksi.</li><li><em>'will'</em> adalah auxiliary verb atau kata kerja bantu.</li><li><em>'Luffy'</em> adalah subject atau subjek dari klausa pertama.</li><li><em>'do'</em> adalah base form of verb atau bentuk dasar dari kata kerja.</li><li><em>'if'</em> adalah kata penghubung yang digunakan untuk memulai klausa kondisional.</li><li><em>'he'</em> adalah subject atau subjek dari klausa kondisional.</li><li><em>'finds'</em> adalah simple present tense verb atau kata kerja dalam bentuk simple present.</li><li><em>'One Piece'</em> adalah object atau objek dari klausa kondisional.</li></ul>

- format json seperti dibawah
    {
        "notes":"",
        "questions" : [
             {
                 "question": "",
                 "answer": "",
                 "explanation": ""
             }
        ]
    }

Prompt untuk tambah pertanyaan

buatkan lagi pertanyaan yang berbeda

Daftar Materi Bahasa Inggris Yang Bisa Dipelajari

Tenses

Modal Verbs

Voice and Mood

Parts of Speech

Sentence Structures

Punctuation

Idiomatic Expressions

Vocabulary and Spelling

Reading and Listening Comprehension

Writing Skills

Speaking and Pronunciation

Cultural Context

Advanced Grammar Topics

Advanced Topics

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.