Analytics

วันพุธที่ 30 มกราคม พ.ศ. 2556

การ Apply ไปใช้ บน Tizen



Tizen นั้นเป็น OS ที่ตั้งอยู่บนฐานของ Linux เหมือน Android แต่ลักษณะการเขียน code นั้นจะมีลักษณะเป็น JQuery โดยใช้ JavaScript เป็น code หลักอยู่แล้ว การทำ App บน Tizen ถ้าใช้ฐานของมูลบน Web Application โดยไม่ต้องแปลง code ไปอยู่ใน App ของ Tizen ก็ให้เลือกสร้าง App แบบหน้าเดียวบน Tizen แล้วเปลี่ยน code ใน main.js เป็นดังนี้


//Initialize function
var init = function () {
    // TODO:: Do your initialization job
    window.location.href = "http://www.wathost.org/car/car.php";
    console.log("init() called");
};
$(document).ready(init);


การเขียน Aplication บน Android ตอนที่ 2

เมื่อ web application บน host ของเราเสร็จแล้ว ก็ถึงเวลาที่ต้องทำตัว App ที่ต้อง Upload ขึ้นไปบน Play Store โดยดาวน์โหลด Eclipse version Juno แบบธรรมดา แล้ว ดาวน์โหลด Android SDK แต่ปกติจะ ดาวน์โหลดแบบชุด ADT Bundle ลงมาเลย

ให้สร้าง New Project โดย Click Other...


แล้วเลือก Android Application Project


ตั้งชื่อ Application Name ส่วนใหญ่ตรงกับชื่อ Project Name ส่วน Package ส่วนใหญ่ใช้ชื่อของเราต่อด้วย . แล้วตามด้วยชื่อแอป เช่น hiosk.oldcartrade

การตั้ง minimum และ Target SDK ให้ยืนตาม ค่าแนะนำไป เพราะ App ของเราไม่ได้ซับซ้อนมากเป็นเพียงการ loadUrl หน้าเว็ปเพจที่เป็น JQuery จากตอนที่ 1 ลงมาใน App เท่านั้น


การเขียน Application บน Android ตอนที่ 1

จะแนะนำการเขียน Application บน Android แบบง่าย คือใช้ JQuery JavaScript ในการทำหน้าเพจ เลียนแบบการทำงานของ App ในโทรศัพท์ไว้บน Host ของเราก่อน วิธีการเขียน JQuery ให้ใช้ Listing โหลดและอ่านวิธีใช้เป็นภาษาอังกฤษได้ที่ http://jquerymobile.com/ โดยปกติเราจะใช้รูปแบบของ Thumbnail ในการเขียน

ลักษณะของ Code เป็นดังนี้
<div data-role="content">
		<div class="content-primary">	
		<ul data-role="listview">
			<li><a href="index.html">
				<img src="images/album-bb.jpg" />
				<h3>Broken Bells</h3>
				<p>Broken Bells</p>
			</a></li>
			<li><a href="index.html">
				<img src="images/album-hc.jpg" />
				<h3>Warning</h3>
				<p>Hot Chip</p>
			</a></li>
                 </ul>
                 </div>
</div>
อธิบายคือให้ใช้ tag <ul data-role="listview"> ใน <div class="content-primary">

สำหรับส่วนหัวของ Code เป็นดังนี้
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Lists with Thumbnails</title> 
	<link rel="stylesheet"  href="../../css/themes/default/jquery.mobile-1.3.0-beta.1.css" />  
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>

	<script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="../../docs/_assets/js/jqm-docs.js"></script>
	<script src="../../js/jquery.mobile-1.3.0-beta.1.js"></script>

</head> 
อธิบาย มีการเรียกใช้ .css หรือคือ StyleSheet 2 ไฟล์ .js 3 ไฟล์

 
 
 
 
 

วันอังคารที่ 29 มกราคม พ.ศ. 2556

App ราคารถใหม่ป้ายแดง

วางตลาดแล้ว App ราคารถใหม่ป้ายแดง เป็น App ที่รวบรวมราคารถใหม่ไว้อย่างครบถ้วน เปิดให้ ดาวน์โหลดได้ฟรีที่ Google Play Store