Panduan Dasar Pemrograman Tizen

0

1

2

3

3.1

3.2

3.3

4

4.1

4.2

4.3

4.4

4.5

4.6

4.7

5

5.1

5.2

5.3

5.4

5.5

5.6

5.7

6

6.1

6.2

6.3

6.4

6.5

6.6

TableofContentsIntroduction

KataPengantar

Pendahuluan

MengenalTizendanPenerapannya

ArsitekturUmumTizen

PenerapandanPenggunaanTizen

PengembanganaplikasiTizen

PemrogramanTizenuntukPlatformWindows

PersiapanInstalasi

InstalasiTizen

KonfigurasiSetelahInstalasiTizen

MengenalTizenDevelopmentIDE

MengenalTizenEmulator

HelloWorldTizen

ProyekTizenPertamaku

PemrogramanTizenuntukPlatformLinux

PersiapanInstalasi

InstalasiTizen




HelloWorldTizen


PemrogramanTizenuntukPlatformMac

PersiapanInstalasi

InstalasiTizen




HelloWorldTizen

PanduanDasarPemrogramanTizen

2

6.7

7

8


Resouces

ProfilPenulis


3

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

http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

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.



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

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

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.



http://ark.intel.com/

https://downloadcenter.intel.com/download/7838/Intel-Processor-Identification-Utility-Windows-Version

3.

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.



http://download.tizen.org/sdk/haxm/1.1.9/win/intelhaxm-tizen.exe

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.



https://www.python.org/downloads/

https://www.python.org/ftp/python/2.7.11/python-2.7.11.msi

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


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.

*win

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;

}

int

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

https://developer.tizen.org/development/tutorials/native-application/application-framework/application#fundamentals

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

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

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


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid




{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

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



https://developer.tizen.org/development/tools/download

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



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

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.



https://support.apple.com/kb/dl1572


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


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{





}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

staticvoid


{



}

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

https://developer.tizen.org/forums

https://developer.tizen.org/community/code-snippet

https://developer.tizen.org/community/tizen-projects

https://developer.tizen.org/community/tip-tech

PenulisBerikutprofilepenulisdaribukuini.

Fajri

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

https://soundcloud.com/fajri91

http://fajrikoto.com

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

http://gilangkusumajati.com

http://blog.aguskurniawan.net

Panduan Dasar Pemrograman Tizen

Software

Transcript of Panduan Dasar Pemrograman Tizen