Pengalaman komponen web klasik dan modern

Komponen web di SharePoint telah memungkinkan pengguna dari semua tingkat pengalaman untuk menambahkan fungsionalitas yang canggih dan dapat dikustomisasi ke halaman mereka.  Komponen web modern dirancang agar lebih mudah digunakan, siap untuk perangkat seluler, dan terlihat hebat.

Banyak komponen web modern memenuhi tujuan yang sama dengan komponen web klasik, tetapi Anda akan melihat perbedaan dalam tampilan dan fungsionalitas.

Penting untuk diperhatikan bahwa halaman modern hanya dapat menggunakan komponen web modern dan halaman klasik hanya dapat menggunakan komponen web klasik. Pengecualian adalah komponen web kustom yang dirancang khusus untuk digunakan pada halaman modern. Untuk pengembang, SharePoint Framework memungkinkan pembuatan komponen web modern kustom yang muncul langsung di kotak alat komponen web. Pengembang juga dapat menemukan panduan dan alat di Modernisasi situs SharePoint klasik Anda. 

Penting untuk diperhatikan bahwa, untuk alasan keamanan, komponen web modern tidak mengizinkan penyisipan kode seperti JScript.

Membandingkan komponen web modern dan klasik

Tidak ada pemetaan 1:1 antara komponen web klasik ke modern, tetapi ada komponen web yang memiliki tujuan yang serupa.  Berikut adalah beberapa komponen web yang umum digunakan berdasarkan tujuannya, dan beberapa perbedaan dalam komponen web modern.

