Applies ToSharePoint Server Edisi Berlangganan SharePoint Server 2019 SharePoint dalam Microsoft 365

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

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

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

Penting untuk diingat bahwa, untuk alasan keamanan, komponen web modern tidak mengizinkan penyisipan kode seperti Jscript.

Membandingkan komponen web modern dan klasik

Tidak ada pemetaan 1:1 dari komponen web klasik ke modern, namun ada komponen web yang memiliki tujuan serupa.  Berikut adalah beberapa komponen web yang umum digunakan berdasarkan tujuannya, dan beberapa perbedaannya pada komponen web modern.

Catatan: 

  • Ini bukan daftar komponen web yang lengkap. Jika Anda bertanya-tanya tentang komponen web tertentu, pilih Ya atau Tidak di samping Apakah informasi ini bermanfaat di bagian bawah halaman, dan tinggalkan umpan balik untuk memberi tahu kami.  

  • Rute tercepat untuk mendapatkan komentar Anda ke pengembang kami adalah langsung dari dalam situs aplikasi Office. Lihat Bagaimana cara memberikan umpan balik tentang Microsoft Office?

Tujuan

Klasik

Modern

Menambahkan teks dan konten lain

Komponen web editor konten, Menambahkan teks dan konten lain secara langsung ke halaman Wiki

Komponen web teks

Komponen web Teks memungkinkan Anda dengan mudah menambahkan dan memformat teks dan tabel di halaman. Toolbar ini memiliki toolbar pemformatan tempat Anda bisa memformat teks, mengubah gaya, dan masih banyak lagi. Tidak seperti komponen web editor konten, namun, Anda tidak bisa mengedit HTML dalam komponen web. Tabel bertumpuk belum didukung. Sintaks Wiki, seperti yang digunakan untuk membuat link dari dan ke halaman, tidak didukung pada halaman atau di komponen web Teks, namun mudah untuk membuat link di dalam komponen web Teks. Belum dimungkinkan untuk menambahkan gambar sebaris dalam komponen web Teks, tapi Anda bisa menambahkan gambar di sepanjang komponen web teks dengan menggunakan komponen web Gambar.

Memperlihatkan pustaka dokumen

Pustaka

Pustaka dokumen

Saat Anda membuat pustaka di situs klasik, komponen web pustaka secara otomatis dibuat, dan Anda bisa memilih untuk memperlihatkannya di halaman. Saat menggunakan komponen web pustaka dokumen modern, Anda dapat memilih pustaka untuk diperlihatkan, dan memperlihatkan tampilan tertentu pustaka atau bahkan folder dalam pustaka. Pengguna dengan izin yang tepat 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 diperlihatkan dalam tampilan detail atau tampilan ubin, serta pemformatan kolom dan folder bertumpuk yang dibuat di daftar sumber akan diperlihatkan.

Memperlihatkan daftar

Daftar

Daftar

Ketika Anda membuat daftar pada situs klasik, komponen web daftar secara otomatis dibuat untuk daftar tersebut, dan Anda bisa memilih untuk memperlihatkannya di sebuah halaman. Komponen web daftar modern memungkinkan Anda untuk memilih daftar, dan mengustomisasinya dengan judul, tampilan, bahkan ukuran anda sendiri. Pengguna dapat menampilkan, memfilter, mengurutkan, dan mengelompokkan daftar. Selain itu, kolom berformat dan grup bertumpuk yang dibuat di daftar sumber diperlihatkan di komponen web.

Memperlihatkan file

Penampil halaman

Penampil file

Komponen web penampil File modern memungkinkan Anda untuk menyematkan lebih dari 270+ tipe file termasuk tidak hanya file Word, Excel, dan PowerPoint yang sudah tidak asing lagi, tetapi juga tipe file tingkat lanjut seperti model 3D dan gambar medis.

Catatan: Pada SharePoint 2019, tipe file yang dapat disisipkan akan dibatasi hanya untuk Word, Excel, dan PowerPoint (khususnya .doc, .docx,. xls, .xlsx, .pot, .potx, .ppt dan .pptx).

Menyematkan komponen web

Komponen web Sematkan memungkinkan Anda menampilkan konten di halaman dari situs yang memungkinkan penyematan (seperti YouTube, misalnya). Bergantung pada situs web, Anda bisa menggunakan alamat web situs atau kode semat yang tersedia untuk situs tersebut. 

Menambahkan kontak

Komponen web detail kontak

Komponen web orang-orang

