Bagikan melalui


Cara: Membuat Alur Kerja Diagram Alur

Alur kerja dapat dibuat dari aktivitas bawaan serta dari aktivitas kustom. Topik ini membahas pembuatan alur kerja yang menggunakan kedua aktivitas bawaan seperti aktivitas Flowchart, dan aktivitas kustom dari topik Cara: Membuat Aktivitas sebelumnya. Alur kerja memodelkan permainan tebakan angka.

Catatan

Setiap topik dalam tutorial Memulai bergantung pada topik sebelumnya. Untuk menyelesaikan topik ini, Anda harus terlebih dahulu menyelesaikan Cara: Membuat Aktivitas.

Untuk membuat alur kerja

  1. Klik kanan NumberGuessWorkflowActivities di Penjelajah Solusi dan pilih Tambahkan, Item Baru.

  2. Di simpul Terinstal, Item Umum, pilih Alur Kerja. Pilih Aktivitas dari daftar Alur Kerja.

  3. Ketik FlowchartNumberGuessWorkflow ke dalam kotak Nama, lalu klik Tambahkan.

  4. Seret aktivitas Diagram alur dari bagian Diagram alur di Kotak Alat dan letakkan pada label Letakkan aktivitas di sini di permukaan desain alur kerja.

Untuk membuat variabel dan argumen alur kerja

  1. Klik dua kali FlowchartNumberGuessWorkflow.xaml di Penjelajah Solusi untuk menampilkan alur kerja dalam perancang, jika belum ditampilkan.

  2. Klik Argumen di sebelah kiri bawah perancang alur kerja untuk menampilkan panel Argumen.

  3. Klik Buat Argumen.

  4. Ketik MaxNumber ke dalam kotak Nama, pilih Masuk dari menu drop-down Arah, pilih Int32 dari menu drop-down Jenis argumen, lalu tekan ENTER untuk menyimpan argumen.

  5. Klik Buat Argumen.

  6. Ketik Turns ke dalam kotak Nama yang berada di bawah argumen MaxNumber yang baru ditambahkan, pilih Keluar dari menu drop-down Arah, pilih Int32 dari menu drop-down Jenis argumen, lalu tekan ENTER.

  7. Klik Argumen di sebelah kiri bawah perancang aktivitas untuk menutup panel Argumen.

  8. Klik Variabel di sebelah kiri bawah perancang alur kerja untuk menampilkan panel Variabel.

  9. Klik Buat Variabel.

    Tip

    Jika tidak ada kotak Buat Variabel yang ditampilkan, klik aktivitas Flowchart pada permukaan perancang alur kerja untuk memilihnya.

  10. Ketik Guess ke dalam kotak Nama, pilih Int32 dari menu drop-down Jenis variabel, lalu tekan ENTER untuk menyimpan variabel.

  11. Klik Buat Variabel.

  12. Ketik Target ke dalam kotak Nama, pilih Int32 dari menu drop-down Jenis variabel, lalu tekan ENTER untuk menyimpan variabel.

  13. Klik Variabel di sebelah kiri bawah perancang aktivitas untuk menutup panel Variabel.

