Panduan Dasar Pemrograman Tizen

TableofContentsIntroduction

KataPengantar

Pendahuluan

MengenalTizendanPenerapannya

ArsitekturUmumTizen

PenerapandanPenggunaanTizen

PengembanganaplikasiTizen

PemrogramanTizenuntukPlatformWindows

PersiapanInstalasi

InstalasiTizen

KonfigurasiSetelahInstalasiTizen

MengenalTizenDevelopmentIDE

MengenalTizenEmulator

HelloWorldTizen

ProyekTizenPertamaku

PemrogramanTizenuntukPlatformLinux

PersiapanInstalasi

InstalasiTizen

HelloWorldTizen

PemrogramanTizenuntukPlatformMac

PersiapanInstalasi

InstalasiTizen

HelloWorldTizen

PanduanDasarPemrogramanTizen

Resouces

ProfilPenulis

TizenmerupakanopensourceprojectuntuksistemoperasiyangberbasismodifikasiLinuxKerneldanWebKitruntime.DenganTizen,kitadapatmenjalankanaplikasidiatasSmartphone,WearableataupuncomplaisancedevicesyangmengusungOSTizen.

BukuPanduanDasarPemrogramanTizendibuatdenganmaksuddantujuanuntukmembantuparadeveloperpemulaataudeveloperyangsudahmemilikiketrampilanmemprogramaplikasimobilebaikituWindowsPhone,AndroidataupuniOSdalammembuataplikasimobilediatasplatformTizen.

4Introduction

KataPengantarTizenadalahsistemoperasiterbuka,efisiendanfleksibelyangdibangununtukbekerjapadasemuakategoridevices.SaatiniTizentelahmenjadibagianpentingpadaekosistemdevicemanufacture,mobileoperators,appdevelopersdanISV,karenajumlahdanjenisdeviceyangmenggunakansistemoperasiiniterusbertambah,termasukdiIndonesia.Tizendirancanguntukmemenuhikebutuhanberbagaijenisindustri,sepertiautomotiveIVI(In-VehicleInfotainment),mobile,TVdanWearable.ManufacturedapatmemodifikasiTizensesuaidengankebutuhan,untukberjalandiatasspesifikasihardwareyangterbatas,sepertimemory,processordanpower.EfisiensiadalahsalahsatukeunggulanTizendibandingsistemoperasilainnya.

UntukappdevelopersdanISV,Tizenmenyediakanfasilitasuntukmembangunaplikasimenggunakannative(C/C++)danweb(HTML5/JavaScript)secaraproduktif.Karenacakupannyayangluas,developerdapatmembuataplikasiyangterkoneksiantarasemuasmartdevices,sepertiwearables,consumerelectronics(TVs,gamingconsoles,DVRs,danlain-lain),mobildanIoTappliances.BukuiniakansangatmembantudevelopersuntukmemulaieksplorasitentangTizensebagaiplatformdevelopment.DengangayapenulisanyangpraktikalbukuinidapatmempercepatprosespembelajaranhinggaandadapatmembuatprogramTizenpertamamenggunakantoolsetsepertiTizenIDE,emulatordanSDK.

PengembanganaplikasidiTizendapatdilakukandenganpendekatannative(C/C++)maupunweb(HTML5/JavaScript).DalambukuiniandaakanmencobapendekatanpertamamenggunakanANSICdanEnlightenmentFrameworkLibrary(EFL)untukmembuatprogramkalkulatorsederhana.NantikanbukuselanjutnyayangakanmengupaslebihdalammengenaiEFLobjects.

SemogabukuinimembantueksplorasiTizenanda.

RismanAdnan,Director,SamsungR&DIndonesia.

5KataPengantar

PendahuluanTizenmerupakanopensourceprojectuntuksistemoperasiyangberbasismodifikasiLinuxKerneldanWebKitruntime.DenganTizen,kitadapatmenjalankanaplikasidiatasSmartphone,WearableataupuncomplaisancedevicesyangmengusungOSTizen.

BukuPanduanDasarPemrogramanTizendibuatdenganmaksuddantujuanuntukmembantuparadeveloperpemulaataudeveloperyangsudahmemilikiketrampilanmemprogramaplikasimobilebaikituWindowsPhone,AndroidataupuniOSdalammembuataplikasimobilediatasplatformTizen.

Adaempatbabyangakandibahaspadabukuini,antaralain:

MengenalTizendanpenerapannyaPemrogramanTizenuntukPlatformWindowsPemrogramanTizenuntukPlatformLinuxPemrogramanTizenuntukPlatformMac

6Pendahuluan

PendahuluanTizenadalahperangkatlunak(software)platformberbasisopensourceyangdiperuntukanuntukberbagaiplatformsepertismartphone,wearable,tablet,netbook,smartTVdanlain-lainnya.

TizenhadirsebagaialternatifplatformlaindariAndroiddaniOSyangdiusungolehSamsung.TizendibangundariKernel-linuxmemilikiflesibilitasyangtinggisepertiAndroid.

PadababinikitaakanmengeksplorasiapadanbagaimanaTizenitusendiri.

Marikitalanjutkan.

7MengenalTizendanPenerapannya

ArsitekturUmumTizenSepertidiketahuibahwaTizendibangundiatasKernelLinux.SelanjutnyadiatasnyadibangunbeberapalibraryAPIgunamendukungaplikasiyangberjalandiatasplatformTizen.

LibraryAPIinidipergunakanuntukoperasionaldankontroldariTizenitusendiri.Komponeninimeliputi:

BaseContentLocationMessagingMultimediaSocialSystemTelephonyUIWebApplicationFrameworkNetworkSecurity

Secaraumum,pembacadapatmelihatpadagambardibawahini.

Masing-masingAPIiniakandibahaspadabukuselanjutnya.

8ArsitekturUmumTizen

PenerapandanPenggunaanTizenSepertidijelaskandiawalbahwaTizentidakhanyadiperuntukanuntukplatformsmartphonetetapiperalatanlainnya.

SalahsatuprodukTizenyangdiluncurkanuntukplatformsmartphoneadalahSamsungZ1.Andadapatmembacaspesifikasinyapadaalamatwebsitedibawahini.

http://www.samsung.com/in/consumer/mobile-devices/smartphones/others/SM-Z130HZKDINS

9PenerapandanPenggunaanTizen

SelainSamsungZ1,SamsungjugameluncurkanSamsungZ3dimanapembacadapatmelakukanreviewspesifikasinyapadaalamatini.http://www.samsung.com/in/consumer/mobile-devices/smartphones/others/SM-Z300HZKDINS

SemuaSamsungSmartTVjugamenggunakanTizenOSsebagaibagianoperationalnya.

SelainSamsungSmartTV,SamsungWearablejugamenggunakanTizenOSsebagaisistemyangditanampadaperalatantersebut.

Kalaukitabolehmenarikbenangmerahnya,denganinvestasidalammengembangkanaplikasiTizen,kitadapatmelakukaninstalasikebeberapaperalatanplatform.

10PenerapandanPenggunaanTizen

PengembanganAplikasiTizenTizendevelopmentmenawarkanbeberapatargetplatformperalatanyangcukupbanyak.Untukpengembangan,Tizenmenawarkanduaopsidalamdevelopmentyaitu:

NativeApplicationWebApplication

PadaNativeapplicationkitaakanmengembangkanaplikasiTizendalambahasaC.Keuntunganyangdidapatkanpadaopsiiniadalahkecepatandankeandalan.HalinidisebabkankitasecaralangsungmengaksesTizenAPI.

SedangkanWebapplicationdiperuntukanbagiparadeveloperyangmemilikidasarHTML5.SepertidiketahuiHTML5inijugadidukungolehplatformlainsepertiAndroid,iOS,WindowsPhone,FireOS.Keuntunganopsiini,kitadapatmempergunakantemplateHTML5yangsudahadasehinggainidapatdipakaiolehplatformlainyangberbasisHTML5.

11PengembanganaplikasiTizen

PendahuluanSDKTizenterdiridaribeberapaperangkatutamayangdibutuhkanuntukmembuatdanmenjalankanaplikasiTizen.

PadasesiinikitaakanmelakukaninstalasidankonfigurasigunamembuatdanmenjalankanaplikasiTizendiatasplatformWindows.DisinipenulisakanmenggunakansistemoperasiWindows10sebagaitestingnya.

12PemrogramanTizenuntukPlatformWindows

PersiapanuntukInstalasiSebelummemulaimelakukaninstalasiTizenpadakomputer,berikutbeberapahalyangperludisiapkanuntukmembuatdanmenjalankanaplikasiTizenpadaplatformwindows.

PerangkatKerasUntukmembuataplikasiTizenpadaplatformWindows,berikutperangkatkerasyangdibutuhkanuntukmempersiapkanenvironmentpembuatanaplikasiTizen.

Komponen Minimum Rekomendasi

KecepatanProsesor 2GHz 3GHz

TipeProsesor IntelDual-Core IntelCorei5

Memori(RAM) 3GB 4GB

KapasitasDiskkosong 6GB 10GB

SistemOperasiProsespembuatanaplikasiTizendapatberjalandenganbaikpadasistemoperasiWindows7/8/10dengantipesistemoperasi32bitmaupun64bit.

MicrosoftWindows® Minimum Rekomendasi

Windows®7 32bit 64bit

JavaDevelopmentKit(JDK)UntukmembuatdanmenjalankanaplikasiTizen,dibutuhkanJavaDevelopmentKit(JDK)versi7atausetelahnya.JDKdapatdiunduhdihalamanresmiOraclepadatautanhttp://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html.PilihdanunduhJDKyangsesuaidengantipesistemoperasiwindowsyangdigunakan.Padasaatbukuiniditulis,versiterakhirJDKadalahversi80.

13PersiapanInstalasi

BerikutmerupakantautanuntukmengunduhJDKuntukplatformWindows.

MicrosoftWindows® NamaFile Link

32Bitjdk-7u80-windows-i586.exe

http://download.oracle.com/otn-pub/java/jdk/7u80-b15/jdk-7u80-windows-i586.exe

64Bitjdk-7u80-windows-x64.exe

http://download.oracle.com/otn-pub/java/jdk/7u80-b15/jdk-7u80-windows-x64.exe

SetelahberhasilmengunduhfileJDKyangsesuai,jalankanfile.exedanikutiperintahyangditampilkan.

TizenEmulatorBerikutmerupakankomponenyangdibutuhkanagarbisamenjalankanTizenEmulatorpadaplatformWindows.

Komponen Rekomendasi

CPUCPUyangmendukungteknologiIntel®VT-x,suatuteknologivirtualisasiuntukmengemulasikanataumenjalankanTizenEmulator.Jikateknologiinitidakada,makaTizenEmulatorakanberjalandengansangatlambat.

ResolusiLayar 1280x1024

KartuGrafis

BerikutbeberapakartugrafisyangtelahdicobadandibuktikanberhasilmenjalankanTizenEmulator:

NVIDIA:GeForce8300GS,GeForce8500GT,GeForceGT220,GeForceGT430,GeForceGT530,GeForceGT330M,GeForceGTX550Ti,QuadroNVS290.

ATI:RADEONHD4850,RADEONHD5450.

Intel:HDGraphics2000,HDGraphics2500,HDGraphics4000.

Catatan:

JikakomputeryangdigunakanuntukmembuataplikasiTizenmenggunakanteknologiNvidiaOptimus,makaEmulatorakanbekerjadenganmenggunakankartugrafison-board.

KartugrafisintegratedyangterletakpadamotherboardIntelQ33/Q35/Q43/Q45tidakmendukunguntukmenjalankanemulatorTizen.

GenerasipertamakartugrafisIntelHDjugatidakmendukunguntukmenjalankanemulator.

Driver

Untukmemastikansetiapperangkatkerasyangdibutuhkandapatberjalandenganbaik,periksadaninstalldriver-driveruntuktiap-tiapperangkatkerasyangdibutuhkan.UntukWindows7/8/10,instalasidanupdatedriverbisadilakukanmelaluiControlPanel>SystemandSecurity>WindowsUpdate.

Intel®VT-x

TerdapatduacarauntukmemeriksaapakahprosesoryangdigunakanmendukungIntelVT-x.

1. PeriksaapakahprosesoryangdigunakanmendukungIntelVT-xmelaluihalamanhttp://ark.intel.com/.

2. UnduhdaninstallperangkatlunakbernamaIntelProcessorIdentificationUtilitypadatautanhttps://downloadcenter.intel.com/download/7838/Intel-Processor-Identification-Utility-Windows-VersiondanpastikanprosesormendukungIntelVT-x.

BIOS(BasicInputOutputSystem)

PastikanpengaturanpadaBIOSmemungkinkansistemoperasiuntukmenggunanakanIntelVT-x.PastikanduapengaturandibawahinienabledpadaBIOS.

IntelVirtualisationTechnologyVT-xIntelExecuteDisableBit

KebanyakanpengaturanBIOSpadakomputerterkinitelahmembuatduapengaturandiatasmenjadienabled.NamuntidakadasalahnyamemastikanbahwaBIOSsudahdiatiragartizenemulatordapatberjalandenganbaik.

Microsoft®Hyper-V