Tujuan	Klasik	Modern
Menambahkan teks dan konten lainnya	Komponen web editor konten, Menambahkan teks dan konten lainnya langsung ke halaman Wiki	Komponen web teks Komponen web Teks memungkinkan Anda menambahkan dan memformat teks dan tabel pada halaman dengan mudah. Laptop ini memiliki toolbar pemformatan tempat Anda dapat memformat teks, mengubah gaya, dan lainnya. Namun, tidak seperti komponen web editor konten, Anda tidak dapat mengedit HTML dalam komponen web. Tabel bertumpuk belum didukung. Sintaks wiki, seperti yang digunakan untuk membuat tautan dari dan ke halaman, tidak didukung di halaman atau di komponen web Teks, tetapi mudah untuk membuat tautan dalam komponen web Teks. Belum memungkinkan untuk menambahkan gambar sebaris dalam komponen web Teks, tetapi Anda dapat menambahkan gambar di samping komponen web teks menggunakan komponen web Gambar.
Tampilkan pustaka dokumen	Perpustakaan	Pustaka dokumen Saat Anda membuat pustaka di situs klasik, komponen web pustaka dibuat secara otomatis, dan Anda dapat memilih untuk menampilkannya di halaman. Ketika menggunakan komponen web pustaka dokumen modern, Anda dapat memilih pustaka yang akan ditampilkan, dan memperlihatkan tampilan pustaka tertentu atau bahkan folder di dalam pustaka. Pengguna dengan izin yang sesuai dapat menambahkan, menampilkan, atau mengedit file langsung dari komponen web. Pengguna juga dapat menyematkan dokumen ke bagian atas pustaka, mengunduh, menghapus, dan mengganti nama file. Selain itu, file dapat ditampilkan dalam tampilan detail atau tampilan ubin, dan pemformatan kolom dan folder bertumpuk yang dibuat dalam daftar sumber ditampilkan.
Tampilkan daftar	Daftar	Daftar Saat Anda membuat daftar di situs klasik, komponen web daftar dibuat secara otomatis untuk daftar tersebut, dan Anda dapat memilih untuk menampilkannya di halaman. Komponen web daftar modern memungkinkan Anda memilih daftar dan menyesuaikannya dengan judul, tampilan, dan bahkan ukuran Anda sendiri. Pengguna dapat melihat, memfilter, mengurutkan, dan mengelompokkan daftar. Selain itu, kolom yang diformat dan grup bertumpuk yang dibuat dalam daftar sumber ditampilkan di komponen web.
Tampilkan file	Penampil halaman	Penampil file Komponen web Penampil File modern memungkinkan Anda menyematkan lebih dari 270+ tipe file, termasuk tidak hanya file Word, Excel, dan PowerPoint yang sudah tak asing lagi, tetapi juga tipe file tingkat lanjut seperti model 3D dan gambar medis. Catatan: Di SharePoint 2019, tipe file yang dapat disisipkan terbatas pada Word, Excel, dan PowerPoint (khususnya .doc, .docx,. xls, .xlsx, .pot, .potx, .ppt dan .pptx).Semat komponen web Komponen web Sematkan memungkinkan Anda menampilkan konten di halaman dari situs yang memungkinkan penyematan (seperti YouTube, misalnya). Tergantung pada situs web, Anda dapat menggunakan alamat web situs atau kode sematan yang disediakan situs.
Menambahkan kontak	Komponen web Detail kontak	Komponen web People Komponen web detail kontak klasik memungkinkan Anda menambahkan satu kontak secara manual. Komponen web People modern memungkinkan Anda menambahkan beberapa kontak dari profil pengguna beserta informasi visual dan organisasi. Tampilan detail kontak dapat diubah dari ringkas menjadi deskriptif, yang berarti detail selengkapnya tentang kontak dapat ditampilkan langsung di halaman.
Tambahkan gambar	Komponen web gambar, Komponen web editor konten, Pustaka gambar	Komponen web gambar Komponen web Gambar menambahkan sumber tambahan untuk gambar: terbaru, pencarian web, dan OneDrive. Ukuran gambar dapat dimodifikasi ke rasio standar dan kustom. Komponen web galeri gambar Komponen web Galeri gambar memungkinkan Anda menambahkan gambar dalam tata letak ubin atau karosel. Saat berada dalam tata letak karosel, gambar dapat diatur ke ukuran rasio yang sudah tak asing lagi. Gambar yang lebih kecil akan disesuaikan dengan rasio isian, tetapi gambar yang lebih besar tidak akan diubah ukurannya. Komponen web Hero Komponen web Hero dapat diatur untuk menampilkan hingga 5 elemen dalam pengaturan ubin atau lapisan, mengalihkan fokus ke elemen individual sesuai kebutuhan. Elemen individu dapat memiliki judul, gambar tertentu, dan teks alternatif. Anda juga dapat mengatur elemen sesuai kebutuhan. Penampil file Gunakan penampil File untuk menampilkan model 3D. Ini sangat berguna untuk model medis.
Tampilkan video di halaman	Komponen web media	Penampil file Komponen web Penampil File memungkinkan Anda menampilkan video lokal dari situs SharePoint Anda (seperti . MOV, .MP4, dan . WMV). Semat komponen web Dengan komponen web Sematkan, Anda dapat menampilkan video (atau konten lainnya) di halaman dari situs yang mengizinkan penyematan (seperti YouTube, misalnya). Tergantung pada situs web tempat Anda menyematkan, Anda dapat menggunakan alamat web situs atau kode sematan yang disediakan situs tersebut. SharePoint di Microsoft 365 saja. Stream video Komponen web video Stream memutar video dari layanan Microsoft Stream sebagai beberapa format video yang disebut saluran, atau sebagai satu video. Opsi ini menambahkan pengaturan pemutaran sosial dan tingkat lanjut terkini seperti suka, mengubah kecepatan pemutaran ulang, menonton dengan subtitel yang dihasilkan (hanya dalam bahasa Inggris dan Spanyol), dan membuat daftar putar. Tidak diperlukan plugin browser tambahan. Metadata dan izin khusus video diatur dalam layanan Microsoft Stream. Komponen web YouTube Komponen web YouTube memungkinkan Anda menyematkan video YouTube langsung di halaman, termasuk kemampuan untuk mengatur waktu mulai dan menampilkan kontrol pemutar.
Menampilkan tanggal dan waktu rapat dan acara mendatang	Kalender	Acara Komponen web Acara menampilkan acara dalam format rentang tanggal, kartu, atau strip film yang dapat disesuaikan. Data acara yang diperluas juga dapat memiliki gambar acara, peta Bing, dan data rapat. Anda dapat mengunduh rapat dengan . ICS, tetapi komponen web Kejadian tidak dapat tersambung atau membaca dari layanan kalender Exchange. Komponen web Acara menggunakan daftar yang sama dengan komponen web Calendar, tetapi kolom yang disesuaikan tidak ditampilkan di komponen web Acara. Kalender grup Komponen web Kalender Grup menggunakan aplikasi kalender grup Microsoft 365 untuk penyimpanan acara. Acara grup baru tidak dapat ditambahkan dengan komponen web Kalender grup. Acara ditampilkan dalam format daftar untuk memaksimalkan detail yang diperluas dari setiap peristiwa. Anda dapat menentukan jumlah kejadian yang ditampilkan di setiap halaman dan menggulir halaman. SharePoint di Microsoft 365 saja.
Tampilkan tautan ke konten lainnya	Tautan yang dipromosikan, Tautan, Komponen web editor konten, Pengumuman, Tautan ringkasan	Tautan cepat Komponen web Tautan cepat dapat diatur untuk ditampilkan sebagai format karosel yang disebut filmstrip atau format ringkas yang lebih kecil. Setiap tautan dalam format ringkas dapat disusun dan ditampilkan dengan atau tanpa gambar. Tautan cepat berdasarkan daftar belum dapat diisi. Tautan Komponen web Tautan memperlihatkan satu tautan URL lengkap, dan menambahkan kemampuan untuk memperlihatkan atau menyembunyikan panel pratinjau dengan target tautan. SharePoint di Microsoft 365 saja. Komponen web teks Di komponen web Teks, Anda dapat menambahkan tautan dalam konten Anda menggunakan toolbar.
Mencari dan menampilkan konten	kueri konten, Pencarian konten	Konten yang disorot Dengan komponen web Konten yang disorot, banyak opsi pencarian/kueri yang tingkat lanjut dan membingungkan telah diganti dengan opsi kueri yang disederhanakan. Namun, tidak seperti templat tampilan klasiknya, Anda tidak dapat menggunakan templat tampilan kustom.
Umumkan berita ke tim Anda	Pengumuman	Berita Komponen web Pengumuman klasik menggunakan daftar untuk menampilkan pengumuman di halaman Anda. Komponen web Berita adalah sistem distribusi konten luas yang menggunakan halaman kaya dan diformat atau tautan ke berita, dan menggabungkan postingan berita di halaman beranda, situs, dan situs hub SharePoint. Komponen web dapat disesuaikan untuk menampilkan hasil dalam beberapa cara yang berbeda. Hal ini memberikan pengalaman yang lebih kaya dan dinamis dibandingkan daftar pengumuman statis.
Melacak proyek	Daftar tugas	Planner Komponen web Planner modern berfungsi dengan grup Microsoft 365 dan layanan Microsoft 365 Planner. Paket disimpan di layanan Microsoft 365 Planner yang memungkinkan kustomisasi yang lebih besar. Lini masa default dihapus untuk opsi tampilan yang lebih fleksibel yang menyertakan dasbor gambaran umum baca-saja yang disebut papan atau tata letak Kanban yang disebut bucket. Menggunakan tata letak wadah memungkinkan pengelompokan berdasarkan kategori wadah, yang ditetapkan ke, kemajuan, tanggal jatuh tempo, dan label. Selain itu, tata letak Bucket memungkinkan penambahan dan modifikasi tugas secara langsung dalam rencana yang disimpan di layanan Microsoft 365 Planner. Komponen web ini hanya tersedia di SharePoint di Situs Terhubung Grup Microsoft 365.
Menampilkan situs dan tautan di halaman	Agregator situs	Situs Komponen web agregator situs klasik berfokus pada tampilan situs yang disederhanakan secara visual. Dengan komponen web Situs, daftar panjang file digantikan oleh kartu informasi yang menampilkan file yang terakhir dilihat, terakhir diubah, dan paling populer. Situs dapat ditampilkan sebagai kartu atau dalam tata letak strip film menggunakan mekanisme karosel untuk menggulir melalui situs yang dipilih. SharePoint di Microsoft 365 saja.
Tampilkan percakapan di halaman Anda	Umpan situs	Komponen web Yammer Terdapat dua komponen web Yammer yang tersedia: Komponen web Percakapan Yammer memungkinkan pengguna berpartisipasi dalam percakapan Yammer untuk grup atau topik tertentu tanpa meninggalkan halaman SharePoint Anda. Komponen web Sorotan Yammer menampilkan percakapan tertentu, teratas, atau terbaru. Karena Yammer telah menggantikan fitur Umpan Berita SharePoint, komponen web Yammer modern menggantikan komponen web umpan Situs klasik.
Tampilkan konten dari halaman lain	Penampil halaman	Menyematkan Komponen web Penampil Halaman dan komponen web Sematkan memungkinkan Anda menampilkan konten dari situs lain yang mengizinkan penyematan. Kode sematan harus berbasis iframe, dan kode yang menggunakan <tag skrip> tidak didukung. Selain itu, hanya situs web yang aman yang dapat disematkan.
Mengumpulkan dan menampilkan data dari formulir	Formulir InfoPath	PowerApps Dengan PowerApps, Anda dapat membuat formulir canggih untuk mengumpulkan, menyimpan, dan menampilkan data tanpa menggunakan kode. Anda juga dapat menggunakan PowerApps untuk mengustomisasi formulir daftar SharePoint. SharePoint di Microsoft 365 saja. Microsoft Forms Dengan komponen web Microsoft Forms, Anda dapat menambahkan formulir atau hasil formulir ke halaman. Anda juga dapat menampilkan hasil ringkasan dalam bagan langsung di halaman. SharePoint di Microsoft 365 saja.