midp low level user interface n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
MIDP Low Level User Interface PowerPoint Presentation
Download Presentation
MIDP Low Level User Interface

Loading in 2 Seconds...

play fullscreen
1 / 30

MIDP Low Level User Interface - PowerPoint PPT Presentation


  • 119 Views
  • Uploaded on

MIDP Low Level User Interface. PemrogramanAplikasi Mobile. MIDP Low Level User Interface. Dengan menggunakan High Level User Interface seperti Form, List dan Field Input, programmer tidak perlu khawatir tentang menggambar pixel layar atau mengatur posisi teks pada layar .

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'MIDP Low Level User Interface' - rozene


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
midp low level user interface

MIDP Low Level User Interface

Marsel Willem Aipassa, S. Kom.

PemrogramanAplikasi Mobile

midp low level user interface1
MIDP Low Level User Interface

DenganmenggunakanHigh Level User Interface seperti Form, List dan Field Input, programmer tidakperlukhawatirtentangmenggambarpixel layarataumengaturposisitekspadalayar.

DenganmenggunakanLow Level User Interface, programmer memilikikendalipenuhterhadaplayar, menggambarsebuahgaris, menggambargambarberanimasidanlain sebagainya.

Marsel Willem Aipassa, S. Kom.

low level user interface lo ui
Low Level User Interface (LO-UI)
  • SuatukelemahanketikamenggunakanHI-UI adalah program tidakmemilikikendalipenuhsebuahlayar.
  • Adasaatnyadimanakitainginmenggambarsuatugarisatauanimasidanmengaturpixel padalayar.
  • Kelas yang akandipelajariadalahkelasCanvas dankelasGraphic yang memilikimetodeuntukmenggambargaris, kotak, sudutdanteks.

Marsel Willem Aipassa, S. Kom.

canvas
Canvas
  • Canvas adalah subclass dari Displayable. Kelasiniharusdi-extend kekelaskitauntukdapatmenggunakanfungsi-fungsiyang ada.
  • SistemkoordinatdariCanvas dimulaidarinol. Pojokkiriatasdarilayarberkkordinat(0,0). Koordinat x bertambahdarikirikekanan. Dan koordinat y bertambahdariataskebawah.
  • Pojokkananbawahlayarberkoordinat(getWidth-1, getHeight-1).

Marsel Willem Aipassa, S. Kom.

sistemkoordinat
SistemKoordinat

Marsel Willem Aipassa, S. Kom.

contoh hello world
Contoh “Hello World”

Marsel Willem Aipassa, S. Kom.

contoh hello world1
Contoh “Hello World”

Marsel Willem Aipassa, S. Kom.

event key
Event Key
  • Subclass dari Canvas dapatmeresponsebuahevent tomboldenganmetode-metodesebagaiberikut:
  • Untukmendapatkan“String” namasebuahkunci, digunakanmetodegetKeyName(intkeyCode)

Marsel Willem Aipassa, S. Kom.

game action
Game Action
  • Kelas Canvas mendefenisikan Game Action sebagaiberikut: UP, DOWN, LEFT, RIGHT, FIRE, GAME_A, GAME_B, GAME_C, GAME_D.
  • UntukmenterjemahkankeyCodeyang didapatkedalamGame Action digunakanfungsigetGameCode(keyCode).
  • Jikasuatuprogram akanmeresponkey UP, biasanyamenggunakanKEY_NUM2. Akantetapimetodetidaklahsesuaijikabekerjauntukperangkatyang berbeda layout keypad. DalamkasusinidibutuhkanfungsigetGameCode.

Marsel Willem Aipassa, S. Kom.

contoh event key
Contoh Event Key

Marsel Willem Aipassa, S. Kom.

event pointer
Event Pointer
  • Selain Event Key, program MIDP dapatjugamenanganiEvent Pointer.
  • public booleanhasPointerEvents(). Akanmengembalikannilaitrue jikasebuahperangkatmendukungpointer yang bersifatditekandandilepaskan.
  • public booleanhasPointerMotionEvents(). Akanmengembalikannilaitrue jika, sebuahperangkatmendukungevent gerakandaripointer.

Marsel Willem Aipassa, S. Kom.

event pointer 2
Event Pointer (2)
  • Sebuah event di-generate lewataktifitaspointer sebagaiberikut:
    • protected void pointerPressed(int x, int y)
    • protected void pointerReleased(int x, int y)
    • protected void pointerDragged(int x, int y)

Marsel Willem Aipassa, S. Kom.

graphic
Graphic
  • Graphic adalahkelasutamauntukmenulisteks, menggambar, garis, kotakdansudut.
  • Kelasinimemilikimetodeuntukmenentukanwarna, font, dan stroke.

Marsel Willem Aipassa, S. Kom.