TizenemulatortidakdapatberjalanbersamaandenganMicrosoftHyper-VyangdigunakanuntukmenjalankanWindowsPhoneEmulator.UntukmenjalankanTizenEmulator,pastikanMicrosoftHyper-Vdalamkondisioff/disable.UntukmematikanMicrosoftHyper-V,bukaControlPanel>Programs>TurnWindowsfeaturesonoroff>Disable(uncheck)Hyper-V>OK.

Tunggubeberapasaathinggawindowsmemintauntukrestartkomputer.KliktomblokRestartnowuntukmenghidupkanulangkomputer.

Intel®HardwareAcceleratedExecutionManager(HAXM)

IntelHardwareAcceleratedExecutionManager(Intel®HAXM)adalahmesinvirtualisasiyangmenggunakanIntelVirtualizationTechnology(VT)untukoptimisasiprosesemulasiTizenpadakomputerdengansistemoperasiWindows®atauMacOS®.DengankombinasiTizenEmulatordanTizenSDK,Intel®HAXMmempercepatkinerjaTizenEmulator,dengankatalainTizenEmulatormenjadilebihlancar/smooth.

Intel®HAXMversi1.1.1secaradefaulttelahdiinstallbersamaandenganTizenSDK.NamunjikaTizenEmulatortidakberhasildijalankan,kitaharusinstalasiulangkembaliIntel®HAXM.

UntukinstalasiIntel®HAXM,

1. UnduhfileinstallerIntel®HAXMversi1.1.9padatautanhttp://download.tizen.org/sdk/haxm/1.1.9/win/intelhaxm-tizen.exe.

2. JalankanfileinstallerdanklikYespadadialogUserAccountControl(UAC)yang

muncul.

3. KarenaIntel®HAXMversi1.1.1secaradefaulttelahterinstalbersamaandenganTizenSDK,makaakanmunculdialogkonfirmasisepertidibawahini.KlikYesuntuk

melanjutkan.

4. KliktombolNextuntukmemulaiprosesinstalasi

KitadapatmengaksesdokumentasidenganmenekantombolIntel®HAXMDocumentation.

5. Sesuaikanjumlahmemory(RAM)yangdialokasikanuntukIntel®HAXM.

FileinstallerjugaberfungsisebagaialatkonfigurasiuntukIntel®HAXM.Jikainginmengubahpengaturanalokasimemory(RAM)yangingindigunakan,jalankankembalifileinstaller.

6. Konfirmasimemori(RAM)yangtelahdialokasikanuntukIntel®HAXMdankliktombol

Install.

7. TunggubeberapasaathinggaIntel®HAXMterinstaldengansmepurna.

8. SaatprosesinstalasiIntel®HAXMselesai,kliktombolFinishuntukmenyelesaikandankeluardariprosesinstalasi.Intel®HAXMtelahberhasildiinstaldansiapuntuk

digunakan.

UntukmemastikanIntel®HAXMberjalandenganbaik,bukaCommandPromptpadawindowsdanmasukkanperintah:scqueryintelhaxm

JikaIntel®HAXMberjalandenganbaik,CommandPromptakanmenampilkanpesanstatusyangmengindikasikanstateadalah“4RUNNING”.

KebutuhanTambahan(Opsional)

UntukmembantumengoptimisasiperformansidariaplikasiTizenyangdibuat,kitadapatmenggunakansuatuprofilingtoolbernamaT-trace.DenganT-tracepeningkatanperformansiaplikasitizendapatdilakukandenganlebihmudah.

UntukmenggunakanT-tracedisistemoperasiWindows®7/8/10,dibutuhkansuatuperangkatlunakbernamaPythondenganversi2.7.X.Padasaatbukuiniditulis,versiterkahirPythonadalahversi2.7.11.

UnduhPython2.7.11,kemudianjalankanfiledanikutiinstruksiyangditampilkan.

Catatan:AgarbisamenggunakanPythonsecaranyamandanmudahpadacommandprompt,kitaharusmembuatvariabel%PATH%padaenvironmentvariable.TambahkanvariabelbarutersebutmelaluiMyComputer>Properties>Advanced>EnvironmentVariables.

InstalasiTizenSDKPadatopikini,kitaakanmembahasprosesinstalasiTizenSDK(SoftwareDevelopmentKit)padasistemoperasiWindows.TerdapatduacarauntukmenginstalasiTizenSDK,yaituGUIInstallerdanCLIInstaller.PadatopikiniakandibahasprosesinstalasidenganGUIInstalleryangmerupakanprosesinstalasipalingmudah.

UnduhSDKTizenSDKadalahseperangkatalatyangdigunakanuntukmembuatAplikasiTizenWebdnaTizenNative.TizenSDKterdiridariIDE(IntegratedDevelopmentEnvironment),Emulator,toolchain,contohkodeprogram,anddokumentasi.AplikasiTizendapatdibuattanpaharusbergantungpadaTizenIDE,selamaaplikasiTizenmengikutiaturanpadapackagingaplikasiTizen(TizenPackagingRules).Padasaatbukuinidibuat,versiterakhirTizenSDKadalah2.4Rev3.

UntukmengunduhTizenSDK,pilihfileGUIInstallerberdasarkantipesistemoperasi.

MicrosoftWindows

®NamaFile Link

32Bittizen-web-ide_TizenSDK_2.4.0_Rev3_windows-32.exe

http://download.tizen.org/sdk/Installer/tizen-sdk-2.4-rev3/tizen-web-ide_TizenSDK_2.4.0_Rev3_windows-32.exe

64Bittizen-web-ide_TizenSDK_2.4.0_Rev3_windows-64.exe

http://download.tizen.org/sdk/Installer/tizen-sdk-2.4-rev3/tizen-web-ide_TizenSDK_2.4.0_Rev3_windows-64.exe

GUIInstallerSetelahberhasilmengunduhfileinstallerTizenSDK,instalasiTizenSDKdengancaradouble-clickpadaiconfileinstaller.

23InstalasiTizen

InstalasiSetelahberhasilmengunduhTizenSDK,jalankanfileinstallerdengancaradouble-clickpadaicon/fileinstaller.

Setelahmenjalankanfileinstaller,makaakanmunculsecuritywarning.PilihYesuntukmelanjutkanprosesinstalasi.Setelahitufileinstallerakanmengekstraksibeberapakomponenfileuntukprosesinstalasi.

24InstalasiTizen

Setelahfileinstallerselesaimengekstraksisemuakomponenyangdiperlukan,makakitaakanmendapatkanwindowpengaturaninstalasisepertidibawahini.

Padawindowpengaturaninstalasi,kitadapatmengaturlokasidirektoridimanaTizenSDKakanterinstalasi.Secaradefault,lokasiinstalasiTizenSDKuntuksistemoperasiwindowsadalahdiC:\tizen-sdk.

Pastikanlokasidirektoriyangdipilihadalahlokasidirektoriyangvalig.Jikadirektoritersebuttidakadaatautidakvalid,makafileinstallerakanmenampilkanbahwalokasidirektoritidakvalidsepertigambardibawahini.

Jikatelahselesaimengaturlokasiinstalasi,klikcheckboxAcceptuntukmenyetujuisyaratdanketentuan.Untukmemulaiinstalasi,kliktombolUnduh,tombolyangmemilikigambarpanahkebawahdikelilingiolehlingkaranberwarnabiru.

25InstalasiTizen

Setelahmenekantombolunduh,tungguprosesinstalasisampaiselesai.Jikaprosesinstalasisudahselesaimakakitaakanmelihatadabeberapaprogrambaru,yaitu

No. Nama Fungsi

1 UpdateManager

PerangkatlunakuntukmengaturdanmengunduhSDKyangdiperlukan.

2 TizenWebSimulator

Tizensimulator,mensimulasikanperangkatTizenpadawebbrowseruntukmenjalankanTizenWebApps.

3 TizenIDE PerangkatlunakuntukmembuataplikasiTizen.

DenganmenekantombolQuit,TizenSDKtelahberhasildiinstaldansiapuntukdigunakan.

26InstalasiTizen

KonfigurasiSetelahInstalasiTizenUntukmelengkapiprosesinstalasi,kitaharusmenjalankanUpdateManageruntukmengunduhSDKyangdiperlukan,terutamaTizenNativeSDK.KarenafileinstallerhanyamemberikankitaSDKTizenWeb.CaridanjalankanUpdateManager.SetelahUpdateManagerdijalankan,makakitaakanmendpaatkankotadialogsepertipadagambardibawahini.

UpdatemanagermemberikaninformasibeberapaTizenSDKyangbisadiunduhsebelummemulaiprosespembuatanaplikasi.Secaraumum,UpdateManagermemberikanTizenSDKuntukbeberapaperangkat,yaituSmartphone,SmartTVdanWearableDevice(SmartWatch).UnduhSDKyangdiinginkan,namunpastikankitamengunduhSDKterbaruuntuktiap-tiapperangkat.Pastikankomputerterhubungkeinternetsebelummemulaiinstalasi/unduhTizenSDK.

27KonfigurasiSetelahInstalasiTizen

JikakitatidakmemilikikoneksiinternetyangbaikmengunduhTizenSDK,kitadapatmelakukaninstalasiSDKmelalumenusettingdipojokkananatas.

Setelahdiklik,kitaakanmendapatkotakdialogdibawahini.KlikbagianInstallOption,danpilihSDKImage.KemudianisidenganfileSDKImageyangtelahdiunduhsebelumnya.

MengenalTizenDevelopmentIDEUntukmembukaTizenIDE,cariaplikasipadaApplicationListataudenganmenekantombolstartpadakeyboarddanmasukankatakunciTizenIDE.SetelahmembukaTizenIDE,makakitaakanmendapatkansplashscreensepertipadagambardibawahini.

Padasaatawalkitaakanditanyakanlokasidirektoriuntukbekerja(workspace).Secaradefault,TizenIDEakanmemberikanlokasiawaluntukworkspace.Pilihlokasiworkspaceyangdiinginkan,danklikcheckbox'Usethisasthedefaultanddonotaskagain'agarTizenIDEtidakmenanyakankembaliworkspacesetiapkitamembukaTizenIDE.

KliktombolOKuntukmembukaTizenIDE.DanakhirnyakitamendapatkanTizenIDEsepertiyangterlihatpadagambardibawahini.

30MengenalTizenDevelopmentIDE

Secaraumum,TizenIDEmiripdenganEclipse.Ya!karenaTizenIDEdikembangkandariEclipseIDE.PadasetiapawalmemulaiTizenIDE,kitaakandiberikanbeberapatipssepertigambardibawahini.

TizenEmulatorTidakperlumemilikiperangkatberbasisTizenuntukmengujiaplikasiTizenyangkitabuat.TizenEmulatormemungkingkankitamembuataplikasiTizendanmencobanyadengancepat.

EmulatoryangdisediakanolehTizenSDKmeniruenvironmentyangadapadaTizenDevice.DenganmenggunakanreplikasienvironmentpadaTizenEmulator,kitadapatmengujicobaaplikasiyangkitabuatsebelummendeployketargetdeviceTizenyangsesungguhnyasepertiSmartphone,Wearable(SmartWatch)danSmartTV.

UntukmembuatdanmenjalankanTizenEmulator,caridanbukaEmulatorManagerdariApplicationList.SetelahmembukaEmulatorManager,makakitaakanmendapatkanwindowsepertipadagambardibawahini.

MembuatSmartphoneTizenEmulatorUntukmembuatTizenEmulatoruntuksmartphone,pilihtabmobile,kemudiantekantombolCreateNewVM.

33MengenalTizenEmulator

Lakukanpengaturanuntuktizenemulatoryangingindibuat.Berikutbeberapapengaturanyangperludilakukan.

Pengaturan NamaAtribut Rekomendasi

NamaEmulator Name

TizenEmulator24

Kitabebasmemberikannamauntukemulatoryangakandibuat.

VersiEmulator BaseImage 2.4-mobile

Resolusi Display>Resolution HD(720x1280)

JumlahProsesor Processor 4

UkuranMemory RAMSize 1024MB

PastikanpengaturanHWSupportuntukCPUVTdanGPUadalahON/Enable.

KliktombolConfirmuntukmenyimpankonfigurasidanmembuatemulatorbaru.Berikutgambarjikaberhasilmembuatemulatorbaru.

JikakitainginmengubahkonfogurasidariTizenEmulator,kliktomboleditpadapojokkananatas.

MenjalankanSmartphoneTizenEmulatorUntukmenjalankanTizenEmulator,kliktombolrunpadaemulatoryangtelahdibuat.

SecurityalertakanmunculsaatmencobamenjalankanTizenEmulatoruntukpertamakali.KliktombolAllowaccessuntukmenjalankanemulator.

Tunggubeberapasaat.TizenemulatorakanmenampilkansplashscreensaatsebagaipertandabahwaemulatorsedangmemuatresourceyangdibutuhkanuntukmenjalankanTizenOSpadaemulator.

BerikuttampilanlockscreenTizenOSyangberjalandiatasTizenEmulator.

GeserpadalayarTizenEmulatordenganmenggunakanMouseuntukmelihatisidariTizenOS.BerikutbeberapatampilandariTizenOS.

Layaknyasebuahsmartphone,TizenEmulatorinidilengkapidengantombolmenu,home,back,powerdanjugavolume.

