- (void)webViewDidStartLoad:(UIWebView *)theWebView
{
theWebView.dataDetectorTypes = UIDataDetectorTypeNone;
return [
super webViewDidStartLoad:theWebView ];
}
| 데이터아키텍처 자격증 (0) | 2012.02.29 |
|---|---|
| [APP] phonegap에서 webview가 위아래로 움직이는걸 멈추고 싶을때. (0) | 2011.06.13 |
| [phonegap] PhoneGap Android (0) | 2011.05.25 |
| [App] 안드로이드 - 실제 휴대폰 연결해서 테스트하기 (0) | 2011.05.25 |
| [App] GitHub : PhoneGap Project (0) | 2011.05.19 |
External URL 의 내용 불러오기 - Ajax
<html> <body> <script type="text/javascript"> function Ajax(){ var xmlHttp; try{ xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari } catch (e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){ alert("No AJAX!?"); return false; } } } xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4){ document.getElementById('ReloadThis').innerHTML=xmlHttp.responseText; setTimeout('Ajax()',10000); } } xmlHttp.open("GET","http://www.example.com/the_page_that_contains_the_div_content",true); xmlHttp.send(null); } window.onload=function(){ setTimeout('Ajax()',10000); } </script> <div id="ReloadThis">Default text</div> </body> </html>
| [WEB] http://www.asciiflow.com/ - Ascii Flow Diagram (0) | 2011.06.21 |
|---|---|
| [Web] http://jsonlint.com/ - JSON 데이터 인증하기. (0) | 2011.06.20 |
| [html] html5 storage - Local, Session (0) | 2011.05.03 |
| [web] html5 chart - powercharts - fusion chart 차트 그래프 (0) | 2011.04.19 |
| 모바일웹 .vs 앱 비교정리 (0) | 2011.04.14 |
PhoneGap requires you have the following software installed:
1. Eclipse Integrated Design Environment (IDE), a program to write code and manage software development
2. Java Development Kit (JDK), the Java compiler and support tools
3. The Android Software Development Kit (SDK), base code and emulators for developing Android apps
4. Android Development Toolkit (ADT), a plug-in for Eclipse that makes Android development seamless
5. Apache Ant, a program that automates software build processes (similar to 'make')
6. Ruby, a programming language
7. Git Bash, an alternative command program for Windows environments (Windows only)
If you've previously done any development in the Android environment, you probably have 1-4 already installed. If you have not, it is strongly recommended you visit http://developer.android.com/index.html to better understand Android development and create your own, "Hello, World" example prior to jumping into PhoneGap. A great resource exists at: http://developer.android.com/sdk/installing.html for new developers.
Install the Eclipse IDE for Java Developers from http://www.eclipse.org/downloads/. This a ZIP archive file, extract the folder “eclipse”. Most other flavors of Eclipse (like Aptana or platform specific builds) will also work, provided that you install all the necessary Eclipse plug-ins.
If you do not already have the java JDK installed on you're system, install the Java SE Development Kit - JDK 6 from here:
http://java.sun.com/javase/downloads/index.jsp
If you're running Windows this is a standard installer file, just follow the on screen instructions for installation.
Install the Android SDK Package from here
http://developer.android.com/sdk/index.html
Extract the downloaded archive and place it somewhere you'll remember and add the tools sub directory your PATH. Additional information and instructions for adding the Android SDK to your PATH can be found at:
http://developer.android.com/sdk/installing.html
Be sure to do the following (Windows):
Install the ADT Plug-in for Eclipse as described here:
http://developer.android.com/sdk/eclipse-adt.html
To verify your installation of Eclipse, Android SDK, ADT, and Java, you can build a sample “Hello World” application using the instructions located here:
http://developer.android.com/guide/tutorials/hello-world.html.
Visit: http://ant.apache.org/index.html
Visit: http://rubyinstaller.org for an automatic installation (Windows only)
Visit: http://code.google.com/p/msysgit/downloads/list
Download and install the latest full installer for official Git
Visit: http://git-scm.com/ for additional information about Git
Note: During installation, you may select the "Use Git Bash only" option
Environment variables are data stored by your system; in this case we are interested in the file locations of the various developer tools. You should have these environment variables:
You can confirm the environment variables the following way:
Windows:
2A. Right-click on My Computer (or Computer)
2B. Select Properties -> Advanced tab -> Environment Variables button).
2C. "Edit..." the Path to include the needed folders. Use a semicolon (;) to separate folders.
Hint: You can copy the path from the address bar in Windows Explorer.
If everything looks good in the environment variables, try opening a command prompt (Start > Run > cmd) and typing in "ant", "ruby", "java", or "android". If you get the error message "x was not recognized as an internal or external command" you need to check your PATH value. If the program continues to execute you can use ctrl-c to terminate it.
First you will need to download the latest PhoneGap code. It is hosted on github.com. The easier way to get the code is to download it directly from the github website.
3A. Visit: http://github.com/phonegap/phonegap-android
Alternatively, you may use a dedicated 'git' client to download the code or you may use Eclipse. This guide will not cover either of those methods.
3B. Unzip the files into a folder.
Now we will use Ruby and a script called 'droidgap' that is provided with PhoneGap to package up our example app. This will create two outputs; a file called 'PhoneGap.jar' and an Android Eclipse project, which we will then import into Eclipse.
4A. Open a command window and change directory ('cd') to the 'phonegap-android' folder. In Windows, use git bash as the command window. In Mac OS, use Terminal.
4B. Run the following command. This will create a PhoneGap.jar file and create a basic Android Eclipse project in the output path that can then be opened in Eclipse.
NOTE: The droidgap script has been updated and now there are two methods to create the necessary files. The new script is significantly simpler to use than the old method. For those who prefer the old method, it is still available.
NEW METHOD:
4C. From the 'phonegap-android' folder, run 'ruby bin/droidgap create [path_of_application]'. For the example app, the command would be 'ruby bin/droidgap create example'. If the example folder does not exist inside 'phonegap-android', run 'ruby bin/droidgap gen' first.
The new create command in the droidgap script will generate the Eclipse project, ready to be imported. The results of the script can be found at '[path_of_application]_android'. Example: If [path_of_application] = '~/my_app', then droidgap create will place results at '~/my_app_android'. The for the example app, the results will be placed at '../phonegap-android/example_android'
Skip ahead to Step 5 for Eclipse import instructions.
Run 'droidgap help' to see other new commands including run, log, test and ship.
OLD METHOD:
Previous users of the droidgap script please note that droidgap must now be invoked with the 'classic' command to use this method.
ruby bin/droidgap classic "[android_sdk_path]" [name] [package_name] "[www]" "[path]" android_sdk_path ... The path to your Android SDK install. (Must use forward slashes (/) in path) name ...................... The name of your application. package_name ....... The name of your package (For example: com.nitobi.demo). Can not be just the app name, must contain at least one "." (i.e. "com.example"). www ...................... The path to your www folder. (Where your HTML, CSS and JavaScript code is located) path ...................... The path to generate the application. (CANNOT be inside ANY Eclipse workspace) (Must use forward slashes (/) in path) |
You should get a message in your terminal saying completed!
Example (Windows environment):
$ ruby ./droidgap classic "C:/Progra~1/Androi~1/android-sdk-windows" pgtest com.example.android.pgtest example/ "c:/Progra~1/Androi~1/phonegap-android/output"
In the above Windows example, the following environment settings were used:
android_sdk_path = "c:\Program Files\Android SDK\android-sdk-windows"
name = pgtest
path = "c:\Program Files\Android SDK\phonegap-android\output" (This is the output location where the example files were placed)
Example (Mac environment):
> cd phonegap-android
> ruby ./droidgap classic android/android-sdk-mac_86/ test_app com.mayerdan.testapp example/ ~/projects/test_droid_phonegap
Note if you get errors like:
BUILD FAILED
~/projects/phonegap-android/framework/build.xml:49: taskdef class com.android.ant.SetupTask cannot be found
followed by more errors like:
0:in `stat': No such file or directory - ~/projects/phonegap-android/framework/phonegap.jar
To fix this, just run the command with the full path to the android SDK
"sdk.dir=/andriod/android-sdk-mac_86" => "sdk.dir=/projects/andriod/android-sdk-mac_86"
Then run `ruby ./droidgap classic /Users/danmayer/projects/android/android-sdk-mac_86 test_app com.mayerdan.testapp example/ ~/projects/test_droid_phonegap` again.
Some notes:
Now time to create your project. In Eclipse, go to File > New project > Android > Android Project
Now select create project from existing source and navigate to the new folder that was generated in the last step. Select a build target and press finish.
*NOTE: The folder you specified in the Ruby script will actually be the folder that your Eclipse will save to, and compile from and NOT your current Eclipse Workspace. Saving your folder to a location inside of a Workspace will not allow you to create the project because the .metadata folder. If you have pointed your folder to one of your Eclipse Workspaces, simply cut and paste the folder to a location that is outside of any Workspace.
Now, in Eclipse you should see your project
Rightclick phonegap.jar under the libs folder and go to Buildpath -> Add to build path.
Note: Now the folder structure should look like the one shown below.
Click on the project folder again and then the Run button in Eclipse, it is the button that looks like "Play". When you run this project, you should the dialog box to Run As.., choose Android Application.
You may get the unable to launch dialog, this can happen if you have the Android 1.5 or some other file highlighted when you try to run the project. Just select the project folder and click run.
If you have done everything correctly, there should be an Application that loads. It should be noted that testing with an actual device is preferable to the Emulator for many reasons, namely the fact that it's easier to test the Accelerometer, Geolocation, Beep and Vibrate Functionality. However, for testing on the actual browser browser events, and various issues with Webkit on Android the Emulator does just as well.
droidgap:48:in ``': No such file or directory
android create project -t 7 -k be.progone.test -a PG1 -n PG1 -p E:/baud/work/Mobile/Pr_Eclipse/PG1/build (Errno::ENOENT)
from droidgap:48:in `create_android'
SOLUTION:
Add the Android SDK tools path to the system. Follow steps above to get to system environment variables.
Eg: C:\Program Files\Android SDK\tools
You MUST use a forward slash in the directory (Windows users) otherwise the paths will not match up.
Eg: C:/Program Files (x86)/Android SDK
"Click on various buttons on the example app, doesn't do anything" or some things are working but I can't tell what is going on, or I want more information how do I view the Android logs?
SOLUTION:
To get more information about what is going one while phonegap is running, run the Android log viewer. `adb logcat` if adb isn't found you just need to do the full path to it something like `~/projects/andriod/android-sdk-mac_86/tools/adb logcat`. If you have both a device and a Android emulator running use -d and -e like so `adb -e logcat`. This should give you more info about what is going on. Here is a small example clipping form the android logs.
| D/PhoneGapLog( 291): file:///android_asset/www/phonegap.js: Line 216 : TypeError: Result of expression 'accel' [undefined] is not an object. E/Web Console( 291): TypeError: Result of expression 'accel' [undefined] is not an object. at file:///android_asset/www/phonegap.js:216 D/dalvikvm( 117): GC_EXPLICIT freed 1727 objects / 91840 bytes in 110ms D/PhoneGap( 291): The provider network is disabled D/SntpClient( 61): request time failed: java.net.SocketException: Address family not supported by protocol |
From this we can see that the accel is not working. And some information about the location of the Error. This helps debug problems and also helps you to give more information when asking the PhoneGap community for help.
| [APP] phonegap에서 webview가 위아래로 움직이는걸 멈추고 싶을때. (0) | 2011.06.13 |
|---|---|
| [APP] phonegap으로 만든 앱 실행시 숫자를 전화번호로 인식할때 방지하는 구문. (0) | 2011.06.10 |
| [App] 안드로이드 - 실제 휴대폰 연결해서 테스트하기 (0) | 2011.05.25 |
| [App] GitHub : PhoneGap Project (0) | 2011.05.19 |
| [App] Android 3.0 - 타블렛 시대인가요? (0) | 2011.05.11 |
| [APP] phonegap으로 만든 앱 실행시 숫자를 전화번호로 인식할때 방지하는 구문. (0) | 2011.06.10 |
|---|---|
| [phonegap] PhoneGap Android (0) | 2011.05.25 |
| [App] GitHub : PhoneGap Project (0) | 2011.05.19 |
| [App] Android 3.0 - 타블렛 시대인가요? (0) | 2011.05.11 |
| [phonegap] phonegap - Accelerometer (0) | 2011.05.10 |
http://www.axure.com/ - UX 스토리보드
제작툴
Axure RP gives you the wireframing, prototyping and specification
tools needed to make informed design choices, persuade any skeptics, get your
design built to spec... and maybe win a few fans along the way.
| 개헤엄은 아무리 잘 해도 개헤엄 -All of Software- (0) | 2011.07.19 |
|---|---|
| 문서가 없으면 - All of Software - (0) | 2011.07.19 |
| 4세대 이동통신(4G mobile communication) (0) | 2011.07.06 |
| [Architect] 소프트웨어 개발? 웹사이트 구현? 정도는 무엇인가? (0) | 2011.07.01 |
| [Cloud] Linux와 Apache Hadoop을 사용한 클라우드 컴퓨팅 (0) | 2011.06.29 |
Native 가 아닌 HTML5/CSS3/jQuery 로 만든 저희 어플을 소개 합니다.
실력있는 디자이너분들과 다양한 시도를 하면서 이번호를 내게 되었습니다.
특집은 일본대지진에 관해서 다루었고,
그 이외에 일러스트아트, 미디어아트, 마린블루스. 등의 다양한 꼭지들로 컨텐츠가 구성되었습니다.
webview로 모든 컨텐츠를 보여주기에 제약사항도 많았고
아직 불안한 요소도 많지만 보시면서 냉정한 평가를 해주시면,
다음달에는 조금 더 나은 모습으로 만들 수 있을거라고 생각합니다.
http://itunes.apple.com/kr/app/id401413450?mt=8#
http://cafe.naver.com/webappdev.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=4630&
---------------------------------------------------------
소개동영상
한국 최초의 아이패드 전용 잡지 입니다.
새롭게 선보이는 매체인《EPISODE》의 모토는 새로움입니다. 터치 인터페이스라는 새로운 환경에 맞게 컨텐츠, UX, 컨텐츠와 독자와의 관계를 완전히 새롭게 재정의하고자 합니다. 한국을 넘어 아시아 시장에서 아이패드 컨텐츠의 선도적 역할을 해 나가는《EPISODE》가 되겠습니다.
이번호에서는 일본의 대재앙에 대해 살펴보고자 합니다. 데이터와 인포그래픽 그리고 아이패드에서만 가능한 UX를 통해 일본의 대재앙이 일본만의 문제가 아닌 전세계의 문제이며 바로 우리의 문제임을 알아보고자 했습니다.
트위터에서 최고의 미디어 파워를 자랑하는 독설닷컴 고재열 시사인 기자와의 인터뷰 기사도 있습니다. 트위터와 인터넷에서 많은 논쟁을 통해 다듬어진 고재열 기자의 생각과 입장을 들어보시기 바랍니다.
특히 이번호는 디자인이 확 바뀌었습니다. 터치 인터페이스라는 새로운 매체에서 발행되지만 책 혹은 잡지의 기본을 다시 생각하며 디자인에 많은 신경을 썼습니다.
《EPISODE》는 앞으로도 꾸준하게 UX 분야에서의 실험을 진행할 예정입니다. 독자의 움직임에 반응하는 디자인, 사용자와 커뮤니케이션하는 컨텐츠, 그리고 밀도 있고 창조적인 새로운 형식의 미디어를 경험해보시기 바랍니다.
| [javascript] Ctrl key (0) | 2011.06.27 |
|---|---|
| [javascript] loopedSlider (0) | 2011.06.24 |
| [javascript] Creating a Mobile Touch Slide Panel with JQuery (0) | 2011.05.19 |
| [javascript] iScroll-js (0) | 2011.05.10 |
| [jQuery] jquery - carousel (0) | 2011.05.10 |
PhoneGapLib is a static library that enables users to include PhoneGap in their iPhone application projects easily, and also create new PhoneGap based iPhone application projects through a Xcode project template.
Make sure you have installed the latest iPhone SDK. Download at http://developer.apple.com/ios
The installer should build "PhoneGapInstaller.pkg" into this folder, then:
Alternately, you can watch this screencast.
NOTE: It will ask you to confirm whether you want to delete the installed PhoneGapLib directory (just in case you made changes there) as well as the PhoneGap framework. It will not ask for confirmation in deleting the installed Xcode templates.
This installer will only install items under your home folder (signified by ~)
Items that will be installed:
To uninstall:
There is a Xcode project that will test PhoneGapLib according to the mobile spec. There is some setup needed before the project can be run. You will also need git installed and in your path.
Set up the test project:
This will get the mobile-spec submodule and install it under the PhoneGapLibTests folder. You can then build and run the PhoneGapLibTest project to see the results.
You should run step (3) again before running any tests, to get the updated mobile-spec.
| [phonegap] PhoneGap Android (0) | 2011.05.25 |
|---|---|
| [App] 안드로이드 - 실제 휴대폰 연결해서 테스트하기 (0) | 2011.05.25 |
| [App] Android 3.0 - 타블렛 시대인가요? (0) | 2011.05.11 |
| [phonegap] phonegap - Accelerometer (0) | 2011.05.10 |
| [GWT] Google App Engine - Getting Started (0) | 2011.04.12 |
This bar is boring on a computer, but it comes alive on a mobile device. Grab your iPad or Android device and take a look.
Drag your finger and the items move with you. They follow your speed and keep your momentum. Play with it a little. I’ll wait.
The sliding touch panel only shows up on mobile platforms. With a mouse it feels clunky, but sliding with your finger just feels right.
This article shows you how to implement a sliding touch panel in JavaScript. jQuery is the only dependency of the touch slider. The rest is pure JavaScript and HTML. It runs fast, feels natural, and works on every mobile device with touch support.
| [javascript] loopedSlider (0) | 2011.06.24 |
|---|---|
| [App] Episode - 아이패드용 매거진 Pleiades Corp. (0) | 2011.05.19 |
| [javascript] iScroll-js (0) | 2011.05.10 |
| [jQuery] jquery - carousel (0) | 2011.05.10 |
| [javascript] carouslide - A highly adaptable jQuery plugin for creating carousels and slideshows (0) | 2011.05.10 |