warna
Warna
  • Kelas Display memilikimetodeuntukmengecekapakahsuatuperangkatmendukunglayarberwarnaataulayarmonochrome.
  • public booleanisColor(). Mengembalikannilaitrue jikalayarberwarnadansebaliknya.
  • public intnumColors(). Mengembalikanjumlahwarna(atau level abu-abuuntuklayarmonochrome) yang didukungsebuahperangkat.

Marsel Willem Aipassa, S. Kom.

warna 2
Warna (2)
  • Untukmengesetwarnayang digunakanuntukmetodegrafikselanjutnya, digunakanmetodesetColor.
  • public void setColor(int RGB). Padabentukiniwarnaditentukandalambentuk0x00RRGGBB.
  • public void setColor(int red, int green, int blue).
  • Untuklayarmonochrome dapatdigunakanfungsisetGrayScale(intvalue) untukmemlihnilaiabu-abuuntukmenggantioperasimenggambar.

Marsel Willem Aipassa, S. Kom.

slide16
Font
  • Font memilikitigaattributyaitubentuk, style danukuran. Font tidakbisadiciptakanolehaplikasi, akantetapiaplikasimemintasistemmemilihmodel font dansistemakanmengembalikanfont yang sesuaidenganfont yang diminta.
  • Font adalahsebuahkelastersendiriyang memilikimetode-metodeuntukmemintasebuahfont darisistem.

Marsel Willem Aipassa, S. Kom.

font 2
Font (2)
  • public static Font getFont(int face, int style, int size). Mengembalikansebuahfont darisistemyang sesuaidenganatribut. Atribut face dapatberupaFACE_SYSTEM, FACE_MONOSPACE, atau FACE_PROPORTIONAL. Style dapatberupaSTYLE_PLAIN, STYLE_BOLD, STYLE_ITALIC, dan STYLE_UNDERLINED. Size dapatberupaSIZE_SMALL,SIZE_MEDIUM, SIZE_LARGE.
  • public static Font getDefaultFont(). Akanmengembalikanfont default yang digunakanolehsistem.
  • public static Font getFont(intfontSpecifier). DapatberupaFONT_INPUT_TEXT atau FONT_STATIC_TEXT.

Marsel Willem Aipassa, S. Kom.

contoh font
Contoh Font
  • MasukkanperintahberikutpadabarissebelumbarisuntukmenggambarString.

g.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD | Font.STYLE_ITALIC, Font.SIZE_MEDIUM));

Marsel Willem Aipassa, S. Kom.

stroke
Stroke
  • MetodesetStrokeStyle(intstyle) digunakanuntukmenetapkanjenisstroke yang akandipakaiuntukgarissudutataukotak
  • public void setStrokeStyle(int style). Style dapatberupaSOLID atau DOTTED.

Marsel Willem Aipassa, S. Kom.

anchor points
Anchor Points
  • Teksdigambarsesuaidengansebuahanchor points.
    • public void drawString(String str, int x, int y, int anchor)
  • Anchor harusmerupakansebuahkombinasiantaraletakhorisontaldanvertikal. Penggabunganinimenggunakanoperasibitwise OR (|).

Marsel Willem Aipassa, S. Kom.

anchor points 2
Anchor Points (2)

Marsel Willem Aipassa, S. Kom.

menggambar string
Menggambar String
  • public void drawString(String str, int x, int y, int anchor). X dan Y merupakankoordinatdarianchor.

Marsel Willem Aipassa, S. Kom.

menggambar garis
MenggambarGaris
  • public void drawLine(int x1, int y1, int x2, int y2)

Marsel Willem Aipassa, S. Kom.

menggambarkotak
MenggambarKotak
  • public void drawRect(int x, int y, int width, int height)
  • public void drawRoundRect(int x, int y, int width, int height, intarcWidth, intarcHeight)
  • public void fillRect(int x, int y, int width, int height)
  • public void fillRoundRect(int x, int y, int width, int height, intarcWidth, intarcHeight)

Marsel Willem Aipassa, S. Kom.

menggambarkotak 2
MenggambarKotak (2)

Marsel Willem Aipassa, S. Kom.

menggambarsudut
MenggambarSudut
  • public void drawArc(int x, int y, int width, int height, intstartAngle, intarcAngle)
  • public void fillArc(int x, int y, int width, int height, intstartAngle, intarcAngle)
  • O derajatterletakpadajarumjam 3.

Marsel Willem Aipassa, S. Kom.

menggambarsudut 2
MenggambarSudut (2)

Marsel Willem Aipassa, S. Kom.

menggambar image
Menggambar Image
  • public void drawImage(Image img, int x, int y, int anchor).
  • Perbedaan anchor padadrawStringdandrawImageadalahBASELINE padadrawStringdanVCENTER padadrawImage.

Marsel Willem Aipassa, S. Kom.

menggambar image 2
Menggambar Image (2)

Marsel Willem Aipassa, S. Kom.

terima kasih
TerimaKasih
  • Tugas:
  • Buatlahaplikasijam analog berbasis low level user interface.

Marsel Willem Aipassa, S. Kom.