HelloTizenSesiinimenjelaskanbagaimanacaramembuataplikasiTizensederhanayaituHelloWorld.TutorialinimembantukitamengenaliprosespembuatanaplikasiTizensecaraNative(TizenNativeApplication),menggunakanTizenSDKdaninstalasiaplikasiyangtelahdibuatpadaemulatorataupadaTizenDevice.

Saatkitamembuataplikasiyangrumit,kitadapatmenggunakantoolsyangtelahdisertakanpadaTizenSDKuntukmemudahkanprosespembuatanfitursertadesainantarmukaaplikasi(UserInterface).

Berikutlangkah-langkahyangdiperlukanuntukmembuataplikasiTizensederhana"HelloWorld".

MembuatProyekBaruUntukmembuatproyekbaru,jalankanaplikasiTizenIDE.

PadaTizenIDE,pilihmenuFile>New>Project...

40HelloWorldTizen

PilihTizenNativeProjectsebagaitipeproyek.KemudiankliktombolNext.

PilihBasicUIsebagaitemplateproject.BerikannamauntukProjectnamedanPackagename.PilihmobilesebagaiProfile.Gunakanversi2.4sebagaiVersiondariaplikasiTizenyangakandibuat.KliktombolFinishuntukmengkonfirmasipembuatanproyekTizenbaru.

41HelloWorldTizen

Apabilaprosespembuatanprojectbarusudahselesai,kitaakanmendapatkankodeprogramsesuaidengantemplateyangdipakai.

ProyekbaruHelloWorldtelahterlihatdiProjectExplorerpadaTizenIDE.Padaprojectexplorer,terdapatfilekonfigurasiprojectbernamatizen-manifest.xmldanbeberapafilekodeprogramlainnyaseperti:

42HelloWorldTizen

folderinc:direktoriheaderfileuntukaplikasifoldersrc:direktoriCfileuntukimplementasikodeprogram

KonfigurasiAplikasiUntukkonfigurasiaplikasi,adaduahalyangbisadilakukan:

Mengubahprojectpropertiesdenganmemodifikasifiletizen-manifest.xml.Berikutmerupakanisidaritizen-manifest.xml.

Implementasikodeuntukaplikasipadahelloworld.c

SaatmembuatkodeprogramuntukaplikasiTizen,harapdiingatbahwaTizenAPImengikutibeberapaprinsipdasarberikutini:

Ownershipofreturnedstrings

Semuavariabeldengantipedatastringyangdi-returnsebagaipointerharusdihapusolehcallerkecualidibutuhkanolehbagianprogramlain.

Tidakmenghapusstringpadamemoridapatmenyebabkanmemoryleaks.Sistemmemoriyangtidakcukupdapatmemicunotifikasi'systemlowmemory',sebuahnotifikasiyangmemberikaninformasibahwamemoripadasistemtidakcukupuntuk

43HelloWorldTizen

menjalankanoperasipadaaplikasi.SistemoperasiTizenmenggunakanalgoritmaheuristicuntukmemilihdanmenghentikanaplikasiyangmenggunakanbanyakmemorikarenapenggunaanmemoriyangbesardapatmenyebabkansistemoperasimenjaditidakstabil.

char*app_id_string=NULL;

if(!app_get_id(&app_id_string))

//Useapp_id_string

if(app_id_string!=NULL)

free(app_id_string);

Handle

Sebuahhandlemenyediakansaranauntukmengelolasebuahinstanceyangterasosiasidenganhandle.HandledigunakansangatbanyakpadaTizenNativeAPIuntukalasankompatibilitas.Pembuatan(creation)danpenghancuran(destruction)fungsidisediakanuntuksetiaptipehandle.Fungsitidakmembuatdanmenghancurkanhandledengansendirinya,tetapimengasosiasikanpadainstanceyangterasosiasidenganhandleyangdiberikan.Iniberarti,handletidakvalidsampaifungsiyangdibuattelahdipanggil.Accessorfungsi(getters/setters)jugadisediakanuntukmengaksesmembersvalriabledaristrukturtersembunyiyangdiidentifikasiolehhandleyangdiberikan.

//Textmessagedirepresentasikanolehhandle

messages_message_hsms_msg;

//Buatmessagedanasosiasikandenganhandle

messages_create_message(MESSAGES_TYPE_SMS,&sms_msg);

//hapusmessage

messages_destroy_message(sms_msg);

//Mengubahpropertidaritextmessage

messages_set_text(sms_msg,"Hello,howareyou?");

messages_add_address(sms_msg,"01020157919",MESSAGE_RECIPIENT_TO);

PemanggilanfungsiAsynchronous

BeberapafungsipadaTizenNativeAPIadalahasynchronous.Sebuahfungsiasynchronousmulaimengeksekusiprosesdanreturn/kembalisebelumprosesselesaidijalankan.Padakasusini,perludibuatsuatunotifikasikepadacallersaatfungsiasynchronoustelahmenyelesaikansemuaprosesnya.

44HelloWorldTizen

Codeassist

TizenIDEmenyediakanfiturAPIassistdanAPIhoverfeaturesuntukmembuatkodeprogrampadaeditorsemakincepatdanefisien.

Saatmengubahkodeprogram,tekantombolCTRL+SPACEuntukmelihatketersediaanAPIyangdapatdigunakan.

MembuatUserInterfacedenganEFLEFLadalahsingkatandariEnlightenmentFoundationLibrary,kumpulantoolkitgrafisyangdigunakanuntukmembuataplikasiTizen.Berikutlangkah-langkahyangdilakukanuntukmembuatuserinterfaceuntukaplikasitizendenganmenggunakanEFL.

1. MenambahkanUserInterface

Untukmenambahkanuserinterfacekedalamaplikasi,perludiketahuicontainerdancomponentyangdiperlukan.Padatutorialiniadabeberapacontainerdancomponentyangdigunakan.

Sebuahwindowuntukmenyimpansemuacontainerdancomponentdiatasnya

45HelloWorldTizen

Sebuahconformant,yangmenampilkankeyboardvirtualSebuahnaviframeuntukmenampilkanbeberapascreen/tampilandiatasnyabesertatransisiantarscreen/tampilan.Sebuahboxhorizontalyangberisisebuahlabeldenganbeberapabaristeksdansebuahbutton.

2. MenambahkanApplicationSkeletondenganAppcore

Sebuahpointeruntukobjekyangpenting,baikobjekcontrol(containerataucomponent)ataupunobjekdatadalamaplikasidisimpanpadastrukturdataberikut.

typedefstructappdata

Evas_Object*win;

Evas_Object*conform;

Evas_Object*naviframe;

}appdata_s;

Strukturdatadiatasdidesainsebagaipointeruntukmenyimpanalamatmemoriuntukobjek-objekyangakandigunakanpadaaplikasi.DaristrukturdatadiatasdapatdiketahuibahwasemuacontainerdancomponentpadaaplikasiTizenbertipeEvas_Object.

Digunakanuntukmenyimpanalamatmemoridariobjekwindowyangdibuat

*conform

Digunakanuntukmenyimpanalamatmemoridariobjekconformantyangdibuat

*naviframe

Digunakanuntukmenyimpanalamatmemoridariobjeknaviframeyangdibuat

Pointeruntukstrukturdatadiatasdibuatdandiinisialisasihanyadengannilai0(nol)padafungsimain().Carayangsamajugadigunakanuntukmembuatdanmenginisialisasistrukturdatadengantipeapp_event_callback_s,yangmenyimpanfungsi-fungsicallbacksdaricoreaplikasi(app-core).

46HelloWorldTizen

staticbool

app_create(void*data)

appdata_s*ad=data;

create_base_gui(ad);

returntrue;

main(intargc,char*argv[])

appdata_sad={0,};

intret=0;

ui_app_lifecycle_callback_sevent_callback={0,};

app_event_handler_hhandlers[5]={NULL,};

event_callback.create=app_create;

event_callback.terminate=app_terminate;

event_callback.pause=app_pause;

event_callback.resume=app_resume;

event_callback.app_control=app_control;

ui_app_add_event_handler(&handlers[APP_EVENT_LOW_BATTERY],APP_EVENT_LOW_BATTERY,ui_app_low_battery,&ad);

ui_app_add_event_handler(&handlers[APP_EVENT_LOW_MEMORY],APP_EVENT_LOW_MEMORY,ui_app_low_memory,&ad);

ui_app_add_event_handler(&handlers[APP_EVENT_DEVICE_ORIENTATION_CHANGED],APP_EVENT_DEVICE_ORIENTATION_CHANGED,ui_app_orient_changed,&ad);

ui_app_add_event_handler(&handlers[APP_EVENT_LANGUAGE_CHANGED],APP_EVENT_LANGUAGE_CHANGED,ui_app_lang_changed,&ad);

ui_app_add_event_handler(&handlers[APP_EVENT_REGION_FORMAT_CHANGED],APP_EVENT_REGION_FORMAT_CHANGED,ui_app_region_changed,&ad);

ret=ui_app_main(argc,argv,&event_callback,&ad);

if(ret!=APP_ERROR_NONE)

dlog_print(DLOG_ERROR,LOG_TAG,"app_main()isfailed.err=%d",ret);

returnret;

Catatan:

UntukinformasilainnyatentangAppcore,bukaHandlingtheApplicationFundamentalspadalinkhttps://developer.tizen.org/development/tutorials/native-application/application-framework/application#fundamentals.

3. MembuatobjekGUI

47HelloWorldTizen

GUI(GraphicalUserInterface)dibuatpadafungsicreate_base_gui().Fungsitersebutmenerimasebuahpointerdengannamaaduntukdiisidenganobjek-objekdengantipeyangsesuaidengantipe-tipeyangtelahdideklarasikanpadastrukturdataappdata_s.

Buatfungsicreate_base_gui()sebagaifungsistatickarenafungsiinihanyadapatdicapaidariunitkompilasisaatini(yangmemungkinkancompileruntukmenghasilkanlebihcepatdanukurankodeprogramlebihkecil).

Didalamfungsicreate_base_gui(),buatobjekwindowdanbuat"HelloWorld"sebagainamadantitledariwindow.Tambahkansebuahcallbackpadaevent"delete,request".Callbackuntukevent"delete,request"iniakandieksekusisaatobjekwindowakanditutupolehsistem.

staticvoid

create_base_gui(appdata_s*ad)

//buatobjekwindow

//simpanobjekwindowyangdibuatkedalampointerad->win

ad->win=elm_win_util_standard_add(PACKAGE,PACKAGE);

elm_win_autodel_set(ad->win,EINA_TRUE);

//tambahkanjenisrotasiyangakandidukungpadaaplikasi

if(elm_win_wm_rotation_supported_get(ad->win))

introts[4]={0,90,180,270};

