Pengertian Lungo Framework dan Contoh Penggunaanya

s

Sarjanabersama-Baiklah, kali ini admin akan sharing artikel mengenai penjelasan framework lungo.

Apa itu Lungo ?

Lungo adalah kerangka kerja untuk mengembangkan aplikasi lintas platform di HTML5. Aplikasi Lungo dijalankan di browser, mirip dengan kerangka kerja berbasis HTML lainnya seperti jQuery Mobile.

Prototyping di Lungo
Lungo menyediakan serangkaian kelas untuk membantu menghias markup HTML5 dasar. Markup kemudian diberikan perilaku dan interaksi berdasarkan struktur oleh Lungo, tanpa kode pengembang apa pun yang diperlukan. Filosofi Lungo adalah bahwa Anda harus dapat membuat prototipe aplikasi Anda untuk menunjukkan interaksi dasar dan aliran halaman tanpa harus menulis sendiri JS.

Pengembangan Aplikasi di Lungo
Lungo juga menyediakan API JS untuk berinteraksi dan meningkatkan prototipe. API Lungo mirip dengan fungsi umum yang akan Anda lihat di kerangka kerja seluler lainnya, seperti manipulasi DOM (melalui Quo.js ), perutean halaman dan navigasi, penyimpanan dll.

Aplikasi
Aplikasi menggunakan sebanyak mungkin kerangka kerja Lungo yang disediakan. Ada beberapa area di mana kita perlu menarik beberapa perpustakaan lain untuk mempermudah proses pengembangan (mirip dengan yang akan Anda lakukan dalam aplikasi nyata). Ketergantungan aplikasi ini adalah:
• Knockout sebagai kerangka kerja MVVM.
• Require.js sebagai implementasi AMD.
• PhoneGap sebagai pembungkus aplikasi asli.
• Maven sebagai alat pembuatan.

Lungo adalah kerangka kerja untuk mengembangkan aplikasi lintas platform di HTML5. Aplikasi Lungo dijalankan di browser, mirip dengan kerangka kerja berbasis HTML lainnya seperti jQuery Mobile.

Aplikasi yang dikembangkan dengan Lungo dapat dijalankan langsung dalam kontrol browser web. Aplikasi Lungo dikemas menggunakan PhoneGap Build , dengan konfigurasi yang ditentukan dalam file config.xml. Pengemasan dilakukan menggunakan PhoneGap Build. Komunikasi dengan server PGB dilakukan dengan plugin Maven .

