Iphone Presentation for MuMe09

•

0 recomendaciones•838 vistas

Gonzalo Parra

iPhone/iPod touch presentation for MuMe09.

Educación Tecnología Noticias y política

What is the iPhone?
• accelerometer
• GPS
• Digital compass
• multi-touch display
• sensors (proximity, ambient light)
• camera (photos, video)
• UMTS/HSDPA, GSM/EDGE, WI-FI, Bluetooth

What is the iPod
touch?

• accelerometer
• multi-touch display
• sensors (ambient light)
• WI-FI, Bluetooth

Types of Development

• Native Apps
• Mobile Safari Web Apps
• External platforms Apps
• Jailbreak Apps

Native Applications
• iPhone SDK (requires an Intel Mac)
• Language: Objective-C
• Tools: XCode, Interface Builder, iPhone
Simulator
• Apple Developer Program
• AppStore

Mobile Safari Web
Applications
• Language: HTML*, Javascript, CSS
• Tools: DashCode, iPhone Simulator, Safari
* PHP, JSP, ASP, ...

External platforms

• PhoneGap, Titanium, Mobione
• requires iPhone SDK
• Language: HTML*, Javascript, CSS

Jailbreak Applications

• Windows/Linux
• Language: Objective-C
• Tools: cygwin, Eclipse, jailbreak iPhone/iPod
touch
• Cydia store

Our project:
Mobile Safari Web Apps
Windows MAC

Tools Notepad, Eclipse TextEdit, DashCode*
Built-in Apache Web
Deploy Apache Web server
Server
Safari, iPhone
Tests Mobione, Safari
emulator*
Framework iUI iUI
* XCode needs to be installed

Setting up the tools
Windows MAC
Activate the Apache
1 Install Apache Server
Server

2 Install Mobione Install iPhone SDK

Create our Hello Create our Hello
3
iPhone app iPhone app

Basics
Apple-Speciﬁc Meta Tag Keys
• apple-mobile-web-app-capable
• apple-mobile-web-app-status-bar-style
• format-detection
• viewport

Supported Attributes
• onorientationchange
• ongesturestart, ongesturechange,..
• ontouchmove, ontouchcancel,..
• ondragenter, ondragleave,..
• ...

Hello iPhone!
<meta name = "viewport" content="width=320, user-scalable=0"/>
<script type="text/javascript" language="javascript">
function updateOrientation() {
var displayStr = "Orientation : ";
switch(window.orientation) {
case 0: displayStr += "Portrait";
break;
case -90: displayStr += "Landscape (right, screen turned clockwise)";
break;
case 90: displayStr += "Landscape (left, screen turned counterclockwise)";
break;
case 180: displayStr += "Portrait (upside-down portrait)";
break;
}
document.getElementById("output").innerHTML = displayStr;
} </script>
</head>
<body onorientationchange="updateOrientation();">
<div id="output"></div> </body>

iUI Framework
• JS & CSS bundle
• JSON object window.iui
• Elements
• toolbar
• home
• button
• backbutton

Hello iPhone 2!
<head>
<title>iUI Hello World test for Wholemap tutorial</title>

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-
scalable=0;"/>

<style type="text/css" media="screen">@import "iui/iui/iui.css";</style>

<script type="application/x-javascript" src="iui/iui/iui.js"></script>
</head>
<body>
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
<a class="button" href="#searchForm">Search</a>
</div>
<ul id="home" title="Hello World" selected="true">
<li><a href="#FirstM">First choice</a></li>
<li><a href="#SecondM">Second choice</a></li>
</ul>
...
</body>

More examples
iUi: iPhone User Interface Framework

Extra material

• PDFs
• http://developer.apple.com/iphone/
• Professional iPhone and iPod touch
Programming, Richard Wagner
• WWW

References
• Professional iPhone and iPod touch Programming,
Richard Wagner
• Safari Web Content Guide, Apple Inc.
• Safari HTML Reference, Apple Inc.
• Web Development with GRAILS, Christopher Judd
• CS193P: iPhone Application Programming, Stanford
University
• A quick tutorial on using iUI to create a native
looking iPhone or iPod touch web page, Whole
Map