elm_win_wm_rotation_available_rotations_set(ad->win,(constint*)(&rots),4

//tambahkancallbackuntukevent"delete,request".

//callbackiniakandieksekusisaatsistemakanmenutupobjekwindow

evas_object_smart_callback_add(ad->win,"delete,request",win_delete_request_cb,

//tambahkancallbackuntukevent"backkey"

//callbackiniakandieksekusisaatusermenekantombol'back'

eext_object_event_callback_add(ad->win,EEXT_CALLBACK_BACK,win_back_cb,ad);

Selanjutnyakitaakanmembuatobjekconformantdanmeletakkannyadidalamobjekwindow.Mulaisaatini,baikcontainerdancomponentakandiletakkandidalamconformant.

48HelloWorldTizen

//buatobjekconformant

//danjadikanwindowsebagaiparentdariconformant

//simpanobjectconformantyangdibuatkedalampointerad->conform

ad->conform=elm_conformant_add(ad->win);

//buatconformantagarbisamenampilkanphoneindicator

elm_win_indicator_mode_set(ad->win,ELM_WIN_INDICATOR_SHOW);

elm_win_indicator_opacity_set(ad->win,ELM_WIN_INDICATOR_OPAQUE);

//buatagarobjekconformantmenempatisemuaspaceyangadasecaraverticaldanhorizontal

evas_object_size_hint_weight_set(ad->conform,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

//buatconformantsebagairesizeobjectdariwindow

//ukuranconformantakanberubahbersamaandenganukuranwindow

elm_win_resize_object_add(ad->win,ad->conform);

//tampilkanobjekconformant

//karenasemuaUIcontainerdancomponentsecaradefaultadalahhidden/collapsed(tersembunyi)

evas_object_show(ad->conform);

Selanjutkankitaakanmenambahkanobjectnaviframekedalamconformant.Naviframeadalahcontainersangatbergunauntukaplikasiagardapatmenampilkanbeberapascreen/tampilansecarabergantian.Naviframememungkinkanuntukmenampilkansatuscreen,mengantikescreenlainnya,kembalimenampilakanlagiscreenpertama,danbisamelakukantransisidenganbeberapascreenlainnya.

Padatutorialini,hanyaakanadasatuscreenyangdibuat.Naviframeakandibuatdandiletakkandidalamconformant.

//buatobjeknaviframe,danjadikanconformantsebagaiparentdarinaviframe

ad->naviframe=elm_naviframe_add(ad->conform);

//jadikannaviframesebagaicontentdariconformant

elm_object_content_set(ad->conform,ad->naviframe);

//tampilkannaviframe

Selanjutnyakitaakanmenambahkancontainerbox,yangdapatmenampungcomponentataucontainerlainnyasecaraverticalmaupunhorizontal.BoxadalahcontaineryangserupadenganLinearLayoutpadaAndroiddanStackPanelpadaWindowsPhone.Padatutorialini,satucontainerboxakandiletakkandidalamnaviframe.

49HelloWorldTizen

//buatobjekboxdanjadikannaviframesebagaiparentnya

Evas_Object*box=elm_box_add(ad->naviframe);

//setobjekboxagarmenampilanelementdidalamnyasecaravertical

elm_box_horizontal_set(box,EINA_FALSE);

//buatagarboxmerentangsaatcontentnyamembutuhkanlebihbanyakspace

evas_object_size_hint_weight_set(box,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

//buatboxagarmengisispaceyangadapadaparent

evas_object_size_hint_align_set(box,EVAS_HINT_FILL,EVAS_HINT_FILL);

//tambahkanboxsebagaicontainerpadanaviframe

elm_naviframe_item_push(ad->naviframe,"HelloWorld",NULL,NULL,box,NULL);

//tampilkanobjekbox

evas_object_show(box);

SelanjutnyakitaakanmenambahkansatuobjeklabelyangdapatmenampilkanteksdalambeberapabarisdenganformatmenggunakantagHTML.

//buatobjeklabeldanjadikanboxsebagaiparentdarilabel

Evas_Object*label=elm_label_add(box);

//SetteksuntuklabeldansetformatyangdigunakandengantagHTML:

//-teks"HelloWorld!"diletakkanditengahpadabarispertama

//-tambahkansatubariskosong(tag<br>)

//-Tambahkanteksyanglebihpanjangyangtidakcukupuntuksatubaris,

//teksakandiwrapkebarisberikutnya

elm_object_text_set(label,

"<align=center>HelloWorld!</align><br>"

"<br>"

"<wrap=word>Clickingonthebuttonbelowclosestheapplication.</wrap>"

//setagarlabeldapatmerentangsaat

//contentnyamembutuhkanlebihbanyakspace

evas_object_size_hint_weight_set(label,EVAS_HINT_EXPAND,

EVAS_HINT_EXPAND);

//setagarboxmengisispaceyangtersediapadahorizontalaxisdan

//terletakditengahsecaravertical(diletakkandi0.5secaravertical,

//ataudiletakkanditengahsecaravertical

evas_object_size_hint_align_set(label,EVAS_HINT_FILL,0.5);

//tambahkanlabelsebagaielementdaribox

elm_box_pack_end(box,label);

//tampilkanobjeklabel

evas_object_show(label);

50HelloWorldTizen

UIcomponentterakhiryangakanditambahkanadalahButton.Buttoniniakanmembuatkeluardariaplikasisaatditekan.

//buatobjekbuttondanjadikanboxsebagaiparent

Evas_Object*button=elm_button_add(box);

//buttonakanmerentangsaatcontentnyamembutuhkanlebihbanyakspace

evas_object_size_hint_weight_set(button,EVAS_HINT_EXPAND,

EVAS_HINT_EXPAND);

//setagarbuttonmengisispaceyangtersediapadahorizontalaxisdan

//terletakdiakhirsecaravertical(1berartibuttondiletakkan

//diakhirboxsecaravertical,

//koordinatmulaipada(0,0)dipojokkiriatas

evas_object_size_hint_align_set(button,EVAS_HINT_FILL,1);

//setteks'Close!'sebagaicontentdaributton

elm_object_text_set(button,"Close!");

//Tambahkansebuahcallbackpadabuttonuntukevent"clicked";

//fungsicallbackbernamaclicked_cb

evas_object_smart_callback_add(button,"clicked",clicked_cb,NULL);

//tambahkanbuttonsebagaielementdaribox;karenakoordinatdimulaidaripojokkiriatas,

//danboxadalahvertical,buttonakanberadadibawahlabel

elm_box_pack_end(box,button);

//tampilkanobjekbutton

evas_object_show(button);

Selanjutnyakitaakanmembuatwindowmenampilkansemuacontainerdancomponentdiatasnyapadascreen.

/*Tampilkanwindowsetelahsemuabaseguidibuat*/

evas_object_show(ad->win);

4. KeluardariAplikasi(GUI)

Fungsicallbackclicked_cb()harusdibuatagarkitabisamenghentikan/keluardariaplikasisaatbuttonditekan.Fungsicallbackuntukbuttondiberikanmelauiperintahevas_object_smart_callback_add().Letakkanfungsiclicked_cb()diatasfungsicreate_base_gui()karenabahasapemrogramanCtidakdapatmemanggilfungsiyangdideklarasikansetelah/dibawahfungsipemanggilnya.

51HelloWorldTizen

PenjelasanlebihdetailtentangcallbacksdapatmelihathalamanEvasSmartObjectEventsguidepadalinkhttps://developer.tizen.org/development/ui-practices/native-application/efl/event-handling/event-types#evas_smart_object.

Berikutmerupakanimplementasidarifungsicallbackclicked_cb().

staticvoidclicked_cb(void*user_data,Evas_Object*obj,void*event_info)

//menghentikan/keluardariaplikasi

elm_exit();

BuildingandPackagingtheApplicationSetelahsemuakodeprogramuntukaplikasiselesaidiimplementasidansebelummenjalankanaplikasi,kitaharusmelakukankompilasipadakodeprojectkitadengancaraklikkananpadafolderprojectdiProjectExplorer,kemudianbuildproject.Tunggubeberapasaatdanpastikantidakadaerrorpadakodeprogramyangkitabuat.

MenjalankanAplikasiKitadapatmenjalankanaplikasiyangtelahkitabuatpadaemulatorataupunpadaTizenDevicesepertiSmartphone,Wearable(SmartWatch),ataupunSmartTV.

SigningApplication

52HelloWorldTizen

Sebelumkitamenjalankanaplikasi,kitaharusmelakukansignpadaaplikasiyangkitabuatdenganmeng-generateauthorcertificatedanmendaftarkannyapadaTizenIDE.

JikakitatelahmemilikisertifikatyangteregistrasididalamTizenIDE,prosessignaplikasiakandilakukansecaraotomatissaatmenjalankanaplikasi.

BerikuttahapanmembuatsertifikatuntukaplikasiTizen.

1. BukapengaturanSecurityProfilesmelaluimenuWindow->Preferences>TizenSDK>SecurityProfiles.

53HelloWorldTizen

2. KemudiankliktombolAdduntukmenambahkanprofile

3. MasukkanProfileName,kemudiankliktombolOK.

4. Setelahprofileselesaidibuat,klikGenerateuntukmembuatAuhtorCertificate.KemudianisisemuafieldyangdibutuhkanpadadialogCertificateGenerator.KemudiankliktombolOKuntukmembuatcertificate.

54HelloWorldTizen

5. KlikYespadakotakdialogyangmuncul.

55HelloWorldTizen

6. Prosespembuatanprofiledanauthorcertificatetelahselesai.KemudiankliktombolApplyuntukmenggunakannya.

7. KliktombolOKuntukmengaktifkansecurityprofiledanauthorcertificateyangtelahdibuat.Kemudianlakukancleanprojectdengancaraklikkananpadafolderutama

project.

56HelloWorldTizen

8. Setelahcleanproject,makaprosespembuatandanpengaktifansecurityprofilesdanauthorcertificatetelahselesai.

MenjalankanAplikasipadaTizenEmulator

UntukmenjalankanaplikasipadaTizenEmulator,klikkananpadafolderutamaproject,kemudianpilihRunAs>TizenNativeApplication.

KemudiankotakdialoguntukTizenemulatorakanmuncul.Jikasudahpernahmembuattizenemulator,makapilihtizenemulatoryangpernahdibuat,laluklikLaunch.

57HelloWorldTizen

KlikAllowaccessjikamunculFirewallException.

TunggubeberapasaathinggaTizenOSdimuatdalamemulatordanemulatorsiapuntukdigunakan.Berikuttampilandarikodeprogramyangtelahkitabuat.

58HelloWorldTizen

JalankanProgramkeTizenDevice

Berikutmerupakanlangkah-langkahuntukmenjalankanAplikasiTizenpadaTizenDevice.

1. HubungkanSmartphoneTizenkekomputerdengankabelUSB.

59HelloWorldTizen

2. SmartphoneTizenyangdihubungkankekomputerakanterdeteksipadaConnection

ExplorerdiTizenIDE. Padagambardiatas,SamsungZ1telahterdeteksiterhubungdengankomputer.

3. PilihSmartphoneTizenyangterhubungkekomputerpadaConnectionExplorer.

4. PadaProjectExplorer,klikkananpadafolderproject,danpilihRunAs>TizenNativeApplication.Sebagaialternatif,untukmenjalankanaplikasipadaSmartphoneTizen,tekantombolPlaypadatoolbaratautekanCtrl+F11padakeyboard.Tunggubeberapasaat,makaaplikasiakanberjalanpadaSmartphoneTizen.

60HelloWorldTizen

DebuggingAplikasiBagipembacayangsudahpernahmemilikipengalamanmenggunakanIDEEclipsemakaprosesdebuggingpadaTizenIDEakanmemilikipengalamanyangsama.

61HelloWorldTizen

Cukupklikkananpadakodeprogramyangakandianalisadannantiakankeluarmenu,pilihAddBreakPoint.

Kemudianakanadabulatanwarnabirudisampingkodeprogramyangakankitalakukandebugging.

62HelloWorldTizen

SekarangkitamelakukandebuggingdengancaraklikkananpadafolderutamaprojectdanpilihmenuDebugAs>TizenNativeApplication-Attach.

CheckataucentangpadacheckboxRemembermydecision,kemudiankliktombolYes.

63HelloWorldTizen

KemudianTizenDebuggerakanberjalan.

Prosesdebuggingakanberhentipadasetiapbreakpointyangtelahkitatentukan/buat.

64HelloWorldTizen

Kliktombolikonmerah(stop)untukmengakhiriprosesdebugging.

KlikTizenNativepadabagiankananatasuntukkembalikemodecodeeditor.

Ok,cukupmudahbukanprosesdebuggingnya?

65HelloWorldTizen

ProjectTizenPertamaku:KalkulatorSederhanaPadasesiinikitaakanmembuataplikasiTizensederhanayaitukalkulatordenganmenggunakanTizenNativeApplication.

TujuanTujuandaripembuatanprojectkalkulatorsederhanainiadalahuntukbelajarbagaimanamemanfaatkankomponen-kompunenUIstandardyangdisediakanolehTizenSDKsepertilabel,grid,buttondancomponentlainnya.

MembuatProyekBaruUntukmemulaimembuatkalkulator,buatprojectbarumelaluimenuFile->New->TizenNativeProject.PilihtemplateBasicUIpadakategoriMOBILE.Berinamaprojectdanpackagename,misalkanMyCalculator.

KliktombolFinishuntukmenyelesaikanpembuatanprojectbaru.

Setelahprosespemnbuatanprojectbaruselesai,akanadaduafileyaituheaderfiledenganekstensi.hdancfiledenganekstensi.c.DengannamaprojectMyCalculatormakaakandihasilkanfilemycalculator.hdanmycalculator.c.

66ProyekTizenPertamaku

MembuatTampilan(UI)TizenPadapembuatanUIuntukaplikasikalkulator,kitaakanmenggunakanEFL(EnlightenmentFoundationLibrary)sebagaiNativeUIyangdisediakanolehTizenSDK.SemuakomponenuntukUIakandibuatpadafilemycalculator.c.

Berikutmerupakanhasilakhirdariaplikasikalkulatoryangakankitabuat.

BerikutmerupakanprosespembuatanaplikasiKalkulator.

MembuatProgramTizenBukafilemycalculator.c.Ubahstructappdatayangsemula.

Evas_Object*win;

Evas_Object*label;

}appdata_s;

Menjadi.

constchar*name;

Evas_Object*win;

Evas_Object*bg;

Evas_Object*entry;

Evas_Object*basic_content;

Evas_Object*advanced_content;

}appdata_s;

SelanjutnyakitamembuatfungsiuntukmembuatbeberapakomponenUIsepertibeberapatombolpadakalkulatorsepertitombol0,1,2...9dantombol+,-,/sejenisnya.

staticEvas_Object*

create_bg(Evas_Object*parent)

Evas_Object*bg;

if(parent==NULL)returnNULL;

bg=elm_bg_add(parent);

evas_object_size_hint_weight_set(bg,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_win_resize_object_add(parent,bg);

evas_object_show(bg);

returnbg;

staticEvas_Object*

create_conform(Evas_Object*parent)

Evas_Object*conform,*bg;

conform=elm_conformant_add(parent);

evas_object_size_hint_weight_set(conform,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_win_resize_object_add(parent,conform);

bg=elm_bg_add(conform);

elm_object_style_set(bg,"indicator/headerbg");

elm_object_part_content_set(conform,"elm.swallow.indicator_bg",bg);

evas_object_show(conform);

returnconform;

staticvoid

rotation_cb(void*data,Evas_Object*obj,void*event_info)

appdata_s*ad=data;

intcurrent_degree=elm_win_rotation_get(obj);

if(current_degree!=0&&current_degree!=180){

elm_grid_pack_set(ad->basic_content,45,3,52,94);

elm_grid_pack_set(ad->advanced_content,3,3,36,94);

}else{

elm_grid_pack_set(ad->advanced_content,-100,-100,94,94);

staticvoid

clicked_0_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

Evas_Object*entry=data;

elm_entry_entry_append(entry,"<font_size=50>0</font_size>");

staticvoid

clicked_c_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_set(entry,"<align=right>");

staticvoid

clicked_divide_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>/</font_size>");

staticvoid

clicked_multi_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>X</font_size>");

staticvoid

clicked_plus_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>+</font_size>");

staticvoid

clicked_minus_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>-</font_size>");

staticvoid

clicked_dot_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>.</font_size>");

staticEvas_Object*

create_panel_basic_content(Evas_Object*parent,appdata_s*ad)

Evas_Object*table,*button;

table=elm_table_add(parent);

elm_table_padding_set(table,10,10);

button=elm_button_add(table);

evas_object_size_hint_weight_set(button,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(button,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_object_text_set(button,"<font_size=50>C</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_c_cb,ad->entry);

elm_table_pack(table,button,0,0,1,1);

elm_object_text_set(button,"<font_size=50>/</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_divide_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>X</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_multi_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>Back</font_size>");

elm_object_text_set(button,"<font_size=50>7</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_7_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>-</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_minus_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>+</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_plus_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>()</font_size>");

elm_object_text_set(button,"<font_size=50>.</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_dot_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>+/-</font_size>");

elm_object_text_set(button,"<font_size=50>=</font_size>");

evas_object_show(table);

returntable;

staticEvas_Object*

create_panel_advanced_content(Evas_Object*parent,appdata_s*ad)

elm_object_text_set(button,"<font_size=50>x!</font_size>");

elm_object_text_set(button,"<font_size=50>sqrt</font_size>");

elm_object_text_set(button,"<font_size=50>%</font_size>");

elm_object_text_set(button,"<font_size=50>sin</font_size>");

elm_object_text_set(button,"<font_size=50>cos</font_size>");

elm_object_text_set(button,"<font_size=50>tan</font_size>");

elm_object_text_set(button,"<font_size=50>ln</font_size>");

elm_object_text_set(button,"<font_size=50>log</font_size>");

elm_object_text_set(button,"<font_size=50>1/x</font_size>");

elm_object_text_set(button,"<font_size=50>e^x</font_size>");

elm_object_text_set(button,"<font_size=50>X^2</font_size>");

elm_object_text_set(button,"<font_size=50>Y^x</font_size>");

elm_object_text_set(button,"<font_size=50>|X|</font_size>");

elm_object_text_set(button,"<font_size=50>PI</font_size>");

elm_object_text_set(button,"<font_size=50>e</font_size>");

returntable;

staticEvas_Object*

create_panel(Evas_Object*parent,appdata_s*ad)

Evas_Object*panel,*grid;

/*Panel*/

panel=elm_panel_add(parent);

elm_panel_orient_set(panel,ELM_PANEL_ORIENT_BOTTOM);

evas_object_show(panel);

/*Grid*/

grid=elm_grid_add(panel);

evas_object_size_hint_weight_set(grid,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(grid,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_object_content_set(panel,grid);

/*Panelbasiccontent*/

ad->basic_content=create_panel_basic_content(grid,ad);

evas_object_size_hint_weight_set(ad->basic_content,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(ad->basic_content,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_grid_pack(grid,ad->basic_content,3,3,94,94);

/*Paneladvancedcontent*/

ad->advanced_content=create_panel_advanced_content(grid,ad);

evas_object_size_hint_weight_set(ad->advanced_content,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(ad->advanced_content,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_grid_pack(grid,ad->advanced_content,-100,-100,94,94);

returnpanel;

staticEvas_Object*

create_entry(Evas_Object*parent)

Evas_Object*entry;

entry=elm_entry_add(parent);

elm_entry_editable_set(entry,EINA_FALSE);

elm_entry_entry_set(entry,"<font_size=50><align=right></font_size>");

evas_object_show(entry);

returnentry;

Kemudianmodifikasicreate_base_gui()dantuliskodeprogramdibawahini.

staticvoid

Evas_Object*grid,*panel;

if(elm_win_wm_rotation_supported_get(ad->win)){

introts[4]={0,90,180,270};

elm_win_wm_rotation_available_rotations_set(ad->win,(constint*)(&rots),4);

evas_object_smart_callback_add(ad->win,"wm,rotation,changed",rotation_cb,ad);

evas_object_smart_callback_add(ad->win,"delete,request",win_delete_request_cb,NULL

ad->bg=create_bg(ad->win);

ad->conform=create_conform(ad->win);

elm_win_conformant_set(ad->win,EINA_TRUE);

/*Grid*/

grid=elm_grid_add(ad->conform);

elm_object_content_set(ad->conform,grid);

/*Entry*/

ad->entry=create_entry(grid);

elm_grid_pack(grid,ad->entry,5,5,90,25);

/*Panel*/

panel=create_panel(grid,ad);

elm_grid_pack(grid,panel,0,35,100,65);

/*Showwindowafterbaseguiissetup*/

Simpan(save)semuakodeprogramyangtelahditulisdenganmenekanCtrl+spadakeyboard.

MenjalankanProgramTizenkeEmulator

Untukmemastikankodeprogramyangditulissudahbenardantidakadakesalahanlakukankompilasipadaprojectyangdibuat.Untukmelakukankompilasi,klikkananpadarootfolderproject,kemudianpilihBuildProject.

HasilkompilasinyaakanterlihatpadaConsolediTizenIDE.

Jikatidakadaerror,klikRununtukmenjalankanaplikasi.Padakotakdialogyangmuncul,pilihemulatoryangakandigunakanuntukmenjalankanaplikasi,kemudiankliktombolLaunchuntukmenjalankanaplikasipadaemulatoryangdipilih.

Tunggubeberapasaatuntukmenjalankanaplikasipadaemulator.BerikuttampilanaplikasiKalkulatoryangberjalanpadaemulator.

Lakukanpengujiandenganmenekantombolyangadapadakalkulator.

MenjalankanProgramTizenkeSmartphoneTizenBerikutmerupakanlangkah-langkahuntukmenjalankanAplikasiTizenpadaSmartphoneTizen.

1. HubungkanSmartphoneTizenkekomputerdengankabelUSB.

2. SmartphoneTizenyangdihubungkankekomputerakanterdeteksipadaConnection

ExplorerdiTizenIDE. Padagambardiatas,SamsungZ1telahterdeteksiterhubungdengankomputer.

3. PilihSmartphoneTizenyangterhubungkekomputerpadaConnectionExplorer.

4. PadaProjectExplorer,klikkananpadafolderproject,danpilihRunAs>TizenNativeApplication.Sebagaialternatif,untukmenjalankanaplikasipadaSmartphoneTizen,tekantombolPlaypadatoolbaratautekanCtrl+F11padakeyboard.Tunggubeberapasaat,makaaplikasiakanberjalanpadaSmartphoneTizen.

PendahuluanPadasesiinikitaakanmelakukaninstalasidankonfigurasigunamembuataplikasiTizendiatasplatformUbuntu.DisinipenulisakanmenggunakanUbuntu14.04.4LTS64bitsebagaitestingnya.

85PemrogramanTizenuntukPlatformLinux

PersiapanuntukInstalasiBerikutbeberapahalyangperludisiapkanuntukmembuatdanmenjalankanaplikasiTizenpadaplatformUbuntu.

PerangkatKerasBerikutmerupakanperngkatkerasyangdibutuhkanuntukmempersiapkanenvironmentpembuatanaplikasiTizen.

Komponen Minimum Rekomendasi

KecepatanProsesor 2GHz 3GHz

TipeProsesor IntelDual-Core IntelCorei5

Memori(RAM) 3GB 4GB

KapasitasDiskkosong 6GB 10GB

PerangkatLunak

SistemOperasi

UntukpenggunaOperatingSystemUbuntu,instalasiTizenSDK(SoftwareDevelopmentKit)dapatdilakukanmelaluiwebsiteresmiTizenDeveloperpadahttps://developer.tizen.org/development/tools/download.SDKinitelahmencakupIDE,Emulator,toolchain,samplecodedanjugadokumentasi.

Padahalamantersebut,pilihlahversiUbuntuyangsesuaidenganPCataulaptopanda.DisinitelahdisediakaninstalleruntukUbuntu32bitsdanjuga64bits.JikaAndatidakmengetahuiversibitUbuntuanda,andabisamengikutilangkah-langkahberikut:

BukaterminalandaKetikkanperintahUname-a,diikutidengankarakterenterJikamenggunakanUbuntu32bit,makaoutputdariinstruksiini=i686GNU/LinuxJikamenggunakanUbuntu64bit,makaoutputdariinstruksiini=x8664GNU/Linux

AdapunTizenSDKyangdibahaspadabukuinimerupakanTizen2.4Rev3SDKyangmerupakanSDKversiterbaruuntukbulanFebruari2016.PadatampilanwebsiteTizentersebut,fileutamayangperludi-downloadadalahinstallerIDE(IntegratedDevelopment

Environment).Agarprosesdownloadbisaberjalanlebihcepat,AndabisamemilihmirroruntuknegaraChina.

JavaRuntimeEnvironment(JRE)padaUbuntu

SebelummelakukaninstalasiSDK,perluandaketahuibahwaTizenSDKinimembutuhkanJavaRuntimeEnvironment(JRE)agarbisadijalankanpadaPC/laptopanda.Olehkarenaitu,andaharusmemastikanperangkatandatelahdilengkapiolehJRE.Inidapatdilakukandenganmudahdenganmengetikkanperintahjavapadaterminalanda.LaptopyangtelahterinstallJREakanmenampilkanoutputsepertigambardibawah.Sebaliknya,jikaperintahinitidakdikenal,terminalakanmenuliskan“Nocommand‘java’found”.

InstalasiJREbisadilakukandenganmengikutilangkah-langkahberikut:

1. DownloadinstallerJREpadawebsiteOracleJRE7denganlinksebagaiberikut:http://www.oracle.com/technetwork/java/javase/downloads/jre7-downloads-1880261.html

2. PilihinstalleryangsesuaidenganversiUbuntuanda.i. Linuxx86untukUbuntu32bitii. Linuxx64untukUbuntu64bit

3. Andabisamemilihsalahsatudariduatipefileyangdisediakan(rpmatautar.gz).Padabukuinikamimenggunakanfiletar.gzuntukLinuxx64(jre-7u79-linux-x64.tar.gz)

4. Setelahselesaimelakukandownload,bukakembaliterminalandadanketikkanperintah-perintahberikutpadalokasifileyangsamadenganinstalleranda

Untukmengekstrakfileinstallertar-xvfjre-7u79-linux-x64.tar.gz

BuatlahsebuahdirektorikhususuntukJavadanpindahkanfileJREkedalamnyasudomkdir-p/usr/lib/jvm/jre1.7.0

sudomvjre1.70_79/*/usr/lib/jvm/jre1.7.0/

Install/updatejavasudoupdate-alternatives--install/usr/bin/javajava

/usr/lib/jvm/jre1.7.0/bin/java0

Installdependenciessudoapt-getinstallexpect

sudoapt-getinstallgtk2-engines-pixbuf

sudoapt-getinstalllibgnome2-0

sudoapt-getinstallqemu-user-static

sudoapt-getinstalllibwebkitgtk-1.0-0

sudoapt-getinstallgettext

sudoapt-getinstallgksudo

sudoapt-getinstallmodule-init-tools

sudoapt-getinstalllibudev-dev

InstalasiTizenPadatahapini,andatelahsiapuntukmenginstallTizenSDK.Padaterminalanda,ketikanperintahberikut

chmod+xtizen-web-ide_TizenSDK_2.4.0_Rev3_singapore_ubuntu-64.bin

./tizen-web-ide_TizenSDK_2.4.0_Rev3_singapore_ubuntu-64.bin

PastikanandaberadapadadirektoridimanaandamenyimpaninstallerTizenSDK.Outputdaricommandlinetersebutakanmemberikantampilansebagaiberikut:

Untuklangkahpertama,pilihAcceptsebagaitandapersetujuanandaterhadapSoftwareLicense.Kemudianpilihbuttonlingkaranbiru,untukmemulaiprosesinstalasi.Tahapanpenginstalanakanberlangsungdengancepat.Jikaprosesinitelahselesai,pilihlahbuttonDone,danuntukselanjutnyaakanmuncultampilansebagaiberikut:

89InstalasiTizen

WindowyangmunculmerupakanpertanyaanseputarUpdateManager.PilihYes,karenapadatahapinikitaakanmelakukankonfigurasiinstalasilibrary-libraryyangdibutuhkan

90InstalasiTizen

Padabagianini,kitaakanmelakukaninstalldanupdateterhadapTizen-SDKkitamenggunakanTizenUpdateManager.Pilihcontinueuntukmelanjutkanprosesinstalasi,sehinggakomputerandamemberikantampilansebagaiberikut:

Jikaandatidakmemilikisdk-image,andabisamelakukaninstalasidenganmemilihpackageinstalasiyangandabutuhkansesuaidengangambardiatas.DisarankanandamemilihbuttoninstalluntukpackageSDKterbaru,seperti2.4Mobiledan2.31.Wearable.

BagiandayangmemilikiSDKimage,prosesinstalasibisadilakukandengancaramembukamenukonfigurasipadawindowTizenUpdateManagerpadapojokkananatas.

Kemudian,gantiInstalloptiondengan“SDKImage”danpilihlahfileisoyangandamilikiuntukmelanjutkanprosesinstalasi.Pilihbuttonconfirmuntukmemulaiinstalasi.

MengenalTizenDevelopmentIDEPadatahapiniandatelahberhasilmelakukaninstalasiTizenSDK.

Programyangtelahterinstaldapatdilihatpadafolderhome/tizen-sdk/ide.AndabisamenjalankanTizenIDEdenganmemilihiconeclipsepadafiletersebut.Opsikedua,andajugabisamenjalankanaplikasidenganmencarinyapadamenusearchUbuntu,denganmengetikkankata“tizen”.Semuaaplikasitizenyangtelahterinstallakandimunculkan,seperti,IDE,WebSimulator,Emulator,UpdateManagerdanDynamicAnalyzer.

Untuktahappertamaandadimintauntukmelakukankonfigurasialamatworkspace.Jikaandaberkenanuntukmenyimpanprojectpadadirektoridefaultsepertiyangditampilkan,pilihOK.Namun,jikatidak,pilihBrowsedanatursedemikianlokasiworkspaceyangandainginkan.

Makaakanmuncultampilanwindowsebagaiberikut:

TizenEmulatorTizenSDKtelahdilengkapidenganemulatorsehinggamemungkinkankitauntukbisamelakukansimulasiprogramtanpaharusmemilikideviceSamsungdenganOSTizen.KonfigurasiemulatorTizenDevicebisadilakukandengancaramenjalankanEmulatorManageryangtelahter-instalseiringdenganinstalasiTizenSDK.

Untukmempermudahpencarian,padamenusearchaplikasiyangadapadaUbuntuanda,ketik“Emulatormanager”,sepertigambarberikut:

PilihiconEmulatorManagertersebut,yangselanjutnyaakanmemberikantampilansebagaiberikut:

UntukmembuatEmulator/VirtualMachine(VM)baru,pilihbutton“CreateNew”yangadapadawindowdiatas,sehinggamemberikantampilansebagaiberikut:

AndabisamelakukankonfigurasisepertiName,Display,Processor,danRAMsesuaidengankebutuhandevelopment.Jikatelahsesuaidengankonfigurasiyangdiinginkanpilihconfirm

Untukmenjalankanemulator,klikbuttonpanahyangberadapadaicontizen-01diatas.SecaraotomatisemulatormanagerakanmenampilkanVMdarideviceyangtelahandasettingsebelumnyasepertigambardibawahini:

Layaknyasebuahsmartphone,emulatorTizeninidilengkapidenganbuttonmenu,home,back,powerdanjugavolume.

HelloTizenPadabagianiniakandijelaskanprosedursederhanauntukmembuatsebuahprogram“Helloworld”padaTizenSDK.

MembuatProyekBaruUntuklangkahpertama,bukaTizenIDEanda,danbuatlahprojectbarudengannama“HelloWorld”.InidilakukandenganmemilihmenuFile->New->Project.Kemudianpadawindow“NewProject”,pilihlahTizenNativeProject.

Padawindowberikutnya,andabisamenemukanbeberapatemplateyangtelahdipersiapkanolehTizenIDE.Untuktahapini,marikitagunakantemplateprojectyangpalingsederhana,yaituBasicUIApplication.Untukprojectawalkaliini,gantinamaprojectmenjadi“HelloWorld”,kemudianklikbuttonFinish.

99HelloWorldTizen

TizenIDEandaakanmemberikantampilansebagaiberikut:

100HelloWorldTizen

Projectbaruyangbarusajaandabentuk,dapatdilihatpadatabProjectExplorerdenganbeberapafolderdefault,diantaranya:

inc,merupakanfolderuntukdefaultincludepathlib,merupakanfolderuntukexternallibraryfilesres,merupakanfolderuntukresourcesfilesshared,merupakanfolderresourcefilesyangbisadi-sharedenganaplikasilainnya.src,merupakanfolderutamayangberisikankodeaplikasitizen-manifest.xml,merupakanmanifestfiledariaplikasianda.

MembuatProgramJikaandainginmelakukankonfigurasiterhadapinformasiumumaplikasianda,andabisamelakukannyadenganmemilihtizen-manifest.xmlyangadapadaProjectExplorer.TizenIDEakanmemberikantampilansebagaiberikut:

101HelloWorldTizen

Andabisamelakukankonfigurasiterhadappropertiaplikasidenganmemanfaatkantabyangberadadibawahmanifesteditor

Overview:Digunakanuntukmendefinisikaninformasiumum,seperti,applicationpackage,version,author,dandeskripsiFeatures:Digunakanuntukmendefinisikanfitursoftwaredanhardwareyangharusdimilikiagaraplikasibisadijalankandenganbaik.Privileges:DigunakanuntukmengaturprivilegesLocalization:Digunakanuntukmengatursupportedlocales,sepertilabel,deskripsi,danicon.Advanced:Digunakanuntukmendefinisikanadvancedfeaturedariaplikasi,sepertimetadata,datacontrol,applicationcontrolfunctionalities,account,danmiscellaneousoption.tizen-manifest.xml:Digunakanuntukmelakukankonfigurasimanualpadafiexml.

MenjalankanProgramSebelumkitamempelajaripotongankodedariaplikasikita,marikitajalankanaplikasikitadenganmemilihbuttonRun.

102HelloWorldTizen

BagiandayangbarupertamakalimenjalankanaplikasidiTizenIDE,andaakanmendapatipesanwarninguntukmelakukanprosesSigningsepertidibawahini:

Olehkarenaitu,aturlahkonfigurasiSigningandaterlebihdahuludenganpertama-tamamengklikPreferences>TizenSDK>SecurityPoliciesyangtertulispadawindowdiatas.Sehinggamemberikantampilanberikut:

Pertama,pilihbuttonAdd,sehinggamemunculkanwindow“ProfileName”.IsikannamaprofileyangandainginkandankemudianpilihOK.Langkahselanjutnya,pilihbuttonGenerateuntukmendapatkanAuthorCertificate.Setelahmengisikandatayangdiminta,pilihOK.DanterakhirpilihApplydanOK.

JalankanProgramkeTizenEmulator

Jalankanprogramandasekalilagi,makaakanmunculpilihanemulatorsebagaiberikut:

103HelloWorldTizen

Jikasebelumnyaandabelumpernahmembuatemulator,andabisamemilihbuttonEmulatorManagerdanmelakukankonfigurasiemulatorberdasarkanpenjelasansub-babsebelumini.Jikaandatelahmeilikiemulator,makajalankanaplikasidenganmemilihbuttonLaunch.TizenSDKsecaraotomatisakanmenjalankanaplikasiandapadaemulatoryangtelahandapilih.

JalankanProgramkePeralatanTizen

UntukmenjalankanaplikasihubungkandeviceTizenandaterlebihdahuludengankomputermenggunakankabelUSB.KemudianjalankanprogramsepertibiasadenganmenekantombolrunningpadaIDE.Padapilihantargetrunning,deviceandaakanmunculsebagai

104HelloWorldTizen

salahsatuopsi.Pilihdeviceanda,danpilihbuttonLaunch.

Penjelasantentangkodeprogram

KarenaTizenSDKdibangundenganbahasaCyangtidakmendukungkonsepOOPlayaknyajava,makakonsepstructdanpointerdiimplementasikanagarmempermudahketerbacaanprogram.

appdata_s

appdata_smerupakanobjectberupastructyangmenampungsemuakebutuhanakanEvas_Objectdariaplikasikita.AdatigaEvas_Objectyangdibutuhkanuntukmenampilkan“HelloTizen”padadeviceTizenkita,yaitu:win,conformdanlabel.

ui_app_lifecycle_callback_s

Sepertiyangdilihatpadapotongankodediatas,event_callbackmerupakanvariabledaritipedatastructbernamaui_app_lifecycle_callback_s.Structinimemilikibeberapaatributcallbackfunctionyangharusdiinisialiasiseperti:

create,fungsiyangakandipanggilketikaaplikasipertamakalidijalankanterminate,fungsiyangdijalankansekali,saataplikasiberhentidigunakanpause,fungsiyangdijalankansaataplikasitidakdigunakandalamwaktutertentudanmenjadiinvisibleterhadapuser

105HelloWorldTizen

resume,fungsiyangdipanggilsetelahfasepauseyaitusaataplikasikembalidigunakan.app_control,fungsiyangdipanggilsaataplikasilainmengirimkanrequestuntukmenjalankanaplikasiini.

Padapotongankodediatas,setiapatributinidiinisialisasidenganfungsi-fungsiyangdidefinisikanpadahelloworld.c.Sebagaicontoh,atributecreatediinisialisasidenganfungsiapp_create.

Fungsiapp_createyangadapadagambardiatasbertujuanuntukmelakukaninisialisasiUIketikaaplikasibarusajadijalankan.Padagambardiatasterlihatbahwafungsiapp_creatememanggilfungsicreate_base_gui()yangberfungsisebagaikonfigurasiUIberupawindow,conformant,danlabel“HelloTizen”yangdimunculkanpadaaplikasiHelloWorldini.

106HelloWorldTizen

Padafungsidiatas,parameterfungsiyangberupapointeryangmenunjukstructappdata_sdigunakanuntukmenginisialisasiwindowdanconformantdariaplikasiTizenkita.WindowmerupakanlayerpalingbawahdariaplikasiTizen.Untukmengisiwindowdenganelemen-elemenberupabutton,text,radiobuttondsb,diperlukansuatubaselayerbernamaconformant.

Sesuaidengankebutuhanaplikasipertamakitaini,elemenyangcukupditambahkandiatasbaselayeradalahlabel.Labelinibertuliskan<align=center>HelloTizen</align>yangkemudianditampilkansebagaicontentdiatasconformant.

app_event_handler_h

Variabelinidigunakansebagaieventhandleryangdigunakanuntukmenampungalamatfungsi-fungsihandleryangkitainginkan.Secaradefault,terdapat5eventyangdidefinisikanpadafungsimain,yaitu:

eventuntukmeng-handlekondisilowbatteryeventuntukmeng-handlekondisilowmemoryeventuntukmeng-handleperubahanorientasideviceeventuntukmeng-handleperubahanbahasa

107HelloWorldTizen

eventuntukmeng-handleperubahanformatregionatauzonawilayah

108HelloWorldTizen

ProjectTizenPertamaku:KalkulatorSederhanaMenggunakanUIBuilderPadasub-babkaliini,kitaakanmembuatsebuahprogramkalkulatorsederhanadenganmemanfaatkanfiturWYSIWYG(WhatYouSeeisWhatYouGet)dariTizenSDK.MetodeWYSIWYGinimemungkinkankitauntukmembangunUItizensecaradrag-and-drop.

MembuatProyekBaruUntuklangkahpertama,marikitabuatprojectbarubernamakalkulator.Pertama,pilihMenu>New>Project>TizenNativeProjectdankemudianpilihbuttonNext.KemudianpilihtemplateUIBuilder-SingleViewyangdiperuntukkanuntukdeveloperyanginginmembangunaplikasidengansatutampilanview.GantinamaProjectandadengan“Kalkulator”dankemudianpilihFinish.

MembuatTampilan(UI)Tizen

TampilanpertamadariIDEandaadalahwindowWYSIWYGdengansebuahfilebernamalayout.tuml.PadabagiankiriterdapatPaletteyangberisikanButton,DisplayUIComponent,InputUI,ItemContainer,UIComponentContainer,ViewContainer,danSnippets.

Tahap1-MendesainUserInterface

Perluandaketahui,bahwasebelummeletakkanberbagaiitemberupabutton,label,textviewdsb,diperlukansebuahobjectcontaineryangdigunakanuntukmenampungsemuaitem-itemini.PenjelasanterkaitcontaineryangdisediakanolehTizenSDK,bisaditemukanpadawebsitetizendevelopment,ataubukupanduankitapadaseriesberikutnya.

Untukmenyederhanakanprogramyangakankitabuat,marikitagunakanUIComponentComponentberupaGrid.ContainerGridinimemungkinkankitauntukmeletakkanberbagaiitempadasetiapzonascreenlayardevice.Langkah-langkahnya,PilihUIComponentContaineryangadapadatabPalette,kemudiandragdandropiconGridkelayardesign.Sebagaihasilnya,secaraotomatis,seluruhscreenlayarmenjadicontainerGrid.Memangtidakadaperubahanyangterlihat,tapipadatabOutlinedibagianbawah,bisadilihatbahwaViewlayoutkitamemilikianakberupacontainerGrid.

Untukmembuatkalkulatorsederhana,kitaakanmenggunakantigaitemutama,yaituButton,Label,danEntry

KetikaandamelakukandragdandropuntuksetiapitemdariPalette,perhatikantabpropertiesyangadapadapojokkananIDE.UntuksetiapitemandabisamemodifikasiIDdariitem,textyangtertulis,style,dsbpadatabAttributesdariProperties.

Padatampilandiatas,adapunbutton,label,danEntryyangdigunakanmenggunakanIDdantextsebagaiberikut:

ID Text ID Text ID Text

Button1 1 Button7 7 ButtonKurang -

Button2 2 Button8 8 ButtonKali x

Button3 3 Button9 9 ButtonBagi /

Button4 4 Button0 0 ButtonSamaDengan =

Button5 5 EntryLayar 0 ButtonReset C

Button6 6 ButtonTambah + label1 KALKULATORSAYA

Tahap2-MengimplementasikanEventListener

Padatahapini,UserInterfaceyangandainginkantelahselesaidibangun.PadatahapkeduakitaakanmengimplementasikankodeprogramterkaitEventhandlerketikabuttondi-click.PadamekanismeWYSIWYGiniandabisamelakukannyadengancaramemanfaatkanTabEventyangadapadaTabProperties,sepertigambarberikut:

Untuksetiapbuttonyangdi-klik(clicked),kitaimplementasikaneventhandlernyadenganmemilihtanda+padatabProperties/Eventsesuaidengangambardiatasdandilanjutkandenganmemilihtanda→sehinggaIDEakanmenampilkanpotonganfungsiyangdapatdiisi

sesuaidengankebutuhan.

Untuksetiapbuttonangkadari1,2,3,4,5,6,7,8,9,dan0bisadiimplementasikandenganpotongankodeberikut:

EntryLayarmerupakanIDdarilayarkalkulatorkita.Padafungsidiatas,ketikabuttonangka1diklikmakakitaakanmelakukanupdatekepadalayar.Lakukanhalserupauntukangka-angkalainnya.UntukButtonReset,aturlayarmenjadi0sepertipotongankodeberikut:

Andabisamenyesuaikanimplementasifungsisesuaidengankebutuhananda.Untukprogramkalkulatorsederhanaini,kitamenggunakanbeberapaglobalvariabelyangbisadiaksesdariberbagaifolderprogram.

Globalvariabelinidideklarasikanpadasebuahheaderfile(disinikitameletakkannyadiapp_main.h).Adabeberapaglobalvariabelyangdigunakansepertiangka,numberIsClicked,operatorIsClicked,danlength.Variabelinidigunakanuntukmembantuprosesperhitungandanvalidasibuttonketikadiklikolehuser.

Nahmudahbukan?Lakukanpulahalyangserupauntukmengimplementasikanbuttonoperatortambah,kurang,bagi,kalidanjugasamadengan.Selamatberlatih:)

PendahuluanPadasesiinikitaakanmelakukaninstalasidankonfigurasigunamembuataplikasiTizendiatasplatformMac.DisinipenulisakanmenggunakanMacOSXElCapitan(10.11.x)sebagaitestingnya.

114PemrogramanTizenuntukPlatformMac

PersiapanuntukInstalasiSecaraumum,halyangperludisiapkandalammembangunlingkunganpengembanganTizensebagaiberikut:

Perangkatkeras:MesinMac,sebisamungkindenganspesifikasiyangmemangdirancanguntukdevelopmentKapasitasmemorysebaiknyaminimal4GBataulebihKetersediahardiskkuranglebih5GB

Perangkatlunak:JavaLegacyuntukMac.InidapatdiunduhdiwebsiteApple.Sebagaicontohinihttps://support.apple.com/kb/dl1572TizenSDK.Inidapatdiunduhdihttps://developer.tizen.org/development/tools/download.DirekomendasikanunduhSDKyangterbaruuntukMac

SebelummelakukaninstalasiSDKTizen,pastikanMacandasudahterinstallXcodeuntukmemastikansemuaprasyaratdevelopmentpadaMacterpenuhi.

Langkahselanjutnya,kitaakanmelakukaninstalasiSDKTizen.

InstalasiTizenSetelahunduhfileSDKTizenuntukMacdihttps://developer.tizen.org/development/tools/download,andadapatmenjalankanfilesetup(*.dmg)sehinggaakanmendapatkankotakdialogsepertidibawahini

ProsesinstalasiinimemerlukankoneksiInternetuntukprosesupdatenya.Opsilain,andadapatunduhfileSDKImageterlebihdulu.

Padagambardiatas,klikfileinstallersehinggaandamendapatkankotakdialogsepertipadagambardibawahini.

Pilihlokasiinstalasinya.Jikasudah,klikcheckboxAccept.

116InstalasiTizen

Untukmemulaiinstalasi,kliktombollingkanyangdidalamnyaadapanahkebawah.

ProsesinstalasicukuplamauntukandayangmemilikikoneksiInternetyangpelan.

Jikasudahselesaiprosesinstalasinya,andadapatmelihatmenuUpdateManager-x.ydimanax.yadalahversidariTizenUpdateManager.

Langkahselanjutnya,kitaharusmelakukankonfigurasiTizenSDKdanEmulatornya.

117InstalasiTizen

KonfigurasiSetelahInstalasiTizenUntukmelengkapidevelopment,kitaharusmenjalankanUpdateManagersebagaibagianpostinstallation.TujuannyauntukinstalasiSDKTizenyangdidalamnyaadaDevelopmenttooldanEmulator.

KetikaUpdateManagerinidijalankan,kitaakanmendapatkankotakdialogsepertidibawahini.

PadatabAllPackages,installbagianyangingindiinstall.SebaiknyacentangbagianyangterbarumisalkanuntukMobileatauWearableataukeduanyajikakitainginmembuataplikasidengantargetMobiledanWearable.

ProsesiniakanmemerlukanwaktusesuaidengankecepatanInternetyangdimiliki.

JikapembacamelakukanunduhduluSDKimagesupayamemangkasprosesunduhdariinstalasimakakitabisakonfigurasibagiansettingnya.

Klikikonsettingsepertiyangditunjukkanpanahdigambardibawahini.

Setelahdiklik,kitaakanmendapatkotakdialogdibawahini.KlikbagianInstallOption,danpilihSDKImage.KemudianisidenganfileSDKImageyangtelahdiunduhsebelumnya.

Jikasudahprosesinstalasinya,andasudahsiapmembangunaaplikasiTizen.

MengenalTizenDevelopmentIDESetelahdiinstallsemuaSDKTizentermasukIDEnya,kitaakanmelihatmenuTizenIDEsepertiyangterlihatpadagambardibawahini.

KlikmenuTizenIDE-x.ypadamenuanda.

Pertamakalikitaakanditanyakanfolderuntukworking.Pilihfolderkerjaanda.

Jikasudah,kliktombolOK.DanakhirnyakitamendapatkanTizenIDEsepertiyangterlihatpadagambardibawahini.

Secaraumum,TizenIDEmiripdenganEclipse.Ya!!,karenaTizenIDEdikembangkandariEclipseIDE.

TizenEmulatorTidakperlumemilikiperangkatberbasisTizenuntukmengujiaplikasiTizenkitaberhasilatautidak.

TizenEmulatormemungkingkankitamembuataplikasiTizendengancepat.

DenganmengklikmenuEmulatorManager-x.ydimanax.yadalahversiaplikasi,kitaakanmendapatkanaplikasiTizenEmulatorManagersepertiyangterlihatpadagambardibawahini.

MembuatTizenEmulatorBaruKitadapatmembuatEmulatorbarumelaluiEmulatorManager.CukupklikCreateNewpadaformmenudepandibagiantabmobile.

Jikasudahdiklik,kitaakanmelihatpropertidariTizenEmulatorini.Contohtampilansepertiyangterlihatpadagambardibawahini.

IsinamaEmulatordanbeberapafiturlainnyasepertiresolusidanMemory.SesuaikandengankapasitasMacyangdimiliki.

Jikasudah,kliktombolConfirmuntukmenyimpannya.Contohhasilnyadapatdilihatpadagambardibawahini.

ApabilakitainginmengeditTizenEmulator,kitacukupklikikonEmulatordanklikikoneditsebelahkanansepertiyangterlihatpanahwarnamerahdigambardibawahini.

MenjalankanTizenEmulatorUntukmenjalankanTizenEmulator,kitadapatlangsungmengklikpanahdariEmulatoryangtelahdibuatsepertiyangterlihatpadagambardibawahini.

SelanjutnyakitaakanmelihatkotakdialogTizenEmulator.ButuhwaktuuntukmenampilkanisidariTizenOSini.

Contohhasilnyadapatdilihatpadagambardibawahini.

GeserpadalayarTizenEmulatordenganmenggunakanMouseuntukmelihatisidariTizenEmulatorini.ContohTizenSmartphoneEmulatoryangmenampilkanisibeberapaaplikasiTizen.

HelloTizenPadasesiinikitaakanmembuatapliaksisederhanayaitu"helloworld"yangmenampilkantulisanpadaaplikasiTizenMobile.

MembuatProyekBaruPadasesiinikitamenggunakanTizenIDEuntukmembuataplikasiTizendengantargetplatformMobile.

PadaTizenIDEklikmenuFile->New->Project.

Setelahdiklikmenunya,kitaakanmelihatkotakdialogpembuatanprojectbaru.PilihTizenNativeProjectpadakategoriTizen.Contohtampilannyasepertipadagambardibawahini.

132HelloWorldTizen

KemudianakanmelihatbeberapatemplateprojectyangdisediakanolehTizen.Padakasusini,kitamemilihBasicUIyangberadapadakategoriMobile-x.ydimanax.yversidariSDKnya.

Berinamaprojectsesuaikeinginan,misalkanHelloTizen.Jikasudah,kliktombolFinish.

133HelloWorldTizen

Apabilaprojectpembuatanprojectbarusudahselesai,kitaakanmendapatkankodeprogramsesuaidengantemplateyangdipakai.

134HelloWorldTizen

MembuatProgramKalaukitaperhatikan,dengantemplateBasicUI,kitaakanmelihatduafile,misalkannamaprojectHelloTizen,yaituhellotizen.hdanhellotizen.c.

135HelloWorldTizen

Kalaukitabukafilehellotizen.cdankitaperhatikanfunctioncreate_base_gui(),kitaakanmelihataplikasiiniakanmembuatGUIdanmemasukkansebuahobjeklabeldimanainidibuatdengancaramemanggilelm_label_add().

Kemudianpemberiannilaitextpadaobjeklabel,kitamenggunakanfungsielm_object_text_set().

136HelloWorldTizen

Berikutinipotongankodeprogramnya.

137HelloWorldTizen

staticvoid

/*Window*/

/*Createandinitializeelm_win.

elm_winismandatorytomanipulatewindow.*/

introts[4]={0,90,180,270};

/*Conformant*/

/*Createandinitializeelm_conformant.

elm_conformantismandatoryforbaseguitohavepropersize

whenindicatororvirtualkeypadisvisible.*/

ad->conform=elm_conformant_add(ad->win);

evas_object_size_hint_weight_set(ad->conform,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_win_resize_object_add(ad->win,ad->conform);

/*Label*/

/*Createanactualviewofthebasegui.

Modifythisparttochangetheview.*/

ad->label=elm_label_add(ad->conform);

elm_object_text_set(ad->label,"<align=center>HelloTizen</align>");

evas_object_size_hint_weight_set(ad->label,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_object_content_set(ad->conform,ad->label);

Simpansemuakodeprogramnya.

MenjalankanProgramUntukmenjalankanaplikasi,kitamelakukankompilasiprojectkitadengancaramengklikkananprojectnyasehinggakitaakanmendapatkanmenu.PilihBuildProject.

138HelloWorldTizen

JalankanProgramkeTizenEmulator

ApabilakitasudahmembuatTizenEmulator,kitadapatmenjalankandenganmengklikkananprojectdanpilihmenuRunAs.

139HelloWorldTizen

KemudiankitakanmendapatkankotakdialogTizenEmulator.PilihEmulatornya.JikasudahkliktombolLaunch.

140HelloWorldTizen

AplikasiTizenEmulatorakanrunning.

141HelloWorldTizen

Jikatidakmunculaplikasinya,lakukanRunAslagisehinggakitaakanmendapatkanaplikasimunculsepertipadagambardibawahini.

142HelloWorldTizen

JalankanProgramkePeralatanTizen

UntukmenjalankanaplikasikeTizen,kitahubungkanSmartphoneTizenkekomputerdankonfigurasikedevice.

Kemudianprosesrunningsepertibiasa.

DebuggingBagipembacayangsudahpernahmemilikipengalamanmenggunakanEclipsemakaprosesdebuggingpadaTizenIDEmemilikipengalamanyangsama.

Cukupklikkananpadakodeprogramyangakandianalisadannantiakankeluarmenu,pilihAddBreakPoint.

143HelloWorldTizen

Jikasudah,kitaakanmelihatbulatanwarnabirudisampingkodeprogram.

144HelloWorldTizen

SekarangkitamelakukandebuggingdengancaramengklikkananprojectnyadanpilihmenuDebugAs.

145HelloWorldTizen

Prosessebuggingberjalan.UntuktracebisamenggunakanF5atauF6.

Nantiprosesiniakanmasukkebreakpointyangtelahkitatentukan.

146HelloWorldTizen

Kliktombolikonmerahuntukmengakhiriprosesdebugging.

KlikTizenNativebagiankananatasuntukkembalikemodecodeeditorawalnya.

147HelloWorldTizen

Ok,cukupmudahbukanprosesdebuggingnya?

148HelloWorldTizen

ProjectTizenPertamaku:KalkulatorSederhanaPadasesiinikitaakanmembuataplikasisederhanayaitukalkulatordenganmenggunakanNativeApplication.

TujuanHalyangingindicapaidisiniadalahbagaimanakitamemanfaatkankomponenUIstandardyangdisediakanolehTizenSDKsepertilabel,grid,buttondansebagaimanya.

MembuatProyekBaruPertamakalikitamembuatprojectbarumelaluimenuFile->News->TizenNativeProject.PilihtemplateBasicUIpadakategoriMOBILE.isinamaproject,misalkanMyCalculator.

Jikasudah,kliktombolFinish.

Nantihasildariprojectinikitaakanddapatkanduafile.hdan.c.MisalkannamaprojectnyaadalahMyCalculatormakaakandihasilkanfilemycalculator.hdanmycalculator.c.

MembuatTampilan(UI)TizenPadapembuatanUIuntukaplikasikitaakanmenggunakanNativeUIbawaandariTizenAPI.Tampilanaplikasiakandibuatpadafilemycalculator.c.

Tampilanyangakandibuatsepertiyangdilihatpadagambardibawahini.

Prosesnyaakandijelaskanpadasesiselanjutnya.

MembuatProgramTizenPertamakalikitamodifikasimycalculator.c.Padastructappdatakitamodifikasi.Asalkodeprogramsebagaiberikut.

typedefstructappdata{

Evas_Object*win;

Evas_Object*label;

}appdata_s;

Diubahmenjadisebagaiberikut.

typedefstructappdata{

constchar*name;

Evas_Object*win;

Evas_Object*bg;

Evas_Object*entry;

Evas_Object*basic_content;

Evas_Object*advanced_content;

}appdata_s;

SelanjutnyakitamembuatfungsigunamenampilkanUIbeberapatombolkalkulatorsepertitombol0,1,2...9dantombol+,-,/sejenisnya.

staticEvas_Object*

create_bg(Evas_Object*parent)

Evas_Object*bg;

bg=elm_bg_add(parent);

evas_object_size_hint_weight_set(bg,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_win_resize_object_add(parent,bg);

returnbg;

staticEvas_Object*

create_conform(Evas_Object*parent)

Evas_Object*conform,*bg;

conform=elm_conformant_add(parent);

evas_object_size_hint_weight_set(conform,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

elm_win_resize_object_add(parent,conform);

bg=elm_bg_add(conform);

elm_object_style_set(bg,"indicator/headerbg");

elm_object_part_content_set(conform,"elm.swallow.indicator_bg",bg);

evas_object_show(conform);

returnconform;

staticvoid

rotation_cb(void*data,Evas_Object*obj,void*event_info)

appdata_s*ad=data;

intcurrent_degree=elm_win_rotation_get(obj);

if(current_degree!=0&&current_degree!=180){

elm_grid_pack_set(ad->advanced_content,3,3,36,94);

}else{

elm_grid_pack_set(ad->advanced_content,-100,-100,94,94);

staticvoid

clicked_c_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_set(entry,"<align=right>");

staticvoid

clicked_divide_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>/</font_size>");

staticvoid

clicked_multi_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>X</font_size>");

staticvoid

clicked_plus_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>+</font_size>");

staticvoid

clicked_minus_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>-</font_size>");

staticvoid

clicked_dot_cb(void*data,Evas_Object*objEINA_UNUSED,void*event_infoEINA_UNUSED)

elm_entry_entry_append(entry,"<font_size=50>.</font_size>");

staticEvas_Object*

create_panel_basic_content(Evas_Object*parent,appdata_s*ad)

elm_object_text_set(button,"<font_size=50>C</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_c_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>/</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_divide_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>X</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_multi_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>Back</font_size>");

elm_object_text_set(button,"<font_size=50>-</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_minus_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>+</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_plus_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>()</font_size>");

elm_object_text_set(button,"<font_size=50>.</font_size>");

evas_object_smart_callback_add(button,"clicked",clicked_dot_cb,ad->entry);

elm_object_text_set(button,"<font_size=50>+/-</font_size>");

elm_object_text_set(button,"<font_size=50>=</font_size>");

returntable;

staticEvas_Object*

create_panel_advanced_content(Evas_Object*parent,appdata_s*ad)

elm_object_text_set(button,"<font_size=50>x!</font_size>");

elm_object_text_set(button,"<font_size=50>sqrt</font_size>");

elm_object_text_set(button,"<font_size=50>%</font_size>");

elm_object_text_set(button,"<font_size=50>sin</font_size>");

elm_object_text_set(button,"<font_size=50>cos</font_size>");

elm_object_text_set(button,"<font_size=50>tan</font_size>");

elm_object_text_set(button,"<font_size=50>ln</font_size>");

elm_object_text_set(button,"<font_size=50>log</font_size>");

elm_object_text_set(button,"<font_size=50>1/x</font_size>");

elm_object_text_set(button,"<font_size=50>e^x</font_size>");

elm_object_text_set(button,"<font_size=50>X^2</font_size>");

elm_object_text_set(button,"<font_size=50>Y^x</font_size>");

elm_object_text_set(button,"<font_size=50>|X|</font_size>");

elm_object_text_set(button,"<font_size=50>PI</font_size>");

elm_object_text_set(button,"<font_size=50>e</font_size>");

returntable;

staticEvas_Object*

create_panel(Evas_Object*parent,appdata_s*ad)

Evas_Object*panel,*grid;

/*Panel*/

panel=elm_panel_add(parent);

elm_panel_orient_set(panel,ELM_PANEL_ORIENT_BOTTOM);

evas_object_show(panel);

/*Grid*/

grid=elm_grid_add(panel);

elm_object_content_set(panel,grid);

/*Panelbasiccontent*/

ad->basic_content=create_panel_basic_content(grid,ad);

evas_object_size_hint_weight_set(ad->basic_content,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(ad->basic_content,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_grid_pack(grid,ad->basic_content,3,3,94,94);

/*Paneladvancedcontent*/

ad->advanced_content=create_panel_advanced_content(grid,ad);

evas_object_size_hint_weight_set(ad->advanced_content,EVAS_HINT_EXPAND,EVAS_HINT_EXPAND);

evas_object_size_hint_align_set(ad->advanced_content,EVAS_HINT_FILL,EVAS_HINT_FILL);

elm_grid_pack(grid,ad->advanced_content,-100,-100,94,94);

returnpanel;

staticEvas_Object*

create_entry(Evas_Object*parent)

Evas_Object*entry;

entry=elm_entry_add(parent);

elm_entry_editable_set(entry,EINA_FALSE);

elm_entry_entry_set(entry,"<font_size=50><align=right></font_size>");

evas_object_show(entry);

returnentry;

Kemudiankitamodifikasifungsicreate_base_gui()dantuliskodeprogramdibawahini.

staticvoid

Evas_Object*grid,*panel;

introts[4]={0,90,180,270};

evas_object_smart_callback_add(ad->win,"wm,rotation,changed",rotation_cb,ad);

ad->bg=create_bg(ad->win);

ad->conform=create_conform(ad->win);

elm_win_conformant_set(ad->win,EINA_TRUE);

/*Grid*/

grid=elm_grid_add(ad->conform);

elm_object_content_set(ad->conform,grid);

/*Entry*/

ad->entry=create_entry(grid);

elm_grid_pack(grid,ad->entry,5,5,90,25);

/*Panel*/

panel=create_panel(grid,ad);

elm_grid_pack(grid,panel,0,35,100,65);

Simpanprogramsemuanya.

MenjalankanProgramTizenkeEmulatorPertamakalidilakukanadalahmelakukankompilasiuntukmemastikantidakadaerrorpadaprogramkita.

CukupklikkananpadaprojectkitadanpilihBuildProject.

Hasilkompilasinyabisadilihatdibagianbawahnya.

KlikRununtukmenjalankanemulatorTizen.Danpilihemulatornya.

Jikasudah,kliktombolLaunchuntukmenjalankanemulatornya.

Tekantombolpadakalkulatorsehinggahasilnyaakanmunculdilayar.

MenjalankanProgramTizenkeSmartphoneTizenUntukmenjalankankeTizensmartphone,kitacukuparahkanketargetperalatanyangsudahterhubung.

Jikasukses,kitaakanmelihataplikasinyamunculpadaTizensmartphonetersebut.

ResourcesBerikutinibeberapasumberinformasiyangdapatdigunakandalampengembanganaplikasiTizen.

ForumTizen(English),https://developer.tizen.org/forumsKumpulanCodeSnippet,https://developer.tizen.org/community/code-snippetKumpulancontohprogram,https://developer.tizen.org/community/tizen-projectsArtikel(English),https://developer.tizen.org/community/tip-tech

165Resouces

PenulisBerikutprofilepenulisdaribukuini.

Fajri,S.Kom.M.Kom.lahirdiBukittinggipadatanggal3Oktober1991.IamenyelesaikanstudiSarjanadanMagisterpadaBidangIlmuKomputerdiUniversitasIndonesiadalamwaktu4,5tahundengankeduanyameraihpredikatCumlaude.SampaisaatiniFajrimerupakanseorangpeneliti,developerdanjugadatascientistdiSamsungResearchIndonesiayangaktifbergerakdibidangPerolehanInformasi,PengolahanBahasaManusia,PembelajaranMesindanjugaTizenOperatingSystem.Karya-karyailmiahnyabisadilihatpadajournalIEEE,SpringerdanjugaACM.

166ProfilPenulis

Diselawaktunya,Fajrisenangbermainmusikdanbernyanyi(https://soundcloud.com/fajri91),berenang,membacanoveldanjugatraveling.Fajribisadihubungimelaluiakuntwitternya@FajriPhDatauwebpribadinyahttp://fajrikoto.com

GilangKusumaJati

GilangKusumaJati,S.T,M.Kom.LulussebagaiSarjanaTeknikInformatikadariInstitutTeknologiTelkomdanMagisterIlmuKomputerdariUniversitasIndonesia.GilangmemulaikarirnyasebagaiDosendiFakultasIlmuKomputerUniversitasIndonesiadenganmengajarbeberapamatakuliahPemrogramandanStrukturData.BidangketertarikannyaadalahEvolutionaryComputationdanMobileTechnology.Sejakkuliah,GilangaktifikutsertadanmemenangkanbeberapakompetisiITbaiknasionalmaupuninternasional.SaatiniGilangbekerjasebagaiLeadEngineerdiSamsungR&DInstituteIndonesia.Publikasiinternasional

167ProfilPenulis

GilangdapatdilihatpadaIEEE,SpringerdanElsevier.AplikasimobilenyajugadapatdiunduhdiGooglePlayStoredanWindowsPhoneStore.Gilangdapatdihubungimelaluiwebsitepribadinyadihttp://gilangkusumajati.com

AgusKurniawan

AgusadalahpengajardanpenelitidiFakultasIlmuKomputer-UniversitasIndonesiadanSamsungR&DInstituteIndonesia.Diajugaseorangpenulisuntuktopikteknologikomputerdaninternet.BidangketertarikannyamengenaiSekuriti,JaringanKomputer,SoftwareEngineeringdanMachineLearning.

Diselawaktunya,diamengajakkeduaanaknyabermaindanmemilikihobbyuntuktravelling,kuliner,danfoto-fotoasalmemotret.

SaatiniAgussedangmenyelesaikankuliahS3,Doktoral,padajurusanComputerScience,FreieUniversitätBerlin,Germany.Diadapatdihubungimelaluiblogpribadinyadihttp://blog.aguskurniawan.net

168ProfilPenulis

Panduan Dasar Pemrograman Tizen

Software

Transcript of Panduan Dasar Pemrograman Tizen

About Tizen Framework

Pemrograman Kompetitif Dasar - osn.toki.id · PEMROGRAMAN KOMPETITIF DASAR Panduan Memulai OSN Informatika, ACM-ICPC, dan Sederajat William Gozali & Alham Fikri Aji Ikatan Alumni

Panduan Praktikum 2010 Sistem Operasi - Suatu … · Panduan Praktikum Sistem Operasi 2010 Panduan ini berisi Slangkah-langkah mudah Pemrograman Shell Bash pada sistem Operasi Linux.

Введение в Tizen SDK · 2014-02-05 · 1 Компоненты Tizen SDK Tizen IDE Генератор сертификатов Web-симулятор Эмулятор Инжектор

Tizen introduction & architecture

Panduan Pemrograman andRoid

Tizen intro

Panduan Cepat Pemrograman Android

Essentials of Tizen UX Design/Tizen UX

Pemrograman Web dengan PHP dan MySQLdahlan.unimal.ac.id/files/diktat/pw/Buku-Pemrograman Web dengan PHP MySQL.pdf · digunakan sebagai panduan praktikum pemrograman web di perguruan

Panduan Java sebagai Pemrograman Berorientasi Objek dan Implementasi Thread

Panduan Praktikum Pemrograman Komputer Versi2014

Tizen ecosystem a_de_19nov16

PANDUAN PEMROGRAMAN BERBASIS WEB MENGGUNAKAN HTML, PHP, DAN DATABASE MYSQL (PART 2)

Архитектура ОС Tizen

Pengantar Pemrograman MATLAB - s3.amazonaws.com · 8.2 Memulai GUI ... MATLAB juga bisa dihubungkan dengan aplikasi atau bahasa pemrograman eksternal lainnya, seperti C, ... Panduan

Veille technologique Tizen

Обзор платформы Tizen

Tizen HTML5 Development

PANDUAN PRAKTIKUM PEMROGRAMAN NATIVE …...1 MODUL 1 DASAR PEMROGRAMAN KOTLIN, FLOW CONTROL CAPAIAN PEMBELAJARAN 1. Mahasiswa mampu mengimplementasikan dasar-dasar pemrograman dengan