It Just My Freak Story

0 komentar Selasa, 14 Juni 2011

In this tutorial you will be introduced with one of the most popular framework for developing mobile web : jQuery Mobile

What is jQuery Mobile ?
jQuery Mobile is a Touch-Optimized web framework for smartphone and tablets. It based on one of the most popular javascript library : jQuery

Getting Started
jQuery Mobile is very unobstrusive as it doesn’t mandate the inclusion of various Javascript files and also there is no need to use Heavy Javascript Calls to achieve the end results. However, you need to include the Core jQuery Mobile Library and the Minified CSS to start with.
Okay, we are starting with simple example:

<!DOCTYPE HTML>

<html>

<head>

<meta name="viewport" content="width=320; user-scalable=no" />

<meta http-equiv="Content-type" content="text/html; charset=utf-8">

<title>jQuery Mobile Demo</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />

<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>

<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

</head>

<body>

<div data-role="page" id="indexPage">

<div data-role="header">

<h1>vWap SMS Template</h1>

</div>

<div data-role="content">

<ul data-role="listview">

<li>

<a href="#createNewPostPage">Create New Post</a>

</li>

<li>

<a href="#readBlogPage">Read Blog</a>

</li>

<li>

<a href="#aboutMobileBlogPage">About MobileBlog</a>

</li>

</ul>

</div>

<div data-role="footer">

<h1>- MobileBlog -</h1>

</div>

</div>

<div data-role="page" id="head">

</div>

</body>

</html>

The result will be like this :

Diposkan olehTyo

di19.06

0 komentar

Auto Shutdown on Windows

0 komentar Selasa, 19 April 2011

I think this post may be usefull or not. This help me solve my problem which I usually fall asleep in front of my lap top. To do auto shutdown is very simple. All you need to do is just opening your command prompt and then write :

shutdown -s -t 3600

the time parameter above can be changed. Please note that it is in second. To cancel it, you can write :

shutdown/a

Hope this will help you all. :)

Diposkan olehTyo

di15.57

0 komentar

PHP Basic | Creating your first PHP script

0 komentar Rabu, 09 Maret 2011

In this tutorial I`ll show you how to write and run PHP script. All you need is just text editor and web browser, also you need apache installed in your machine. You can find introduction here. Assuming you are using XAMPP installed in windows platform.

1. Open your text editor i.e notepad but not word precessor like MS Office or Open Office. Then write following code on your notepad :

echo "Hello world, this is my first php script";

2. Save it to your localhost folder, for default of windows, it will be C:\xampp\htdocs. Change save as file type to all type and name it test.php

3. Open your browser and type htpp://localhost/test.php then you will see the text you just type which is Hello world, this is my first PHP script. Please note that if you place test.php inside another folder, not in htdocs root i.e on mine/test.php. So you must write the url http://localhost/mine/test.php

Diposkan olehTyo

di06.23

0 komentar

PHP Basic | Introduction

0 komentar

PHP : Hypertext Preprocessor is a general-purpose scripting language that was originally designed for web development to produce dynamic page. PHP is one of the easiest server-side programming language. It can be procedural which easy for beginner while it can be object oriented for expert use.

PHP syntax is based on C and C++ syntax. So, it means that if you are familiar with them, you will be easy to learn PHP. Before you try some tutorial about php in this site, you have to install apache in your PC. You can find how to install apache easily on apachefriends.org. You will see download link there. You have to download the software named XAMPP. XAMPP is a apache-mysql-php package. So, with this software, you don`t need to install each software (i.e apache, mysql) separately. They integrated in one software named XAMPP. Actually there are some other software similar to XAMPP but for this time we will use XAMPP. But you have your freedom to choose.

For how to operate XAMPP, you can find it at their site :).

Diposkan olehTyo

di05.33

0 komentar

Hello World

0 komentar

Hello world,

This will be place for me to share everything I know. Experience, story and even knowledge. Please enjoy every content in this site. Every feedback will be appreciated greatly. So, don`t hesitate to ask for information or question. If I know I will help you out :-)

Enjoy and have a great surf.

Diposkan olehTyo

di05.07

0 komentar

It Just My Freak Story

Blog Archive

About Me

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta name="viewport" content="width=320; user-scalable=no" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>jQuery Mobile Demo</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

	</head>
	<body>
	<div data-role="page" id="indexPage">
	<div data-role="header">
	<h1>vWap SMS Template</h1>
	</div>
	<div data-role="content">
	<ul data-role="listview">
	<li>
	<a href="#createNewPostPage">Create New Post</a>
	</li>
	<li>
	<a href="#readBlogPage">Read Blog</a>
	</li>
	<li>
	<a href="#aboutMobileBlogPage">About MobileBlog</a>
	</li>
	</ul>
	</div>

	<div data-role="footer">
	<h1>- MobileBlog -</h1>
	</div>
	</div>
	<div data-role="page" id="head">

	</div>
	</body>
	</html> The result will be like this :