Más contenido relacionado

La actualidad más candente

OWASP Melbourne - Introduction to iOS Application Penetration Testingeightbit

Ruxmon April 2014 - Introduction to iOS Penetration Testingeightbit

Yow connected developing secure i os applicationsmgianarakis

iOS-Application-Security-iAmPr3mPrem Kumar (OSCP)

I Want More Ninja – iOS Security TestingJason Haddix

Online Retailer's Conference 2013 - Hacking Mobile Applications - Industry Ca...eightbit

Hacking and Securing iOS Apps : Part 1Subhransu Behera

iOS Application Penetation TestJongWon Kim

iOS Application SecurityEgor Tolstoy

iOS Hacking: Advanced Pentest & Forensic TechniquesÖmer Coşkun

Hacking and securing ios applicationsSatish b

Pentesting iOS Apps - Runtime Analysis and ManipulationAndreas Kurtz

Pentesting iOS Applicationsjasonhaddix

iOS Application Penetration Testingn|u - The Open Security Community

iOS Application Penetration Testing for BeginnersRyanISI

Help Doctor, my application is an onion!Sebastián Guerrero Selma

Pentesting iOS AppsHerman Duarte

Poc2015 os x_kernel_is_as_strong_as_its_weakest_part_liang_shuaitianLiang Chen

Android Security - Common Security Pitfalls in Android ApplicationsBlrDroid

CNIT 128 2. Analyzing iOS Applications (Part 2)Sam Bowne

La actualidad más candente (20)

OWASP Melbourne - Introduction to iOS Application Penetration Testing

Ruxmon April 2014 - Introduction to iOS Penetration Testing

Yow connected developing secure i os applications

iOS-Application-Security-iAmPr3m

I Want More Ninja – iOS Security Testing

Online Retailer's Conference 2013 - Hacking Mobile Applications - Industry Ca...

Hacking and Securing iOS Apps : Part 1

iOS Application Penetation Test

iOS Application Security

iOS Hacking: Advanced Pentest & Forensic Techniques

Hacking and securing ios applications

Pentesting iOS Apps - Runtime Analysis and Manipulation

Pentesting iOS Applications

iOS Application Penetration Testing

iOS Application Penetration Testing for Beginners

Help Doctor, my application is an onion!

Pentesting iOS Apps

Poc2015 os x_kernel_is_as_strong_as_its_weakest_part_liang_shuaitian

Android Security - Common Security Pitfalls in Android Applications

CNIT 128 2. Analyzing iOS Applications (Part 2)

iOS Development Introduction

More! @ EC-TEL

More! @ ED-MEDIA

Research2.0

More! A Social Discovery Tool for Researchers

MACE

ARIADNE LOM Application Profile

Último

Holdier Curriculum Vitae (April 2024).pdfagholdier

fourth grading exam for kindergarten in writingTeacherCyreneCayanan

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood

Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB

social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3

General AI for Medical Educators April 2024Janet Corral

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur

Measures of Central Tendency: Mean, Median and ModeThiyagu K

9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics

Class 11th Physics NEET formula sheet pdfAyushMahapatra5

Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic

Grant Readiness 101 TechSoup and Remy ConsultingTechSoup

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"National Information Standards Organization (NISO)

Activity 01 - Artificial Culture (1).pdfciinovamais

APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management

Nutritional Needs Presentation - HLTH 104misteraugie

Mattingly "AI & Prompt Design: The Basics of Prompt Design"National Information Standards Organization (NISO)

Student login on Anyboli platform.helpinRaunakKeshri1

1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh

Iphone Presentation for MuMe09

1. iPhone/iPod touch Gonzalo Parra

2. What is the iPhone? • accelerometer • GPS • Digital compass • multi-touch display • sensors (proximity, ambient light) • camera (photos, video) • UMTS/HSDPA, GSM/EDGE, WI-FI, Bluetooth

