TUGAS PERTEMUAN KE-3 [WPF APP LIST NAME & DASHBOARD WPF]

WPF LIST NAME

Link Sourcecode

Pada tugas Pemrograman Berbasis Kerangka Kerja (PBKK) yang saya kerjakan memiliki tujuan untuk membuat Aplikasi sederhana dengan menggunakan bahasa pemrograman C#, WPF dan .NET Framework. Aplikasi ini memiliki kegunaan untuk menulis nama dan menyimpan nama tersebut kemudian menampilkannya dalam bentuk daftar nama. Berikut dokumentasi dari aplikasi yang sudah saya buat beserta hasilnya : 

	<Window x:Class="ListName.MainWindow"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:ListName"
	mc:Ignorable="d"
	Title="MainWindow" Height="180" Width="260">
	<Grid Margin="10">
	<Grid.RowDefinitions>
	<RowDefinition Height="Auto" />
	<RowDefinition Height="*" />
	</Grid.RowDefinitions>
	<Grid.ColumnDefinitions>
	<ColumnDefinition Width="*" />
	<ColumnDefinition Width="*" />
	</Grid.ColumnDefinitions>
	<Label>Names</Label>
	<ListBox Grid.Row="1" x:Name="lstNames" />
	<StackPanel Grid.Row="1" Grid.Column="1" Margin="5,0,0,0" >
	<TextBox x:Name="txtName" />
	<Button x:Name="btnAdd" Margin="0,5,0,0" Click="ButtonAddName_Click">Add Name</Button>
	</StackPanel>
	</Grid>
	</Window>

view raw MainWindow.xaml hosted with ❤ by GitHub

DASHBOARD UI WPF

Link Sourcecode

Windows Presentation Foundation (WPF) adalah sebuah kerangka kerja pengembangan aplikasi berbasis Windows yang dikembangkan oleh Microsoft. WPF digunakan untuk membuat antarmuka pengguna (UI) yang kaya dan menarik dalam aplikasi Windows. 

Pada tugas ini saya membuat design user interface dari halaman dashboard menggunakan WPF, berikut tampilan dari halaman dashbord yang sudah saya buat :

	Window x:Class="Dashboard.MainWindow"
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:Dashboard"
	xmlns:viewModel="clr-namespace:Dashboard.MVVM.ViewModel"
	mc:Ignorable="d"
	Height="600" Width="920"
	WindowStyle="None"
	ResizeMode="CanResize"
	Background="Transparent"
	AllowsTransparency="True">
	<Window.DataContext>
	<viewModel:MainViewModel/>
	</Window.DataContext>
	<Border Background="#272537"
	CornerRadius="20">
	<Grid>
	<Grid.ColumnDefinitions>
	<ColumnDefinition Width="200"/>
	<ColumnDefinition/>
	</Grid.ColumnDefinitions>
	<Grid.RowDefinitions>
	<RowDefinition Height="75"/>
	<RowDefinition/>
	</Grid.RowDefinitions>
	<TextBlock Text="laurivasyyy"
	VerticalAlignment="Center"
	HorizontalAlignment="Left"
	Foreground="White"
	FontSize="22"
	Margin="20,0,0,0"
	FontFamily="/Fonts/#Proppins" />
	<StackPanel Grid.Row="1">
	<RadioButton Content="Home"
	Height="50"
	Foreground="White"
	FontSize="14"
	Style="{StaticResource MenuButtonTheme}"
	IsChecked="True"
	Command="{Binding HomeViewCommand}"/>
	<RadioButton Content="Discovery"
	Height="50"
	Foreground="White"
	FontSize="14"
	Style="{StaticResource MenuButtonTheme}"
	IsChecked="True"
	Command="{Binding DiscoveryViewCommand}"/>
	<RadioButton Content="Featured"
	Height="50"
	Foreground="White"
	FontSize="14"
	Style="{StaticResource MenuButtonTheme}"/>
	</StackPanel>
	<TextBox Width="250"
	Height="40"
	VerticalContentAlignment="Center"
	HorizontalAlignment="Left"
	Margin="5"
	Grid.Column="1"
	Style="{StaticResource ModernTextBox}"/>
	<ContentControl Grid.Row="1"
	Grid.Column="1"
	Margin="10"
	Content="{Binding CurrentView}"/>
	</Grid>
	</Border>
	</Window>

view raw MainWindow.xaml hosted with ❤ by GitHub