Untuk menambahkan aktivitas alur kerja

  1. Seret aktivitas Tetapkan dari bagian PrimitifKotak Alat dan arahkan kursor ke node Mulai, yang berada di bagian atas diagram alur. Saat aktivitas Tetapkan berada di atas node Mulai, tiga segitiga akan muncul di sekitar node Mulai. Letakkan aktivitas Tetapkan pada segitiga yang tepat di bawah node Mulai. Ini akan menautkan dua item bersama-sama dan menunjuk aktivitas Tetapkan sebagai aktivitas pertama dalam diagram alur.

    Catatan

    Aktivitas juga dapat ditunjukkan sebagai aktivitas awal dalam alur kerja dengan menautkannya secara manual ke node awal. Untuk melakukan ini, arahkan mouse ke atas node Mulai, klik salah satu persegi panjang yang muncul saat mouse berada di atas node Mulai, dan seret garis penghubung ke bawah ke aktivitas yang diinginkan dan letakkan di salah satu persegi panjang yang muncul. Anda juga dapat menunjuk aktivitas sebagai aktivitas awal dengan mengeklik kanan aktivitas tersebut dan memilih Atur sebagai Node Mulai.

  2. Ketik Target ke dalam kotak Ke dan ekspresi berikut ini ke dalam kotak Masukkan ekspresi C# atau Masukkan ekspresi VB.

    New System.Random().Next(1, MaxNumber + 1)  
    
    new System.Random().Next(1, MaxNumber + 1)  
    

    Tip

    Jika jendela Kotak Alat tidak ditampilkan, pilih Kotak Alat dari menu Tampilan.

  3. Seret aktivitas Minta dari bagian NumberGuessWorkflowActivities di Kotak Alat, letakkan di bawah aktivitas Tetapkan dari langkah sebelumnya, dan sambungkan aktivitas Minta ke aktivitas Tetapkan. Ada tiga cara untuk menghubungkan dua aktivitas tersebut. Cara pertama adalah menghubungkannya saat Anda menghilangkan aktivitas Minta pada alur kerja. Saat Anda menyeret aktivitas Minta ke alur kerja, arahkan mouse ke atas aktivitas Tetapkan dan letakkan ke salah satu dari empat segitiga yang muncul saat aktivitas Minta berada di atas aktivitas Tetapkan. Cara kedua adalah menghilangkan aktivitas Minta ke alur kerja di lokasi yang diinginkan. Kemudian, arahkan mouse ke atas aktivitas Tetapkan dan seret salah satu persegi panjang yang muncul ke bawah ke aktivitas Minta. Seret mouse sehingga garis penghubung dari aktivitas Tetapkan tersambung ke salah satu persegi dari aktivitas Minta, lalu lepaskan tombol mouse. Cara ketiga sangat mirip dengan cara pertama, kecuali bahwa alih-alih menyeret aktivitas Minta dari Kotak Alat, Anda menyeretnya dari lokasinya di permukaan desain alur kerja, mengarahkannya ke aktivitas Tetapkan, dan letakkan ke salah satu segitiga yang muncul.

  4. Di Jendela Properti untuk aktivitas Minta, ketikkan "EnterGuess" yang mencakup tanda kutip ke dalam kotak nilai properti BookmarkName. Ketik Guess ke dalam kotak nilai properti Hasil, dan ketik ekspresi berikut ke dalam kotak properti Teks.

    "Please enter a number between 1 and " & MaxNumber  
    
    "Please enter a number between 1 and " + MaxNumber  
    

    Tip

    Jika Jendela Properti tidak ditampilkan, pilih Jendela Properti dari menu Tampilan.

  5. Seret aktivitas Tetapkan dari bagian PrimitifKotak Alat dan sambungkan menggunakan salah satu metode yang dijelaskan di langkah sebelumnya sehingga berada di bawah aktivitas Minta.

  6. Ketik Turns ke dalam kotak Ke dan Turns + 1 ke dalam kotak Masukkan ekspresi C# atau Masukkan ekspresi VB.

  7. Seret FlowDecision dari bagian Diagram Alur pada Kotak Alat dan sambungkan di bawah aktivitas Tetapkan. Di Jendela Properti, ketik ekspresi berikut ini ke dalam kotak nilai properti Kondisi.

    Guess = Target  
    
    Guess == Target  
    
  8. Seret aktivitas FlowDecision lain dari Kotak Alat dan letakkan di bawah yang pertama. Sambungkan dua aktivitas dengan menyeret dari persegi panjang yang diberi label False pada aktivitas FlowDecision atas ke persegi panjang di bagian atas aktivitas FlowDecision kedua.

    Tip

    Jika Anda tidak melihat label True dan False pada FlowDecision, arahkan mouse ke atas FlowDecision.

  9. Klik aktivitas FlowDecision kedua untuk memilihnya. Di Jendela Properti, ketik ekspresi berikut ini ke dalam kotak nilai properti Kondisi.

    Guess < Target
    
  10. Seret dua aktivitas WriteLine dari bagian Primitif kotak Alat dan letakkan sehingga berdampingan di bawah dua aktivitas FlowDecision. Sambungkan tindakan True dari aktivitas FlowDecision bawah ke aktivitas WriteLine paling kiri, dan tindakan False ke aktivitas WriteLine paling kanan.

  11. Klik aktivitas WriteLine paling kiri untuk memilihnya, dan ketik ekspresi berikut ke dalam kotak nilai properti Teks di Jendela Properti.

    "Your guess is too low."  
    
  12. Sambungkan WriteLine di sisi kiri aktivitas Minta yang berada di atasnya.

  13. Klik aktivitas WriteLine paling kanan untuk memilihnya, dan ketik ekspresi berikut ke dalam kotak nilai properti Teks di Jendela Properti.

    "Your guess is too high."  
    
  14. Koneksi aktivitas WriteLine di sisi kanan aktivitas Minta di atasnya.

    Contoh berikut mengilustrasikan alur kerja yang telah selesai.

    Diagram that shows a completed Windows Workflow Foundation flowchart.

Untuk membangun alur kerja

  1. Tekan CTRL+SHIFT+B untuk membangun solusi.

    Untuk petunjuk tentang cara menjalankan alur kerja, lihat topik berikutnya, Cara: Menjalankan Alur Kerja. Jika Anda telah menyelesaikan langkah Cara: Menjalankan Alur Kerja dengan gaya alur kerja yang berbeda dan ingin menjalankannya menggunakan alur kerja diagram alur dari langkah ini, lanjutkan ke bagian Untuk membangun dan menjalankan aplikasi dalam Cara: Menjalankan Alur Kerja.

Lihat juga