I-BEGO

oom langsung aj ya,
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

link icon keren
Very Icon
FamFamFam
Tango
Icon Finder
FindIcons
Minimalis Icon

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 skinable

fungsi API membentuk skin

CreateEllipticRgn(a, b, c, d)
CreateRectRgn(a, b, c, d)
CreateRoundRectRgn(a, b, c, d, e, f)

CombineRgn obj, obj, tempobj, tempcomb

fungsi 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

Post alterdiaz telah mendapat kopi dari:

abudzaky

Keren, oom

Post vberror13 telah mendapat kopi dari:

alterdiaz

vberror13 wrote:Keren, oom

makasih om, q baru nemu forum ini
di forum sebelah, trid yang sama trid saya juga sampe berhalaman2
silahkan diramekan ya om

Muantaaab om

Post mbahlawoe telah mendapat kopi dari:

alterdiaz

Pantes berasa dejavu pernah lihat di forum sebelah
Tapi keren oom...

Post pujanggabageur telah mendapat kopi dari:

alterdiaz

mantap, pasti harganya mahal sekali ya

Post trail telah mendapat kopi dari:

alterdiaz

weeeksss....
keren itu pake component tambahan ya om??

Post sanosuke telah mendapat kopi dari:

alterdiaz

sanosuke wrote:weeeksss....
keren itu pake component tambahan ya om??

nggak, q g pernah pake third party
q lebih pake code GDI daripada pake third party
coz pertimbangannya hanya pada kompatibilitas di client aja
kadang kita pake control2 n component keren2, tp d klien g jalan

pujanggabageur wrote:Pantes berasa dejavu pernah lihat di forum sebelah
Tapi keren oom...

dejavu gimana ni maksudnya

Bagi dong Ilmunya om.....

Post mbahlawoe telah mendapat kopi dari:

alterdiaz