Pastikan bahwa lingkungan pengembangan Anda telah diatur untuk aplikasi pembuatan dan penandatanganan PhoneGap (ikuti petunjuk pada situs web plugin, tetapi ini benar-benar sama dengan mendefinisikan server pembuatan PhoneGap di settings.xml dan mendapatkan sertifikat penandatanganan iOS / Android.

Jalankan build dengan: mvn clean install -P phonegap-build

Struktur Aplikasi

\src\assets - ikon dan splashscreens yang digunakan oleh PhoneGap, ini dihasilkan melalui sistem build PropertyCross .
\src\components - berbagai kerangka kerja JS yang digunakan implementasi ini. Folder lungo termasuk JS dan CSS untuk framework
\src\css - gaya khusus aplikasi.
\src\models - lapisan model untuk aplikasi ini, termasuk kode yang berkomunikasi dengan API Nestoria.
\src\viewModels - Model tampilan yang mengimplementasikan logika PropertyCross.
\src\application.js - Tali boot aplikasi.
\src\index.html - Menentukan berbagai tampilan untuk aplikasi.
config.xml - File XML yang digunakan oleh PhoneGap
pom.xml - File POM Maven yang digunakan untuk mengotomatiskan PhoneGap Build.
stats-config.json - Digunakan oleh build PropertyCross untuk menghitung metrik berbagi kode.


Cara Penggunaanya 

API JavaScript

Lungo memiliki beberapa metode yang digunakan di dalam mesinnya. Di sini Anda memilikinya jika Anda perlu memasukkan beberapa fungsinya dalam aplikasi Anda.

catatan() 

Sistem konsol untuk menampilkan pesan ketika Anda berada dalam mode debug.

number: Severity based in (1)Log, (2)Warn, (>2)Error string: Message to show in the console 

Contoh

Lungo.Core.log(1, "Launched event"); Lungo.Core.log(2, "Warning!!"); Lungo.Core.log(3, "Error!!!!"); 

menjalankan()

Menjalankan panggilan balik berdasarkan parameter yang diterima.

function: callback to execute  

Contoh

var myFunc = function () {   
// Lakukan sesuatu
};
 var myFunc2 = function () {   
// Lakukan sesuatu
 };
Lungo .  Inti .  mengeksekusi (myFunc, myFunc2); 

mengikat()

Menciptakan fungsi baru yang, ketika dipanggil, itu sendiri memanggil fungsi ini dalam konteks nilai yang disediakan ini, dengan urutan argumen tertentu sebelum apa pun yang disediakan ketika fungsi baru dipanggil.

object: object that 'this' can refer in the new function. function: A function object. 

Metode ini mengembalikan fungsi yang akan melakukan tindakan pada objek.

Contoh

var example = " Ini dia " ;
var addText = function ( textToAdd ) {   
 text = ini ; 
  for ( var i = 0 , len = textToAdd . length ; i < len; i ++ ) {     
  text + = " " + textToAdd [i];   
 } 
  kembalikan teks;
};
  var text = [ " an " , " example " ];
 var finalText = Lungo .  Inti .  bind (contoh, addText) (teks);
// Hasil: "Ini adalah contoh" 

campuran()

Salin dari sejumlah objek dan gabungkan semuanya menjadi objek baru. Implementasinya sederhana; cukup lewati argumen dan salin setiap properti dari setiap objek yang diteruskan ke fungsi.

object: arguments to mix them all into a new object. object: arguments to mix them all into a new object. 

Metode ini mengembalikan objek dengan campuran selesai.

Contoh

 var CONFIG_BASE = {   
nama : ' lungo_db ' ,

     versi : ' 1.0 '
 };

 var CONFIG = {   
 versi : ' 1.1 ' ;
 }

 var finalConfig = lng .  Inti .  mix ( CONFIG_BASE , CONFIG );

 / *
Hasil:
{  nama: 'lungo_db',
 versi: '1.1'
 }
 * /

isOwnProperty ()

Setiap objek yang diturunkan dari Object mewarisi metode hasOwnProperty. Metode ini dapat digunakan untuk menentukan apakah suatu objek memiliki properti yang ditentukan sebagai properti langsung dari objek itu.

object: object to test for a property's existence inside itself. string: property the name of the property to test. 

Metode ini mengembalikan boolean yang menunjukkan apakah ada properti.

Contoh

 var car = {roda : 4 , pintu : true };
 Lungo .  Inti .  isOwnProperty (mobil, " roda " );  // Hasil: benar
 Lungo .  Inti .  isOwnProperty (mobil, " sayap " );  // Hasil: salah 

mengetik()

Tentukan JavaScript internal [[Kelas]] suatu objek.

 object: object to get the real type of itself.

Metode ini mengembalikan string dengan JavaScript internal [[Kelas]]

Contoh

 var name = " Lungo " ;
Lungo .  Inti .  toType (nama);  // Hasil: "string"

toArray ()

Konversi objek mirip array menjadi array JavaScript yang benar.

object: Any object to turn into a native Array.

Metode ini mengembalikan objek dalam array sederhana.

Contoh

 var execute = function () {   
var args = lng .  Inti .  toArray ( argumen );
} 

isMobile ()

Tentukan apakah lingkungan saat ini adalah lingkungan seluler. Metode ini mengembalikan objek dengan campuran selesai. Contoh

Lungo .  Inti .  isMobile (); 

lingkungan Hidup()

Mengembalikan informasi lingkungan eksekusi.
Contoh

 Lungo .  Inti .  lingkungan (); 

orderByProperty ()

Memesan sejumlah objek dengan parameter yang diberikan.

list: List of objects. string: Name of the property. string: Type of order: asc or desc.

Metode ini mengembalikan daftar objek yang dipesan oleh properti.

Contoh

 daftar var = [   
{name : ' Lungo ' , twitter : ' lungojs ' },   
 {nama : ' Quojs ' , twitter : ' quojs ' },
 ];

 var ordered_list = lng .  Inti .  orderByProperty (daftar, ' nama ' , ' asc ' ); 

findByProperty ()

Menemukan objek dengan properti tertentu jika ada dalam daftar Objek.

list: The list with objects. string: Name of the property.  

Metode ini mengembalikan instance objek yang ditemukan, null jika tidak ditemukan.

Contoh

daftar var = [   
{name : ' Lungo ' , twitter : ' lungojs ' },   
{nama : ' Quojs ' , twitter : ' quojs ' },
];

 var user = lng .  Inti .  findByProperty (daftar, ' nama ' , ' Lungo ' ); 

Baiklah itu saja pembahasan kali ini mengenai Penjelasan Lungo Framework dan Contoh Penggunaanya, semoga bermanfaat untuk kita semua khususnya bagi pembaca. Tetap semangat, pantang menyerah dan teruslah belajar dan terus belajar. Semoga sukses. Selamat mencoba. Terimakasih ...


Baca juga : Tips membeli memori komputer (RAM)
Baca juga : Windows 10, Keuntungan dan Kekurangannya