3. What is the iPod touch? • accelerometer • multi-touch display • sensors (ambient light) • WI-FI, Bluetooth

7. Types of Development • Native Apps • Mobile Safari Web Apps • External platforms Apps • Jailbreak Apps

8. Native Applications • iPhone SDK (requires an Intel Mac) • Language: Objective-C • Tools: XCode, Interface Builder, iPhone Simulator • Apple Developer Program • AppStore

9. Mobile Safari Web Applications • Language: HTML*, Javascript, CSS • Tools: DashCode, iPhone Simulator, Safari * PHP, JSP, ASP, ...

10. External platforms • PhoneGap, Titanium, Mobione • requires iPhone SDK • Language: HTML*, Javascript, CSS

11. Jailbreak Applications • Windows/Linux • Language: Objective-C • Tools: cygwin, Eclipse, jailbreak iPhone/iPod touch • Cydia store

12. Our project: Mobile Safari Web Apps Windows MAC Tools Notepad, Eclipse TextEdit, DashCode* Built-in Apache Web Deploy Apache Web server Server Safari, iPhone Tests Mobione, Safari emulator* Framework iUI iUI * XCode needs to be installed

13. Setting up the tools Windows MAC Activate the Apache 1 Install Apache Server Server 2 Install Mobione Install iPhone SDK Create our Hello Create our Hello 3 iPhone app iPhone app

14. Basics

15. Basics The ﬁnger is not a mouse!

16. Basics Apple-Speciﬁc Meta Tag Keys • apple-mobile-web-app-capable • apple-mobile-web-app-status-bar-style • format-detection • viewport Supported Attributes • onorientationchange • ongesturestart, ongesturechange,.. • ontouchmove, ontouchcancel,.. • ondragenter, ondragleave,.. • ...

17. Hello iPhone!

18. Hello iPhone! <meta name = "viewport" content="width=320, user-scalable=0"/> <script type="text/javascript" language="javascript"> function updateOrientation() { var displayStr = "Orientation : "; switch(window.orientation) { case 0: displayStr += "Portrait"; break; case -90: displayStr += "Landscape (right, screen turned clockwise)"; break; case 90: displayStr += "Landscape (left, screen turned counterclockwise)"; break; case 180: displayStr += "Portrait (upside-down portrait)"; break; } document.getElementById("output").innerHTML = displayStr; } </script> </head> <body onorientationchange="updateOrientation();"> <div id="output"></div> </body>

19. iUI Framework • JS & CSS bundle • JSON object window.iui • Elements • toolbar • home • button • backbutton

20. Hello iPhone 2!

21. Hello iPhone 2! <head> <title>iUI Hello World test for Wholemap tutorial</title> <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user- scalable=0;"/> <style type="text/css" media="screen">@import "iui/iui/iui.css";</style> <script type="application/x-javascript" src="iui/iui/iui.js"></script> </head> <body> <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> <a class="button" href="#searchForm">Search</a> </div> <ul id="home" title="Hello World" selected="true"> <li><a href="#FirstM">First choice</a></li> <li><a href="#SecondM">Second choice</a></li> </ul> ... </body>

22. More examples iUi: iPhone User Interface Framework

23. Extra material • PDFs • http://developer.apple.com/iphone/ • Professional iPhone and iPod touch Programming, Richard Wagner • WWW

24. References • Professional iPhone and iPod touch Programming, Richard Wagner • Safari Web Content Guide, Apple Inc. • Safari HTML Reference, Apple Inc. • Web Development with GRAILS, Christopher Judd • CS193P: iPhone Application Programming, Stanford University • A quick tutorial on using iUI to create a native looking iPhone or iPod touch web page, Whole Map

Iphone Presentation for MuMe09

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Iphone Presentation for MuMe09

Similar a Iphone Presentation for MuMe09 (20)

Más de Gonzalo Parra

Más de Gonzalo Parra (13)

Último

Último (20)

Iphone Presentation for MuMe09