AI-For-Beginners/translations/id/etc/quiz-app

Kuis

Kuis ini adalah kuis sebelum dan sesudah kuliah untuk kurikulum AI di https://aka.ms/ai-beginners

Menambahkan Set Kuis yang Diterjemahkan

Tambahkan terjemahan kuis dengan membuat struktur kuis yang sesuai di folder assets/translations. Kuis asli berada di assets/translations/en. Kuis dibagi menjadi beberapa kelompok berdasarkan pelajaran. Pastikan untuk menyelaraskan penomoran dengan bagian kuis yang sesuai. Ada total 40 kuis dalam kurikulum ini, dimulai dari angka 0.

Setelah mengedit terjemahan, edit file index.js di folder terjemahan untuk mengimpor semua file sesuai dengan konvensi di en.

Edit file index.js di assets/translations untuk mengimpor file terjemahan baru.

Kemudian, edit dropdown di App.vue dalam aplikasi ini untuk menambahkan bahasa Anda. Cocokkan singkatan lokal dengan nama folder untuk bahasa Anda.

Terakhir, edit semua tautan kuis dalam pelajaran yang diterjemahkan, jika ada, untuk menyertakan lokalisasi ini sebagai parameter kueri: ?loc=fr sebagai contoh.

Pengaturan Proyek

npm install

Kompilasi dan pemuatan ulang untuk pengembangan

npm run serve

Kompilasi dan minifikasi untuk produksi

npm run build

Lint dan perbaikan file

npm run lint

Kustomisasi konfigurasi

Lihat Referensi Konfigurasi.

Kredit: Terima kasih kepada versi asli aplikasi kuis ini: https://github.com/arpan45/simple-quiz-vue

Penerapan ke Azure

Berikut adalah panduan langkah demi langkah untuk membantu Anda memulai:

1. Fork Repository GitHub Pastikan kode aplikasi web statis Anda ada di repository GitHub Anda. Fork repository ini.

2. Buat Azure Static Web App

• Buat akun Azure
• Pergi ke portal Azure
• Klik “Create a resource” dan cari “Static Web App”.
• Klik “Create”.

3. Konfigurasi Static Web App

• Dasar: Subscription: Pilih langganan Azure Anda.

• Resource Group: Buat grup sumber daya baru atau gunakan yang sudah ada.

• Name: Berikan nama untuk aplikasi web statis Anda.

• Region: Pilih wilayah yang paling dekat dengan pengguna Anda.

• Detail Penerapan:

• Source: Pilih “GitHub”.

• GitHub Account: Berikan otorisasi kepada Azure untuk mengakses akun GitHub Anda.

• Organization: Pilih organisasi GitHub Anda.

• Repository: Pilih repository yang berisi aplikasi web statis Anda.

• Branch: Pilih cabang yang ingin Anda terapkan.

• Detail Build:

• Build Presets: Pilih kerangka kerja yang digunakan aplikasi Anda (misalnya, React, Angular, Vue, dll.).

• App Location: Tentukan folder yang berisi kode aplikasi Anda (misalnya, / jika berada di root).

• API Location: Jika Anda memiliki API, tentukan lokasinya (opsional).

• Output Location: Tentukan folder tempat output build dihasilkan (misalnya, build atau dist).

4. Tinjau dan Buat Tinjau pengaturan Anda dan klik “Create”. Azure akan mengatur sumber daya yang diperlukan dan membuat file workflow GitHub Actions di repository Anda.

5. Workflow GitHub Actions Azure secara otomatis akan membuat file workflow GitHub Actions di repository Anda (.github/workflows/azure-static-web-apps-.yml). Workflow ini akan menangani proses build dan penerapan.

6. Pantau Penerapan Pergi ke tab “Actions” di repository GitHub Anda. Anda akan melihat workflow berjalan. Workflow ini akan membangun dan menerapkan aplikasi web statis Anda ke Azure. Setelah workflow selesai, aplikasi Anda akan aktif di URL Azure yang diberikan.

Contoh File Workflow

Berikut adalah contoh file workflow GitHub Actions: name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: "etc/quiz-app # App source code path"
          api_location: ""API source code path optional
          output_location: "dist" #Built app content directory - optional

Sumber Daya Tambahan

• Dokumentasi Azure Static Web Apps
• Dokumentasi GitHub Actions

---

Penafian:
Dokumen ini telah diterjemahkan menggunakan layanan terjemahan AI Co-op Translator. Meskipun kami berupaya untuk memberikan hasil yang akurat, harap diperhatikan bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang berwenang. Untuk informasi yang bersifat kritis, disarankan menggunakan jasa terjemahan manusia profesional. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang keliru yang timbul dari penggunaan terjemahan ini.