Skip to main content

Merancang masa depan perpustakaan

Saya berstatus sebagai pelajar di sekolah SMK PESAT. saya membawa platform ini ke arah baru yang berani, dengan fokus untuk menjadi alat terbaik perpustakaan dimulai dari perpustakaan sekolah saya.

Visit website
  • Art Direction
  • UX and UI Design
  • Front End Development
  • Motion Design
The aero lesson builder app dragging an audio component into a screen about plant cells.

Permasalahan

Pada tahun 2024, saya memulai proyek untuk membangun platform yang sepenuhnya baru yang berfungsi sebagai alat paling ampuh untuk perpustakaan sekolah yang bertujuan menciptakan pengalaman baru untuk seluruh warga sekolah pesat. Platform lama dibuat dengan HTML & TailwindCSS, dan ada sejumlah masalah pengalaman pengguna yang harus diselesaikan dalam proses pemindahan platform ke Javascript. Sasaran utama proyek ini adalah mengurangi hambatan dalam kolaborasi, dan membuat platform lebih mudah bagi pengguna baru, namun dengan banyak ruang untuk dikembangkan bagi pengguna tingkat lanjut.

A set of dark themed components for the aero design system
The homepage of the aero design system docs website linking to principles and components.

Dokumen Sistem Desain

Sistem desain tidak ada gunanya jika tidak ada yang tahu cara menggunakannya, jadi saya menggunakan situs web dokumentasi komprehensif yang mencakup prinsip, ux, aksesibilitas, dan pedoman komponen untuk desainer dan insinyur yang bekerja dengan sistem.

A dramatic ocean scene with lava forming a new land mass.

Motion design

Animasi adalah prinsip inti dalam membuat pengalaman penulisan menjadi proses yang lebih mudah dipahami. Elemen dianimasikan dengan cara yang menunjukkan sebab dan akibat setiap interaksi untuk meningkatkan kelancaran pengalaman keseluruhan.

Mendorong Adaptasi

Bagian utama dari penyelesaian kolaborasi adalah mampu memvisualisasikan pengalaman pelajar di editor. Hal ini sangat bermanfaat bagi para ahli materi pelajaran dan instruktur yang perlu meninjau dan memberikan umpan balik pada struktur tingkat yang lebih tinggi tanpa harus menggali seluruh skenario adaptasi layar demi layar.

A drag and drop storyboard style editor for creating an adaptive lesson.

Ekosistem plugin yang dapat diperluas dan dapat digunakan oleh semua orang

Aspek yang paling kuat dari platform ini adalah kemampuan untuk membuat plugin khusus untuk konten apa pun, baik itu gelar, kursus, pelajaran, layar, atau komponen interaktif. Ini dapat dikonfigurasi dengan sedikit usaha dari pengembang. Desainer pembelajaran kemudian dapat mengedit semuanya menggunakan antarmuka konfigurasi umum.

Configuration options for a component.
Configuration options for text.

Pengalaman belajar generasi berikutnya

Fleksibilitas produk memungkinkan pengembang untuk berkreasi pengalaman interaktif yang menarik sebagai plugin yang sangat dapat dikonfigurasi yang kemudian dapat digunakan dan dimanipulasi oleh perancang pembelajaran.

Membawa 3D ke dalam pembelajaran

Salah satu contoh yang sangat keren adalah plugin layar 3D. Sedang belajar desainer dapat memuat model apa pun ke dalamnya dan kemudian mengonfigurasi kamera posisi untuk dianimasikan untuk setiap bagian.

Interaktivitas

Peserta didik kemudian dapat diarahkan ke bagian tertentu dari model dan label yang ditampilkan. Mereka juga dapat mengeklik dan menyeret untuk mengorbit dan bebas menjelajah kapan saja.

Animasi

Desainer pembelajaran dapat memilih animasi yang disertakan dalam model putar atau putar untuk bagian mana pun tanpa harus menggunakan kerumitan apa pun alat animasi.

Project outcomes

Ultimately the project was successful after Smart Sparrow and the aero platform were acquired by Pearson in 2020 to become a foundation for their next generation learning platform.