Kami senang mengumumkan bahwa kami telah mengambil langkah lain untuk meningkatkan sistem aplikasi. Kali ini, perubahan menyentuh antarmuka. Kami sepenuhnya meninggalkan AdminLTE, yang memiliki banyak keluhan tentang Bootstrap 3 dan kemiripannya dengan produk lain. Sejumlah kesalahan juga diperbaiki dan fitur baru ditambahkan.
Melanjutkan, sudah serangkaian artikel,
kami ingin membagikan kisah kami tentang membuat versi baru dari sistem aplikasi web. Memang, selama pengembangan produk, kami pertama-tama mengubah seluruh antarmuka sistem.
Semua perubahan dapat dibagi menjadi beberapa yang utama:
Antarmuka
Berkat transisi ke UI baru, kami juga dapat memperbaiki semua modul front-end yang digunakan, sekaligus memperbarui mereka ke versi stabil terbaru. Tidak banyak modul, tidak sedikit: sekitar 80. Berikut adalah beberapa di antaranya:
Daftar modul jsanimate-css, autosize, block-ui, blueimp-gallery, bootbox, bootstrap-datepicker, bootstrap-daterangepicker, bootstrap-duallistbox, bootstrap-iconpicker, bootstrap-markdown, bootstrap-material-datetimepicker, bootstrap-maxlength, bootstrap-menu, bootstrap-maxlength, bootstrap-datepicker bootstrap-multiselect, bootstrap-rating, bootstrap-select, bootstrap-slider, bootstrap-sortable, bootstrap-sweetalert, tabel bootstrap, bootstrap-taginput, c3, chartist, chartjs, clipboard, clipboard, cropper, d3, datatables, dragula, dropzone, Sebelum, fancybox, flatpickr, flot, flow-js, fontawesome-iconpicker, fullcalendar, gmaps, growl, idletimer, jquery, jstree, jszip, kenop, ladda, mapael, markdown, masonry, minicolors, moment, morris, nestable, nouislider angka, perfect-scrollbar, photoswipe, plyr, popper, pwstrength-bootstrap, quill, raphael, select2, shepherd, smartwizard, socket.io, sortablejs, sparkline, spin, spinkit, sweetalert2, swiper, tableexport, timepicker, toastr, typeahead- js, validasi, vanilla-text-mask, vegas
Dan juga versi mereka:
"@ claviska / jquery-minicolors": "~ 2.3.2",
"animate.css": "~ 3.7.0",
"blueimp-gallery": "~ 2.33.0",
"bootstrap": "~ 4.3.1",
"bootstrap-duallistbox": "~ 3.0.6",
"bootstrap-markdown": "~ 2.10.0",
"bootstrap-multiselect": "~ 0.9.13-1",
"bootstrap-rating": "0.0.1",
"bootstrap-select": "~ 1.13.1",
"bootstrap-slider": "~ 10.6.1",
"bootstrap-table": "~ 1.14.2",
"chartist": "~ 0.11.0",
"cropper": "~ 4.0.0-beta",
"cross-env": "~ 5.2.0",
"datatables.net-bs4": "~ 1.10.16",
"dotenv": "^ 7.0.0",
"dragula": "~ 3.7.2",
"express": "^ 4.16.4",
"ioredis": "^ 4.9.0",
"jquery.growl": "~ 1.3.5",
"jstree": "~ 3.3.5",
"ladda": "~ 2.0.0",
"laravel-mix": "~ 4.0.15",
"perfect-scrollbar": "~ 1.4.0",
"photoswipe": "~ 4.1.2",
"plyr": "~ 2.0.18",
"resol-url-loader": "2.3.1",
"sass": "^ 1.17.3",
"sass-loader": "7. *",
"select2": "~ 4.0.6-rc.1",
"socket.io": "^ 2.2.0",
"spinkit": "~ 1.2.5",
"sweetalert2": "~ 8.7.0",
"swiper": "~ 4.5.0",
"toastr": "~ 2.1.4",
"vegas": "~ 2.4.0",
"vue-template-compiler": "^ 2.6.9",
"webpack-cli": "^ 3.3.5"
Perlu dicatat bahwa transisi itu nyaman, berkat penggunaan mesin blade-template dari kerangka Laravel itu sendiri. Secara total, sekitar 200 templat antarmuka blade diperbarui. Saat menyiapkan proyek untuk rilis produksi, kami menghasilkan semua sumber daya menggunakan webpack-mix ke dalam versi minimal js dan css. Selain itu, mengikuti tren, kami beralih ke Bootstrap 4.3, yang akan memberi di masa depan lebih banyak peluang untuk mendukung dan mengembangkan antarmuka. Secara alami, seluruh antarmuka disesuaikan dengan sempurna untuk perangkat seluler.
Penurunan harga
Kami memutuskan untuk beralih ke editor markdown, karena sederhana, progresif, dan cepat. Ini adalah bagian terpenting dari antarmuka dalam sistem pembuatan aplikasi, karena di bidang inilah masalahnya dijelaskan, pada penyajiannya, dalam banyak kasus, solusinya tergantung. Karena itu, banyak perhatian diberikan pada bagian khusus ini.
Pengguna dan halaman pengguna
Informasi tentang statistik permintaan pengguna, kontaknya diperluas. Halaman Pengguna itu sendiri membuatnya lebih mudah untuk mencari klien atau pengguna sistem berdasarkan hak akses.
Grup
Hore. Fungsionalitas grup diselesaikan. Jika grup bersifat publik - siapa pun dapat bergabung, lihat pesan grup dan semua aplikasi yang ditujukan ke grup. Anda dapat meninggalkan grup kapan saja. Jika grup bersifat pribadi, pengguna tidak dapat memasukkan / meninggalkannya. Hanya dengan menambahkan secara manual pada halaman administrasi grup. Ingatlah bahwa grup adalah struktur di mana Anda dapat menambahkan pengguna atau pelanggan dan mereka akan melihat semua aplikasi yang ditujukan ke grup. Juga di bagian "Dasbor", semua anggota grup akan melihat pengumuman penting. Jika modul kalender diaktifkan, maka anggota grup juga dapat dibuat acara umum.
Pusat Pengetahuan
Antarmuka telah sepenuhnya direnovasi, serta struktur seret & letakkan yang nyaman dari kategori dengan kemampuan untuk menentukan ikon kategori.
Kalender
Kalender sepenuhnya diperbarui, bidang tambahan dihapus, acara dapat diseret dan diperluas setiap hari, dan semua ini dapat dikirim ke grup umum.
Laporan
Kami mengabaikan fungsi sebelumnya dari laporan pengguna dan grup. Sekarang satu laporan informatif umum tersedia, tetapi berdasarkan filter dari daftar bidang di mana laporan dapat dihasilkan. Sekarang ini sangat besar, dan hasil dari output laporan terlihat seperti:
Seperti sebelumnya, fokus utama laporan adalah pada rencana SLA yang memungkinkan kami untuk mengevaluasi keberhasilan aplikasi dengan:
- Waktu respons aplikasi
- Waktu kerja
- Batas Waktu Aplikasi
Administrasi
Validasi semua nilai yang dimasukkan ditambahkan, untuk kenyamanan mengelola sistem, serta menghindari pengaturan yang salah, yang menyebabkan tidak berfungsinya sistem secara keseluruhan.
Selain itu, antarmuka dibedakan menjadi sub-kategori, elemen antarmuka dioptimalkan, menjadi lebih informatif dan nyaman.
Impor pengguna dari LDAP redone. OpenLDAP, AD, LDAP disertakan.
Tingkatkan dan Lisensi
Seperti sebelumnya, sistem pembaruan didasarkan pada git. Server berbasis GitLab memungkinkan pengguna untuk membuat Issue, untuk memonitor kode dan tahapan pengembangan di tempat yang sama.
Aplikasi seluler
Saat ini, versi baru aplikasi seluler iOS sedang dikembangkan. Beberapa saat kemudian, pada akhir September kami menunggu versi Android. Fungsi utama yang akan dimiliki aplikasi:
- Penyimpanan offline daftar aplikasi
- Kemampuan untuk membuat aplikasi
- Perpesanan cloud Google
Deskripsi opsi operasi sistem di organisasi
Ini adalah sistem aplikasi yang sangat fleksibel, karena kehadiran konsep-konsep kunci dasar: Pengguna, Grup dan Formulir Aplikasi.
Untuk membangun sistem aplikasi yang benar, Anda perlu tahu apa bagian-bagian ini.
Pengguna adalah konsep akun umum. Seorang pengguna dapat memiliki peran yang berbeda: klien, pengguna, atau administrator. Setiap pengguna dapat memiliki formulir pembuatan aplikasi sendiri, atau formulir pembuatan aplikasi grup.
Seorang pengguna dengan peran klien - memiliki antarmuka yang disederhanakan terbatas di mana hanya daftar aplikasinya, kemampuan untuk membuat aplikasi, dan juga pusat pengetahuan yang tersedia.
Pengguna dengan peran pengguna adalah antarmuka dasar standar yang sering cocok untuk semua peserta dalam sistem.
Seorang pengguna dengan peran Administrator - hak yang sama seperti pengguna, tetapi juga akses ke bagian Administrasi.
Grup - ini adalah struktur di mana Anda dapat menambahkan pengguna atau pelanggan dan mereka akan melihat semua aplikasi yang ditujukan ke grup. Juga di bagian "Dasbor", semua anggota grup akan melihat pengumuman penting. Jika modul Kalender diaktifkan, maka anggota grup juga dapat berbagi acara umum. Semua grup memiliki properti: Formulir aplikasi. Ini berarti bahwa grup dapat membuat formulir pembuatan aplikasi. Anggota grup dapat memiliki peran berbeda: Pengguna dan Pengguna Super.
Anggota grup dengan peran Pengguna - dapat melihat semua aplikasi yang ditujukan ke grup (tetapi tidak untuk anggota grup tertentu)
Anggota grup dengan peran Pengguna Super - dapat melihat semua aplikasi yang ditujukan ke grup, serta ke anggota grup tertentu.
Terima kasih kepada Pengguna dan Grup - kemampuan untuk visibilitas dan akses ke aplikasi dikonfigurasi.
Sekarang mari kita membahas lebih rinci tentang Formulir Pembuatan Aplikasi. Ini adalah subsistem seperti itu, berkat kelompok pengguna atau pengguna tertentu yang dapat mengonfigurasi bidang tertentu atau menampilkan halaman pembuatan aplikasi. Menggunakan alat ini, kemampuan untuk membuat aplikasi untuk Grup atau Pengguna Grup dikonfigurasikan.
Pertimbangkan kasus sistem yang populer.
Organisasi yang menyediakan layanan dukungan kepada pelanggannya.
Dalam hal ini,
- Grup atau grup pengguna dibuat yang akan menyediakan layanan dukungan. Misalnya, grup: Konsultasi, Dukungan. Semua pengguna yang akan menyediakan layanan dukungan tersebut termasuk dalam Konsultasi, kelompok Dukungan dengan peran anggota grup pengguna. Pengguna yang dapat melihat semua aplikasi dari semua pengguna ditugaskan ke grup dengan peran: Pengguna super.
- Formulir pembuatan permintaan dibuat untuk klien dan bidang yang diperlukan dikonfigurasikan, misalnya, Ke (Konsultasi, Grup pendukung)
- Grup Klien dibuat dan semua klien termasuk dalam grup ini dan formulir pembuatan aplikasi "Klien" ditugaskan ke grup.
- Semua klien dalam pengaturan menunjukkan formulir untuk membuat aplikasi dari grup "Klien".
- Semua pengguna yang memberikan dukungan teknis ditunjukkan dengan formulir khusus untuk membuat aplikasi atau dengan grup, sebagaimana diperlukan.
Akibatnya, semua klien memiliki satu bentuk umum untuk membuat aplikasi hanya dengan kemampuan untuk membuat aplikasi untuk peserta tertentu (Grup atau Pengguna).
Semua pengguna melihat aplikasi pelanggan dan memiliki kemampuan untuk membuat aplikasi dari formulir aplikasi mereka.
Organisasi yang menyediakan layanan dukungan untuk organisasi kliennya.
Dalam hal ini,
- Grup atau grup pengguna dibuat untuk memberikan layanan dukungan. Misalnya, grup: Konsultasi, Dukungan. Semua pengguna yang akan menyediakan layanan dukungan tersebut termasuk dalam Konsultasi, kelompok Dukungan dengan peran anggota grup pengguna. Pengguna yang dapat melihat semua aplikasi dari semua pengguna ditugaskan ke grup dengan peran: Pengguna super.
- Formulir / formulir untuk membuat aplikasi untuk klien dibuat dan bidang yang diperlukan dikonfigurasikan, misalnya, Ke (Konsultasi grup, Dukungan)
- Grup / grup dibuat untuk setiap organisasi Klien dan semua klien termasuk dalam grup mereka dan formulir pembuatan permintaan ditugaskan ke grup.
- Semua klien dalam pengaturan menunjukkan formulir untuk membuat aplikasi dari grup mereka.
Semua pengguna yang memberikan dukungan teknis ditunjukkan dengan formulir khusus untuk membuat aplikasi atau dengan grup, sebagaimana diperlukan. - Terkadang menjadi penting bahwa di antara organisasi klien akan ada seseorang yang bertanggung jawab yang dapat melihat semua aplikasi yang dibuat dari karyawan klien mereka. Untuk ini, klien tersebut harus ditugaskan dalam grup Klien: "Pengguna super".
Akibatnya, semua perusahaan klien memiliki grup mereka sendiri dengan formulir pembuatan aplikasi hanya dengan kemampuan untuk membuat aplikasi untuk peserta tertentu (Grup atau Pengguna).
Semua pengguna melihat aplikasi pelanggan dan memiliki kemampuan untuk membuat aplikasi dari formulir aplikasi mereka. Klien-perusahaan tidak melihat aplikasi umum dan tidak berpotongan.
Pendekatan ini memungkinkan Anda untuk menjadi anggota sistem secara bersamaan sebagai pengguna / super-pengguna dalam satu atau lebih grup sekaligus.
Ada apa?
- Dapatkan umpan balik dari pengguna kami, karena bagi kami itu sangat penting.
- Interaktivitas berbasis Nodejs
- Optimalisasi bidang pengguna
- Sistem CMDB untuk beberapa inventaris
- Pengembangan aplikasi seluler (koneksi GCM)
- Koneksi lebih banyak layanan pihak ketiga (SMS-gateway dan Telegram-bot untuk membuat aplikasi)
- Solusi SaaS