Beranda>Kode sumber PHP>Kategori lainnya
Unduh

Sekolah Teknologi

Tech School adalah aplikasi web yang dirancang untuk institusi pendidikan untuk mengelola profil siswa dan pendaftaran kursus. Ini memberi siswa kemampuan untuk mengedit profil mereka, melihat kursus yang tersedia, dan mendaftar di kursus pilihan mereka. README ini memberikan gambaran umum proyek Tech School, termasuk petunjuk instalasi dan penjelasan singkat tentang fitur-fiturnya.

Daftar isi

  • Sekolah Teknologi
    • Daftar isi
    • Teknologi yang Digunakan
      • Layanan dan Perpustakaan Pihak Ketiga
    • Fitur
    • Memulai
      • Prasyarat
      • Instalasi
    • Penggunaan
    • Tangkapan layar
    • Berkontribusi
    • Lisensi
    • Ucapan Terima Kasih

Teknologi yang Digunakan

  • HTML : Dasar pengembangan web.

  • CSS : Cascading Style Sheets untuk menata halaman web.

  • JavaScript : Digunakan untuk fitur web interaktif.

  • PHP : Bahasa skrip sisi server untuk pengembangan web.

  • Tailwind CSS : Kerangka kerja CSS yang mengutamakan utilitas untuk membangun aplikasi web modern.

  • DaisyUI : Sebuah plugin untuk Tailwind CSS yang menyediakan serangkaian komponen UI yang indah.

  • JSON : Format pertukaran data ringan untuk menyimpan dan bertukar data.

    Layanan dan Perpustakaan Pihak Ketiga

    • Komposer : Manajer paket PHP yang digunakan untuk manajemen ketergantungan.
    • Cloudinary : Layanan manajemen gambar dan video berbasis cloud.
    • PHPMailer : Perpustakaan populer untuk mengirim pesan email dengan aman.

Fitur

Sekolah Teknologi menawarkan fitur-fitur berikut:

  1. Otentikasi Pengguna : Pengguna dapat mendaftar, masuk, dan keluar dari akun mereka.
  2. Manajemen Profil : Siswa dapat memperbarui profil mereka, termasuk nama lengkap, email, nomor telepon, dan gambar profil.
  3. Daftar Kursus : Siswa dapat melihat daftar kursus yang tersedia, termasuk deskripsi, durasi, garis besar, dan persyaratan.
  4. Pendaftaran Kursus : Siswa dapat mendaftar di kursus dengan memberikan alasan untuk mendaftar. Pendaftaran disimpan dalam database untuk referensi di masa mendatang.
  5. Dashboard : Setelah login, siswa akan disambut dengan dashboard pribadi yang menampilkan informasi profil mereka dan kursus yang terdaftar.
  6. Profil Pengguna : Buat dan sesuaikan profil pengguna Anda dengan gambar profil dan gambar latar belakang.
  7. Integrasi Cloudinary : Gambar profil dan gambar kursus disimpan di Cloudinary, menyediakan penyimpanan cloud yang aman dan terukur.
  8. Desain Responsif : Aplikasi dirancang agar responsif dan berfungsi dengan baik pada perangkat desktop dan seluler.
  9. Pesan Peringatan : Pengguna menerima pesan peringatan untuk tindakan yang berhasil dan pemberitahuan kesalahan.

Memulai

Ikuti petunjuk di bawah ini untuk mengaktifkan dan menjalankan aplikasi web Tech School di komputer lokal Anda.

Prasyarat

Untuk menjalankan Tech School, Anda memerlukan perangkat lunak berikut:

  • Server Web : Anda dapat menggunakan Apache, Nginx, atau server web lain pilihan Anda.
  • PHP : Instal PHP di server Anda. Anda dapat mengunduhnya dari situs web PHP.
  • MySQL : Menyiapkan database MySQL untuk menyimpan informasi pengguna dan kursus.
  • Komposer : Instal Komposer, pengelola ketergantungan untuk PHP, dari situs web Komposer.
  • Akun Cloudinary : Daftar akun Cloudinary untuk menyimpan dan mengelola gambar.

Instalasi

  1. Kloning repositori ke mesin lokal Anda. 

    git clone https://github.com/EzeibekweEmma/tech-school.git

  2. Arahkan ke direktori proyek. 

     cd tech-school

  3. Instal dependensi PHP menggunakan Composer. 

    composer install

  4. Buat file .env di direktori root proyek dan konfigurasikan variabel berikut: 

     # Database Configuration
