Arsitektur Web dan Aplikasi Utama

-
Nama Kelompok :

Aliyah (50418575)
Dinda Ayu Rahmasari                         (52418007)
Inendya Rahma Tania                         (53418331)
Siti Khusnul Hanifah                           (56418760)
Tiara Anggita Dewi                              (57418067)
Vista Sasmita Padmanagara               (57418266)
“Web pembelajaran bahasa internasional”

Website yang kelompok kami buat ini adalah jenis website yang berfungsi sebagai E-Learning. Website ini hanya terfokus pada satu pembahasan saja, yaitu pembelajaran bahasa asing. Hanya ada dua bahasa asing yang kami sediakan, yaitu bahasa Inggris dan bahasa Jepang. Dalam pembelajarannya kami menyediakan banyak materi dan berbagai macam bentuk latihan soal, dimana materi serta latihan-latihan soal tersebut pun sudah kami klasifikasikan sesuai tingkatan yang diinginkan pengguna. Selain itu, kami pun menyediakan program unggulan yang dibuat agar para pengguna bisa menguji tingkat kemampuan yang dimiliki. Program unggulan yang kami buat adalah setiap bulannya selalu kami adakan challenge dan test-test lainnya, yang bersifat umum. Akan ada pemeringkatan nilai dari seluruh pengguna website kami (sesuai tingkat) dan juga akan ada hasil ringkasan nilai pribadi tiap pengguna yang nantinya akan dikirimkan sebagai hasil pengerjaan test-test tersebut. Data pemeringkatan serta ringkasan nilai akan dikirimkan kepada masing-masing pengguna, tidak akan diumumkan secara terbuka.

Dashboard


Clases



Resources










Learning Plan


Chat




Setting












Dalam pembuatan arsitektur web ini, aplikasi utama yang kami gunakan adalah Adobe Photoshop dan Adobe XD. Kami memilih menggunakan dua aplikasi Adobe tersebut karena memang itulah aplikasi yang paling direkomendasi oleh banyak orang dalam pembuatan design. Keunggulan serta kemudahan dalam pemakaian sangatlah membantu mempermudah kami dalam membuat arsitektur web yang kami inginkan.

Pada arsitektur web kelompok kami, saya bertugas dalam pembuatan arsitektur fitur chat. Disini saya menggunakan adobe XD dalam pembuatannya. Ada 2 arsitektur yang saya buat untuk fitur chat ini, yaitu :

1. Arsitektur fitur chat tampilan pesan-pesan yang masuk. Ini tampilan awal saat pengguna mengklik menu chat, akan muncul pesan-pesan. untuk pesan yang belum dibaca, pesan akan tampil dalam tampilan Bold. Sedangkan untuk pesan yang sudah terbaca, pesan akan tampil dalam tampilan Reguler atau biasa. Lalu ada fitur search untuk mempermudah pencarian pesan.

2. Arsitektur fitur chat pembacaan pesan. Salah satu contoh tampilannya adalah seperti yang ada pada gambar di atas.

Komentar

Posting Komentar

Postingan populer dari blog ini

Desain Pemodelan Grafik : Pengaplikasian Desain Pemodelan Grafik

-
 Faktor-faktor yang mendorong komunikasi secara visual 1. Menghemat konteks tulisan     Adanya komunikasi visual dalam kehidupan di masyarakat ini memudahkan dalam proses komunikasi. Pesan yang disampaikan melalui suatu gambar atau visual ini berfungsi untuk menghemat konteks tulisan.     Pesan yang disampaikan melalui tulisan biasanya jarang dipahami secara cepat oleh para komunikan, tetapi dengan adanya komunikasi visual ini selain menghemat konteks tulisan juga memudahkan komunikan memahami pesan yang disampaikan oleh komunikator. Jarang sekali komunikasi visual yang memberikan unsur tulisan berupa kata atau kalimat. 2. Meningkatkan kreativitas     Visual merupakan sebuah gambar yang artinya seorang komunikator akan memberikan penyampaian pesan yang mudah ditangkap oleh pandangan mata. Komunikasi visual merupakan komunikasi penglihatan. Komunikasi tersebut berfungsi dalam meningkatkan kreativitas komunikator. 3. Mudah diingat oleh penerima pesan ...
Baca selengkapnya

Desain Pemodelan Grafik : Jenis, Ide, Manfaat dan Contoh

-
Gambar
Jelaskan jenis-jenis desain grafis dan berikan contohnya! Desain grafis identitas visual Sistem identitas visual adalah suatu sistem komunikasi visual yang membentuk identitas dari suatu perusahaan, lembaga, maupun produk. Identitas visual sering digunakan untuk membedakan suatu produk atau jasa yang sama dengan milik pesaing sehingga costumer akan dengan mudah mengidentifikasi suatu merek hanya dengan melihat sebagian dari tampilan visualnya. Contohnya : Desain Antar Muka (User Interface) Desain Antar Muka (UI) adalah bagaimana pengguna berinteraksi dengan perangkat atau aplikasi. UI mencakup semua hal yang berinteraksi dengan pengguna layar, keyboard, dan mouse. Dalam konteks desain grafis, desain UI berfokus pada pengalaman visual pengguna dan desain elemen grafis di layar seperti tombol, menu, mikro – interaksi, dan banyak lagi. Ini adalah pekerjaan desainer UI untuk menyeimbangkan daya tarik estetika dengan fungsi teknis. Contohnya : Desain grafis pemasaran & periklanan Suatu ...
Baca selengkapnya

Sistem Basis Data 2 - Pretest Perancangan bd

-
Perancangan basis data merupakan proses menciptakan perancangan untuk basis data yang akan mendukung operasi dan tujuan perusahaan (Connolly,2002,p279). Dalam merancang suatu basis data, digunakan metodologi-metodologi yang membantu dalam tahap perancangan basis data. Metodologi perancangan adalah pendekatan struktur dengan menggunakan prosedur, teknik, alat, serta bantuan dokumen untuk membantu dan memudahkan dalam proses perancangan. Dengan menggunakan teknik metode disain ini dapat membantu dalam merencanakan, mengatur, mengontrol, dan mengevaluasi database development project (Connolly,2002,p418). Perancangan Basis Data memiliki beberapa tujuan, diantaranya : Memenuhi informasi yang berisikan kebutuhan-kebutuhan pengguna secara khusus dan aplikasi-aplikasinya. Memudahkan pengertian struktur informasi. Mendukung kebutuhan-kebutuhan pemrosesan dan beberapa obyek penampilan (response time, processing time, dan storage space). Siklus hidup aplikasi basis data berhubungan dengan siklus ...
Baca selengkapnya