sesuai judulnya, teman2 bisa share gambar desain program (GUI) buatan oom disini... bahasa bebas (boleh vb.net, java, delphi, dll)
saya mulai dari desain form utama buatan saya dari masa ke masa (termasuk dari masa saya masih belajar programming vb.net)
GUI versi 1.0 - Tahun 2008
Features
- User Active Status and Details
- History penggunaan aplikasi
- Date and Time
- Theme Simple Interface
GUI versi 2.0 - Tahun 2009
Features :
- User Active Status
- Form Active Status
- Date and Time
- Treeview Menu, All menu in One View
GUI versi 2.3 - Tahun 2010
Features :
- User Active Status
- Theme Facebook
- Treeview Menu, All menu in One View
GUI versi 3.0 - Tahun 2010
Features :
- User Active Status
- Date and Time
- Form Active Status
- Faster Access Menu, Just Click
- Theme Facebook and Windows 7 Control Panel
- “Windows 7 Control Panel” Menu
GUI versi 4.0 - Tahun 2010
Features :
- User Active Status
- Form Active Status
- Date and Time
- Data Counter on Display
- Faster Access Menu, Just Click
- Theme Facebook and Windows 7 Control Panel
- “Windows 7 Control Panel” Menu
- “Windows 7 Glass” implemented
GUI versi 4.5 - Tahun 2011
Features :
- User Active Status
- Form Active Status
- Date and Time
- Data Counter on Display
- Faster Access Menu, Just Click
- Theme Facebook and Windows 7 Control Panel
- “Windows 7 Control Panel” Menu
- New User Profile, Setting, and New Messages Features
Allows User to Stay Connected with Others
- New Search Features, Search Anything in One Place
GUI versi 5.3 - Tahun 2011
Features :
- User Active Information
- Menu Panel with description and image
- Full screen
- Search everything from one keyword
- Dashboard on Home (masih riset)
- Theme Windows 7 for Login Screen
- User task and messages on One Screen
[spoiler=Analyst User Interface 5.6 -2011]

[/spoiler]
update desain UI q yg baru
masih riset n bakal ane pake di project2 mendatang

[spoiler=GUI versi 5.7 - Tahun 2012]

penyempurnaan yang sebelumnya, lebih kompleks dari sisi code program
[/spoiler]
dibawah ini adalah desain GUI yang ane rangkum dari trid ini, yang mungkin bisa jadi inspirasi buat agan2 yang lain
Inspirasi Desain GUI
kumpulan icon2 keren yang bisa oom pake
thanx buat oom ada.byron
Share GUI hasil karya TA D3 ane di akhir tahun 2003
full GDI drawing image dan DC, no OCX extra, semua interface dibuat di ActiveX control, sehingga bisa skinablefungsi API membentuk skin
CreateEllipticRgn(a, b, c, d)
CreateRectRgn(a, b, c, d)
CreateRoundRectRgn(a, b, c, d, e, f)
CombineRgn obj, obj, tempobj, tempcombfungsi drawing gambar
Jika DC
BitBlt UserControl.hDC, IPosX1, Me.IPosY1, PosX2, IPosY2, DCSource, OverX, OverY, vbSrcCopy
Jika imagediresize
UserControl.PaintPicture Me.PictureOver, 0, 0, UserControl.ScaleWidth, UserControl.ScaleHeight, 0, 0,x ,y , vbSrcCopy
Dari fungsi-fungsi diatas oom bisa buat tampilan windows menjadi aneh2-aneh2 seperti ane dulu, membuat tampilan XP didalam windows 98.
So good luck..
update 20-02-2011
prototype desain GUI versi 5.0 - Tahun 2011
sebelum menggunakan event paint, silahkan lakukan dulu
- Code: Select all
Imports System.Drawing.Drawing2D
*mohon diperhatikan, code dibawah ini jangan asal di copy paste
*harap diperhatikan handlesnya mengacu pada object apa
*SoSalesExSmooth pada kode dibawah ini adalah nama Solution yang saya buat pada vb.net
*LogoSolutionLengkapSmall pada kode dibawah ini adalah nama file yang sudah saya add pada resource Solution
contoh penulisan code untuk menggambar sebuah file image (event paint)
- Code: Select all
Private Sub pbLogo_Paint(ByVal sender As Object, ByVal e As System.Windows.Forms.PaintEventArgs) Handles pbLogo.Paint
Dim grf As Graphics = e.Graphics
Dim gambar As Image = SoSalesExSmooth.My.Resources.LogoSolutionLengkapSmall
grf.DrawImage(gambar, 0, 0, gambar.Size.Width, gambar.Size.Height)
End Sub
contoh penulisan code untuk membuat gradient (event paint)
- Code: Select all
Private Sub pTop_Paint(ByVal sender As Object, ByVal e As System.Windows.Forms.PaintEventArgs) Handles pTop.Paint
Dim linGrBrush As New LinearGradientBrush( _
New Rectangle(0, 0, sender.size.width, sender.size.height), _
Color.LightGreen, _
Color.White, _
LinearGradientMode.Vertical)
Dim pen As New Pen(linGrBrush)
e.Graphics.FillRectangle(linGrBrush, 0, 0, sender.size.width, sender.size.height)
End Sub
untuk effect glass di form seperti GUI 4 yang ane bikin
dipelajari disini ya

jangan lupa, like page saya disini









































