How to Develop `iKnow Web App for iPhone' ANDO Yasushi http://d.hatena.ne.jp/technohippy

Agenda iPhone Web App Web app vs. native app How to overcome the cons of web app iKnow Web App for iPhone How to use sounds Tips Conclusion

iPhone Web App

Web app vs. native app

How to overcome the cons of web app

iKnow Web App for iPhone

How to use sounds

Tips

Conclusion

iKnow Web App for iPhone

Pros and Cons: How I Learned to Stop Worrying and Love the iPhone Web App Pros Easy to develop Easy to start using No check by Apple Cons Difficult to get money Poor UI (cosmetics and performance) Network dependent Why did I choose web app?

Pros

Easy to develop

Easy to start using

No check by Apple

Cons

Difficult to get money

Poor UI (cosmetics and performance)

Network dependent

Why did I choose web app?

How to Overcome the Cons Safari is the Only Browser for iPhone Libraries for iPhone Web App iUi Universal iPhone UI Kit Ajax Sqlite on Safari Full screen mode for Safari

Safari is the Only Browser for iPhone

Libraries for iPhone Web App

iUi

Universal iPhone UI Kit

Ajax

Sqlite on Safari

Full screen mode for Safari

Use iKnow API def search_sentences(keyword) call_api "sentences/matching/#{keyword}" end def call_api(api_type, result_key=nil, opts={}) uri = "#{API_URI_BASE}/#{api_type }.json?api_key=#{API_KEY}&#{ opts.to_a.map{|(k, v)| "#{k}=#{v}"}.join '&'}" hash = JSON.parse open(uri){|f| f.read} result_key ? hash[result_key.to_s] : hash end

def search_sentences(keyword)

call_api "sentences/matching/#{keyword}"

end

def call_api(api_type, result_key=nil, opts={})

uri = "#{API_URI_BASE}/#{api_type

}.json?api_key=#{API_KEY}&#{

opts.to_a.map{|(k, v)| "#{k}=#{v}"}.join '&'}"

hash = JSON.parse open(uri){|f| f.read}

result_key ? hash[result_key.to_s] : hash

end

How to Use Sounds on iPhone Web App /** IDEAL **/ iknow3g.replay = function(url) { var embed = document.createElement('embed'); embed.setAttribute('src', url); embed.setAttribute('hidden', true); embed.setAttribute('autostart', true); document.body.appendChild(embed); setTimeout( function(){document.body.removeChild(embed)}, 15000 ); };

/** IDEAL **/

iknow3g.replay = function(url) {

var embed = document.createElement('embed');

embed.setAttribute('src', url);

embed.setAttribute('hidden', true);

embed.setAttribute('autostart', true);

document.body.appendChild(embed);

setTimeout(

function(){document.body.removeChild(embed)},

15000

);

};

How to Use Sounds on iPhone Web App <!-- READL --> <embed src=&quot;#{sound_url}&quot; width=&quot;#{width}&quot; height=&quot;#{height}&quot; autostart=&quot;true&quot; />

<!-- READL -->

<embed

src=&quot;#{sound_url}&quot;

width=&quot;#{width}&quot;

height=&quot;#{height}&quot;

autostart=&quot;true&quot; />

Tips Autostart does not work Remove generated embed tags Use size attribute in embed tag

Autostart does not work

Remove generated embed tags

Use size attribute in embed tag

Conclusion Let's develop iPhone Web App for iPhone