Komponen web detail Kontak klasik memungkinkan Anda menambahkan satu kontak secara manual dalam satu waktu. Komponen web Orang modern memungkinkan Anda menambahkan beberapa kontak dari profil pengguna bersama dengan informasi visual dan organisasi. Tampilan detail kontak dapat diubah dari ringkas ke deskriptif, yang berarti detail selengkapnya tentang kontak dapat diperlihatkan langsung di halaman.

Menambahkan gambar

Komponen web gambar, Komponen web editor konten, Pustaka gambar

Komponen web gambar

Komponen web Gambar menambahkan sumber tambahan untuk gambar tersebut: terbaru, pencarian web, dan OneDrive. Ukuran gambar dapat dimodifikasi sesuai rasio standar dan kustom. 

Komponen web galeri gambar

Komponen web Galeri gambar memungkinkan Anda menambahkan gambar dalam tata letak ubin atau karosel.  Sementara di gambar tata letak karosel dapat diatur ke ukuran rasio yang sudah tidak asing lagi. Gambar yang lebih kecil akan diubah ukurannya hingga rasio isian, tapi gambar yang lebih besar tidak akan diubah ukurannya. 

Komponen web Hero

Komponen web Hero dapat diatur untuk menampilkan hingga 5 elemen dalam susunan ubin atau lapisan, yang membawa fokus ke elemen individual sesuai kebutuhan. Elemen individual bisa mempunyai judul, gambar tertentu, dan teks alternatif.  Anda juga dapat menyusun elemen sesuai kebutuhan.

Penampil file

Gunakan penampil File untuk menampilkan model 3D. Alat ini sangat berguna untuk para model medis.

Memperlihatkan video di halaman

Komponen web media

Penampil file

Komponen web penampil file memungkinkan Anda untuk memperlihatkan video lokal dari situs SharePoint Anda (seperti . MOV, .MP4, dan . WMV).

Menyematkan komponen web

Dengan komponen web Sematkan, Anda dapat menampilkan video (atau konten lain) di halaman dari situs yang mengizinkan penyematan (seperti YouTube, misalnya). Bergantung pada situs web mana Anda menyematkan, Anda bisa menggunakan alamat web situs atau kode semat yang disediakan oleh situs tersebut. SharePoint di Microsoft 365 saja.

Streaming video

Komponen web video Stream memutar video dari layanan Microsoft Stream sebagai beberapa format video yang disebut saluran atau sebagai video tunggal. Fitur ini menambahkan pengaturan pemutaran sosial dan tingkat lanjut terbaru seperti menyukai, mengubah kecepatan pemutaran, menonton dengan subtitel yang dihasilkan (hanya dalam bahasa Inggris dan Spanyol), dan membuat daftar putar. Tidak diperlukan plugin browser lain. 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.

Memperlihatkan tanggal dan waktu rapat dan acara yang akan datang

Kalender

Acara

Komponen web Acara menampilkan acara dalam format kartu rentang tanggal atau film yang dapat dikustomisasi. Data acara yang diperluas juga bisa memiliki gambar acara, Bing peta dan data rapat. Anda dapat mengunduh rapat dengan . Format ICS, namun komponen web Acara tidak dapat tersambung atau dibaca dari Exchange kalender kalender. Komponen web Acara menggunakan daftar yang sama dengan komponen web Kalender, tapi kolom yang dikustomisasi tidak ditampilkan di komponen web Acara.

Kalender grup

Komponen web kalender grup menggunakan aplikasi Microsoft 365 grup untuk penyimpanan acara. Acara grup baru tidak bisa ditambahkan dengan komponen web kalender Grup. Acara ditampilkan dalam format daftar untuk memaksimalkan detail setiap acara yang diperluas. Anda bisa menentukan jumlah acara yang diperlihatkan pada setiap halaman dan halaman gulir. SharePoint di Microsoft 365 saja.

Memperlihatkan link ke konten lain

Link yang dipromosikan, Link, komponen web editor konten, Pengumuman, Link Ringkasan

Tautan cepat

Komponen web Tautan cepat dapat diatur untuk ditampilkan sebagai format karosel yang disebut dengan format film atau format ringkas yang lebih kecil. Setiap link dalam format ringkas dapat disusun dan ditampilkan dengan atau tanpa gambar. Belum mungkin mengisi Link cepat berdasarkan daftar.

Link

Komponen web Tautan memperlihatkan satu link URL lengkap, dan menambahkan kemampuan untuk memperlihatkan atau menyembunyikan panel pratinjau dengan target link. SharePoint di Microsoft 365 saja.