DB_HOST = your_database_host
DB_USER = your_database_username
DB_PASS = your_database_password
DB_NAME = your_database_name

# Cloudinary Configuration
CLOUD_NAME = your_cloudinary_cloud_name
API_KEY = your_cloudinary_api_key
API_SECRET = your_cloudinary_api_secret

# Email Configuration
MAIN_EMAIL = your_email_address
PASSWORD = google_app_password
RECEIVER_EMAIL = your_email_address

  5. Siapkan database Anda - Skema:

    • Skema untuk students 
     CREATE TABLE ` students ` (
` id ` varchar ( 255 ) NOT NULL ,
` full_name ` varchar ( 255 ) NOT NULL ,
` email ` varchar ( 255 ) NOT NULL ,
` phone ` varchar ( 20 ) NOT NULL ,
` profile_picture ` varchar ( 255 ) DEFAULT NULL ,
` password ` varchar ( 255 ) NOT NULL ,
` background_img ` varchar ( 255 ) DEFAULT NULL ,
` created-time ` timestamp NOT NULL DEFAULT current_timestamp () ON UPDATE current_timestamp ()
);
    • Skema untuk enrolled_courses 
     CREATE TABLE ` enrolled_courses ` (
 ` enrollment_id ` int ( 11 ) NOT NULL ,
 ` student_id ` varchar ( 255 ) NOT NULL ,
 ` course_id ` int ( 11 ) NOT NULL ,
 ` course_title ` varchar ( 255 ) NOT NULL ,
 ` reason ` varchar ( 255 ) NOT NULL ,
 ` enrolled_time ` timestamp NOT NULL DEFAULT current_timestamp ()
 );

  6. Jalankan perintah berikut untuk mengkompilasi ulang CSS: 

    npx tailwindcss -i ./src/styles/input.css -o ./src/styles/output.css --watch

  7. Mulai server web Anda dan navigasikan ke aplikasi Tech School di browser web Anda. 

    http://localhost/tech-school

  8. Anda sekarang dapat mendaftarkan akun, masuk, dan menjelajahi fitur Sekolah Teknologi.

Penggunaan

Tech School dirancang untuk menjadi platform pendidikan yang dapat disesuaikan. Anda dapat memperluas fungsinya dengan menambahkan lebih banyak fitur, seperti pembuatan kursus, manajemen admin, dan peran pengguna tambahan. Sesuaikan gaya, tata letak, dan UI agar sesuai dengan branding institusi Anda.

Berikut adalah beberapa skenario penggunaan umum:

  • Pendaftaran Siswa : Siswa baru dapat mendaftar akun dengan informasi pribadi mereka.
  • Pembaruan Profil : Siswa dapat memperbarui informasi profil mereka dan mengunggah gambar profil.
  • Pendaftaran Kursus : Siswa dapat menelusuri kursus yang tersedia dan mendaftar pada kursus yang diminati.
  • Dasbor : Setelah masuk, siswa dapat mengakses dasbor pribadi mereka dengan rincian profil dan kursus yang terdaftar.
  • Profil Pengguna : Buat dan sesuaikan profil pengguna Anda dengan gambar profil dan gambar latar belakang.

Tangkapan layar

Tangkapan layarTangkapan layarTangkapan layarTangkapan layarTangkapan layar

Berkontribusi

Kontribusi pada proyek Sekolah Teknologi dipersilakan! Baik Anda ingin melaporkan bug, menyarankan perbaikan, atau menyumbangkan kode, ikuti panduan berikut:

  1. Cabangkan repositori.
  2. Buat cabang baru untuk fitur atau perbaikan bug Anda: git checkout -b feature/your-feature-name atau bugfix/your-bug-fix .
  3. Buat perubahan Anda dan komit.
  4. Tulis pesan komit yang jelas dan ringkas.
  5. Uji perubahan Anda secara menyeluruh.
  6. Dorong perubahan Anda ke fork Anda: git push origin feature/your-feature-name .
  7. Buat permintaan tarik terhadap cabang main repositori asli.

Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT - lihat file LISENSI untuk detailnya.

Ucapan Terima Kasih

  • Cloudinary - Manajemen gambar dan video untuk aplikasi web dan seluler.
  • XAMPP - Tumpukan solusi server web lintas platform sumber terbuka dan gratis.
  • TailwindCSS - Kerangka kerja CSS yang mengutamakan utilitas untuk membangun perpustakaan aplikasi web modern.
  • HeroIcons - Ikon SVG buatan tangan yang indah.
  • 000webhost - Layanan hosting web gratis.
Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua