Dimana Mencari Data Penawaran Saham Ipo

Dimana mencari data penawaran saham ipo

Dalam seri tutorial ini, saya akan mengajarkan Anda cara membuat aplikasi penawaran saham dengan Raphael JS, Titanium Mobile, dan layanan web YQL dri Yahoo. Grafik Raphael JS akan digunakan untuk menyajikan informasi penawaran saham secara grafikal, Titanium Mobile akan digunakan untuk meng-cross-compile aplikasi iOS asli, dan tabel data YQL benar-benar akan mengambil informasi saham.

Pengantar Yahoo YQL & Raphael JS

YQL adalah bahasa mirip SQL yang memungkinkan Anda untuk kueri, menyaring dan menggabungkan data dari berbagai sumber di jaringan Yahoo!

Apa Itu IPO?

dan sumber data terbuka lainnya. Biasanya, akses pengembang ke data dari berbagai sumber daya berbeda dan memerlukan panggilan ke beberapa API dari penyedia yang berbeda, seringkali dengan berbagai format feed.

Dimana mencari data penawaran saham ipo

YQL menghilangkan masalah ini dengan menyediakan endpoint tunggal untuk melakukan kueri dan membentuk data yang Anda minta.

Dalam tutorial ini, kita akan menggunakan tabel data terbuka YQL yang disediakan oleh Yahoo Finance untuk mengambil dan menyajikan informasi penawaran saham.

Presentasi informasi ini adalah di mana grafik Raphael JS masuk. Bagan dan grafik adalah cara termudah dan paling logis untuk menyajikan garis waktu data keuangan, dan Titanium Mobile tidak dilengkapi dengan API pembuatan grafik asli.

Unsupported browser

Raphael adalah sumber-terbuka dan berlisensi MIT, dan untungnya sangat ramah mobile karena ditulis dalam JavaScript standar, mempertahankan jejak proses rendah, dan benar-benar me-render dalam format SVG yang berarti dapat dengan mudah diubah ukurannya untuk menyesuaikan layar mobile apa pun tanpa penurunan kualitas gambar!

Pratinjau Aplikasi Akhir

Berikut ini adalah pratinjau aplikasi yang akan kami susun dalam seri ini:

Langkah 1: Membuat Sebuah Proyek Baru

Buka Titanium Developer dan buat proyek baru.

Anda dapat memberikan nama proyek apa pun yang Anda inginkan, tetapi saya akan menggunakan judul "StockQuotes" untuk kesederhanaan. Sekarang adalah saat yang tepat untuk mengunduh file sumber untuk proyek ini juga.

Unduh dan unzip file proyek yang terlampir pada posting ini dan salin folder "images" ke dalam direktori "Resources" dari proyek Titanium baru Anda.

Alibaba IPO Ke-2 di Hong Kong, Menarikah Valuasi Sahamnya

Secara default, Titanium juga menyertakan dua file ikon di root direktori "Resources" Anda yang bernama KS_nav_ui.png dan KS_nav_views.png - kita tidak memerlukannya jadi lanjutkan dan pindahkan kedua hal ini ke trash.

Langkah 2: Membuat Antarmuka Dasar

Buka file app.js, di root direktori "Resources" Anda, ke editor favorit Anda. Kita tidak memerlukan kode yang dihasilkan secara otomatis, jadi hapus semuanya dan ganti dengan yang berikut:

// This sets the background color of the master UIView Titanium.UI.setBackgroundColor('#000'); // Create the application window var win1 = Titanium.UI.createWindow({ backgroundImage: 'images/background.png' }); // Create the title label for our app var titleLabel = Titanium.UI.createLabel({ text: 'Search Quotes', color: '#fff', height: 20, width: 320, top: 6, textAlign: 'center', font: {fontSize: 15, fontFamily: 'Helvetica', fontWeight: 'bold'} }); win1.add(titleLabel); //Create the scroll area, all our content goes in here var scrollArea = Titanium.UI.createScrollView({ top: 40, width: 320, height: 420, contentHeight: 'auto' }); // Create the stock quote search box var searchBox = Titanium.UI.createView({ width: 300, left: 10, top: 10, height: 50, borderRadius: 5, backgroundImage: 'images/gradient-small.png' }); scrollArea.add(searchBox); // Create the quote information box var quoteInfoBox = Titanium.UI.createView({ width: 300, left: 10, top: 70, height: 200, borderRadius: 5, backgroundImage: 'images/gradient.png' }); scrollArea.add(quoteInfoBox); // Create the quote chart box var quoteChartBox = Titanium.UI.createView({ width: 300, left: 10, top: 280, height: 300, borderRadius: 5, backgroundImage: 'images/gradient.png' }); scrollArea.add(quoteChartBox); // This small view just adds 10px of padding to the bottom of // our scrollview (scrollArea) var emptyView = Titanium.UI.createView({ height: 10, top: 580 }); scrollArea.add(emptyView); // Add the scrollview to the window win1.add(scrollArea); // Open the window win1.open();

Apa yang telah kita lakukan di atas adalah menciptakan cangkang yang sederhana dan bergaya bagus untuk aplikasi kita.

Ada ruang di bagian atas untuk membuat bidang pencarian, dan dua lagi kotak kosong untuk menempatkan informasi saham dan bagan kita. Semua ini telah ditambahkan ke ScrollView sehingga kita dapat dengan mudah menggulir aplikasi kita untuk melihat informasi apa pun yang disembunyikan dari batas-batas layar.

Bitcoin trade en temps reel

Jalankan aplikasi Anda di emulator iPhone dan sekarang seharusnya terlihat seperti gambar di bawah ini:

Langkah 3: Membuat Bidang Pencarian

Langkah selanjutnya adalah membuat bidang teks dan tombol pencarian yang akan digunakan pengguna untuk berinteraksi dengan aplikasi kita dengan menyediakan simbol saham (misalnya APPL untuk Apple Computers) untuk dicari.

Masukkan kode berikut sebelum baris di mana Anda menambahkan objek Anda ke (baris 39).

// This is the input textfield for our stock code var txtStockCode = Titanium.UI.createTextField({ hintText: 'Stock code, e.g. APPL', borderWidth: 0, width: 200, left: 10, height: 30, font: {fontSize: 14, fontColor: '#262626', fontFamily: 'Helvetica'}, autoCorrect: false, autocapitalization: Titanium.UI.TEXT_AUTOCAPITALIZATION_ALL }); searchBox.add(txtStockCode); // Create the search button from our search.png image var btnSearch = Titanium.UI.createButton({ backgroundImage: 'images/search.png', width: 80, height: 30, right: 10, borderRadius: 3 }); // Add the event listener for this button btnSearch.addEventListener('click', searchYQL); searchBox.add(btnSearch);

Apa yang kita capai di atas adalah untuk membuat dua komponen masukan yang diperlukan bagi pengguna untuk memasukkan data (penawaran saham dalam kasus ini) dan untuk melakukan tindakan berdasarkan masukan tersebut dengan mengetuk tombol pencarian.

Dimana mencari data penawaran saham ipo

Jika Anda belum menyadarinya, objek tombol kami memiliki event listener yang akan diaktifkan setiap kali pengguna menyentuhnya dan memanggil fungsi bernama .

Jika Anda menjalankan aplikasi di emulator sekarang, Anda akan berakhir dengan layar kesalahan merah besar karena kita belum membuat fungsi ini.

BEI SIAPKAN SISTEM PENAWARAN SAHAM PERDANA SECARA ONLINE

Mari lakukan itu sekarang.

Masukkan berikut ini di bagian atas file app.js Anda, setelah baris :

// This function is called on search button tap, it will query YQL for our stock data function searchYQL() { }

Jika Anda belum melakukannya, simpan file app.js Anda dan jalankan di emulator.

Anda seharusnya melihat layar yang serupa dengan yang di bawah ini:

Langkah 4: Mencari Penawaran Saham Menggunakan Yahoo YQL

Sekarang, sebelum kita mencari YQL untuk informasi tentang saham kita, kita perlu membuat beberapa label dan gambar yang akan masuk ke dalam quoteInfoBox kita dan menyajikan informasi itu kepada pengguna.

Best student loan payment options

Ini adalah proses yang cukup sederhana. Kode berikut harus ditempatkan sebelum Anda menambahkan ke on baris 93.

// Add the labels and images we need to show some basic stock information var lblCompanyName = Titanium.UI.createLabel({ width: 280, height: 30, left: 10, top: 10, color: '#003366', font: {fontSize: 17, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'No company selected' }); quoteInfoBox.add(lblCompanyName); var lblDaysLow = Titanium.UI.createLabel({ width: 280, height: 20, left: 10, top: 50, color: '#000', font: {fontSize: 14, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'Days Low: ' }); quoteInfoBox.add(lblDaysLow); var lblDaysHigh = Titanium.UI.createLabel({ width: 280, height: 20, left: 10, top: 80, color: '#000', font: {fontSize: 14, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'Days High: ' }); quoteInfoBox.add(lblDaysHigh); var lblLastOpen = Titanium.UI.createLabel({ width: 280, height: 20, left: 10, top: 110, color: '#000', font: {fontSize: 14, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'Last Open: ' }); quoteInfoBox.add(lblLastOpen); var lblLastClose = Titanium.UI.createLabel({ width: 280, height: 20, left: 10, top: 140, color: '#000', font: {fontSize: 14, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'Last Close: ' }); quoteInfoBox.add(lblLastClose); var lblVolume = Titanium.UI.createLabel({ width: 280, height: 20, left: 10, top: 170, color: '#000', font: {fontSize: 14, fontWeight: 'bold', fontFamily: 'Helvetica'}, text: 'Volume: ' }); quoteInfoBox.add(lblVolume);

Setelah label dan gambar panah pergerakan saham kita telah ditambahkan, Anda seharusnya dapat menjalankan emulator dan berakhir dengan layar seperti ini:

Sekarang mari kita lakukan sesuatu yang berguna dengan tata letak ini dan mengisinya dengan data saham dari Yahoo!

Untuk melakukan itu kita perlu memperluas fungsi searchYQL() kosong kita dan melakukan pencarian terhadap tabel data keuangan Yahoo YQL menggunakan kombinasi sintaks YQL dan metode Titanium.Yahoo.yql() dari Titanium.

// This function is called on search button tap.

Post navigation

It will query YQL for our stock data function searchYQL() { // Do some basic validation to ensure the user has entered a stock code value if(txtStockCode.value != '') { txtStockCode.blur(); //hides the keyboard // Create the query string using a combination of YQL syntax and the value of the txtStockCode field var query = 'select * from yahoo.finance.quotes where symbol = "' + txtStockCode.value + '"'; // Execute the query and get the results Titanium.Yahoo.yql(query, function(e) { var data = e.data; // Iff ErrorIndicationreturnedforsymbolchangedinvalid is null then we found a valid stock if(data.quote.ErrorIndicationreturnedforsymbolchangedinvalid == null) { //we have some data!

let's assign it to our labels etc lblCompanyName.text = data.quote.Name; lblDaysLow.text = 'Days Low: ' + data.quote.DaysLow; lblDaysHigh.text = 'Days High: ' + data.quote.DaysHigh; lblLastOpen.text = 'Last Open: ' + data.quote.Open; lblLastClose.text = 'Last Close: ' + data.quote.PreviousClose; lblVolume.text = 'Volume: ' + data.quote.Volume; lblPercentChange.text = data.quote.PercentChange; //if the previous close was equal or higher than the opening price, the //stock direction is up...

Dimana mencari data penawaran saham ipo

otherwise it went down! if(data.quote.PreviousClose >= data.quote.Open) { imgStockDirection.image = 'images/arrow-up.png'; } else { imgStockDirection.image = 'images/arrow-down.png'; } } else { //show an alert dialog saying nothing could be found alert('No stock information could be found for ' + txtStockCode.value + '!'); } }); } else { alert('You must provide a stock code to search upon, e.g.

AAPL or YHOO'); } }

Jadi, apa yang sebenarnya terjadi di sini dalam fungsi ? Pertama, kita melakukan validasi dasar pada bidang teks untuk memastikan pengguna telah memasukkan penawaran saham sebelum menekan pencarian. Jika penawaran saham ditemukan, kita menggunakan metode dari bidang teks untuk memastikan keyboard menjadi tersembunyi. Daging dari kode berputar di sekitar membuat kueri Yahoo YQL menggunakan sintaks yang benar dan menyediakan nilai bidang teks sebagai parameter simbol.

Mekanisme IPO

Kueri YQL ini hanyalah sebuah string, digabungkan bersama menggunakan simbol + seperti yang Anda lakukan dengan manipulasi string lainnya di JavaScript. Kita kemudian mengeksekusi permintaan kita menggunakan metode , yang mengembalikan hasil dalam objek 'e' dari fungsi inline.

Data di dalam objek 'e' hanyalah JSON, format data cepat yang umum, cepat ditemukan di mana-mana di web dan dengan semua API utama. Menggunakan data ini adalah masalah notasi titik sederhana.

Dalam kode kita, kita pertama kali memeriksa properti bernama data.quote.ErrorIndicationreturnedforsymbolchangedinvalid untuk memastikan bahwa simbol yang dimasukkan pengguna adalah kode saham yang valid.

Dimana mencari data penawaran saham ipo

Jika ya, kita dapat menetapkan semua nilai ke label kita! Terakhir, kita melakukan pengecekan untuk melihat apakah harga saham ditutup lebih tinggi dari pembukaannya, jika demikian maka kita dapat menetapkan gambar pergerakan saham ke panah hijau "up", yang menandakan kenaikan dalam nilainya.

Jika jatuh nilainya, kita bisa memindahkan gambar ke panah merah, "down".

Jalankan kode di emulator Anda dan masukkan kode, seperti AAPL.

Contact Form

Anda harus mendapatkan layar berikut dengan data serupa yang dikembalikan setelah menekan tombol pencarian:

Waktu Berikutnya. . .

Dalam tutorial berikutnya dalam seri ini, yang akan diterbitkan minggu depan, saya akan memandu Anda melalui pengaturan perpustakaan grafik Raphael JS, menyiapkan web view untuk menampilkan grafik, mengumpulkan data historis saham dengan YQL, dan, tentu saja, menggambar representasi grafik sebenarnya di layar untuk pengguna!

Pastikan untuk berlangganan melalui RSS atau Twitter jika Anda ingin diberitahu ketika posting berikutnya dirilis!

Decentralized in cryptocurrency means