Komponen web teks

Dalam komponen web Teks, Anda dapat menambahkan tautan dalam konten menggunakan toolbar.

Mencari dan menampilkan konten

Kueri konten, Pencarian konten

Konten yang disorot

Dengan komponen web Konten yang disorot, banyak opsi pencarian/kueri tingkat lanjut dan membingungkan telah diganti dengan opsi kueri yang disederhankan. Namun, tidak seperti fitur ini klasik, Anda tidak dapat menggunakan templat tampilan kustom.

Mengumumkan berita untuk tim Anda

Pengumuman

Berita

Komponen web Pengumuman klasik menggunakan daftar untuk memperlihatkan pengumuman di halaman Anda. Komponen web Berita adalah sistem distribusi konten luas yang menggunakan halaman berformat kaya atau tautan ke berita, dan menggulung postingan berita di laman SharePoint, situs, dan situs hub. Komponen web dapat dikustomisasi untuk menampilkan hasil dalam beberapa cara berbeda. Ini menyediakan pengalaman yang lebih kaya dan lebih dinamis melalui daftar pengumuman statis. 

Melacak proyek

Daftar Tugas

Planner

Komponen web Planner modern berfungsi dengan Microsoft 365 baru dan layanan Microsoft 365 Planner. Rencana akan disimpan di layanan Microsoft 365 Planner yang memungkinkan kustomisasi yang lebih baik. Garis waktu default dihapus untuk opsi tampilan lebih fleksibel yang menyertakan dasbor gambaran umum baca-saja yang disebut papan atau tata letak Kanban yang disebut wadah. Menggunakan tata letak wadah memungkinkan mengelompokkan menurut wadah, yang ditetapkan pada, kemajuan, tanggal jatuh tempo, dan kategori label. Selain itu, tata letak Bucket memungkinkan penambahan dan modifikasi tugas secara langsung dalam rencana yang disimpan dalam layanan Microsoft 365 Planner. Komponen web ini hanya tersedia di SharePoint grup Microsoft 365 Tersambung.

Memperlihatkan situs dan tautan di halaman

Aggregator situs

Situs

Komponen web aggregator situs klasik difokuskan pada tampilan situs yang disederhanakan secara visual. Dengan komponen web Situs, daftar file yang panjang akan diganti dengan kartu informasi yang terakhir ditampilkan, terakhir diubah, dan file paling populer. Situs dapat ditampilkan sebagai kartu atau tata letak beberapa film menggunakan mekanisme karosel untuk menelusuri situs yang dipilih. SharePoint di Microsoft 365 saja.

Memperlihatkan percakapan di halaman Anda

Umpan situs

Yammer web

Ada dua komponen web Yammer tersedia:

  • Komponen web Yammer Percakapan memungkinkan pengguna berpartisipasi dalam percakapan Yammer untuk grup atau topik tertentu tanpa meninggalkan halaman SharePoint Mereka.

  • Komponen web Yammer Menyoroti percakapan tertentu, teratas, atau terbaru.

Saat Yammer telah menggantikan fitur SharePoint Umpan Berita, komponen web Yammer modern menggantikan komponen web umpan Situs klasik.

Memperlihatkan 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 semat harus berbasis iframe dan kode yang menggunakan <skrip> tag tidak didukung. Selain itu, hanya situs web aman yang dapat disematkan. 

Mengumpulkan dan menampilkan data dari formulir

Formulir InfoPath

PowerApps

Dengan PowerApps, Anda dapat menyusun formulir yang canggih untuk mengumpulkan, menyimpan, dan menampilkan data tanpa menggunakan kode. Anda juga dapat menggunakan PowerApps untuk mengustomisasi formulir bagi SharePoint baru.SharePoint di Microsoft 365 saja.

Microsoft Forms

Dengan komponen web Microsoft Forms, Anda dapat menambahkan formulir atau hasil formulir ke halaman. Anda juga bisa menampilkan hasil ringkasan dalam bagan langsung di halaman. SharePoint di Microsoft 365 saja.

Perlu bantuan lainnya?

Ingin opsi lainnya?

Jelajahi manfaat langganan, telusuri kursus pelatihan, pelajari cara mengamankan perangkat Anda, dan banyak lagi.

Komunitas membantu Anda bertanya dan menjawab pertanyaan, memberikan umpan balik, dan mendengar dari para ahli yang memiliki pengetahuan yang luas.