IPhone je fantastický jev. Jedná se o komunikační zařízení, multimediální platformu a mnoho dalšího, které se vkládají do jediného nástroje. V tomto zařízení chtějí všichni.

Obchod Apple prošel právě jednou miliardtou aplikací (jen já účet 3% z toho ...) a existuje široká škála aplikací z úžasně užitečné pro bizarně redundantní.

S miliony iPhonů tam je rozumné mít k dispozici svůj obsah nebo aplikaci na této platformě, ale jak to děláte? Kam jdete, abyste mohli začít? A jaké kroky musíte podniknout, abyste se tam dostali?

Tento článek je úvodem k různým způsobům získávání obsahu a aplikací do iPhone. V žádném případě není úplným průvodcem, ale doufá, že vás přesvědčí správným směrem a poskytne vám přehled o tom, co se v procesu účastní.

Ponoření

Prvním krokem v písemné podobě pro iPhone je pochopení toho, jak fungují věci skutečně na iPhone . Myslím, že je prakticky nemožné se vyvíjet pro iPhone, aniž by byl nějaký pevný uživatel na chvíli.

IPhone má určitý způsob, jak dělat věci a pokud se váš obsah nedodržuje, bude to vypadat jako bolavý palec. Je to velmi odlišné od toho, co se děje na pracovní ploše.

Jediný způsob interakce s obsahem v iPhone je vaše prsty . To diktuje spoustu způsobu, jakým rozhraní funguje. Dalšími velkými rozdíly je, že obrazovka je malá, pouze jedna aplikace běží najednou a je velmi málo příležitostí poskytnout uživatelskou pomoc.

IPhone používá rozsáhlou animaci, aby poskytl tekuté a citlivé rozhraní, které se cítí téměř fyzicky (jako by se obsah obrazovky skutečně pohyboval, skákal nebo se sbalil). Musíte skutečně cítit, abyste mohli vytvořit něco, co by iPhone pohodlně fungovalo.

Můžete potenciálně použít iPhone simulátor na počítači Mac namísto skutečného iPhone nebo iPod Touch, ale ... to opravdu není. IPhone má sadu akcelerometrů, které mohou cítit orientaci a pohyb přístroje . Musíte to skutečně držet a cítit.

Apple poskytuje velké množství informací o svém vývojáři iPhone:
http://developer.apple.com/iphone/

K dispozici jsou úvodní videa, dokumenty a ukázkový kód. Kromě všech úvodních materiálů je skvělým dokumentem pokyny pro uživatelské rozhraní iPhone.

Najdou se zde:
http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf

Velmi doporučuji začít s tímto dokumentem. Má příklady a vystupuje vás na cestu. Seznamte se se způsobem, jakým se věci na iPhone a arzenál ovládání a funkce, které máte k dispozici.

Plánování

Nebudu jít hluboce do toho. Plánování na iPhone je jako plánování pro jakoukoli jinou platformu.

Musíte být jasné, co chcete dosáhnout a prozkoumat, jaké funkce chcete vystavit s vaším projektem. Usilujte o řešení, které je jasné, srozumitelné, vizuálně příjemné a samozřejmě ... cool.

Vizualizace

Jakmile znáte herní plán, začíná hledání pro návrh. Díky jedinečnému vzhledu iPhone je nezbytné použít tento vzhled při vizualizaci rozhraní vašeho projektu.

Obnovení rozhraní iPhone pro drátové nebo skicové účely je spousta práce. Naštěstí lidé již tuto snahu vložili a je k dispozici pro vás.

Jedná se o sbírky grafických widgetů v různých formátech, které lze použít k sestavení toho, co vypadá jako iPhone obrazovky. Můžete je použít pro sestavení skic a drátů pro vaše projekty. Zde je několik:

Yahoo Design Stencil Kit

Součást sady Yahoo UI. Jedná se o vynikající zdroj pro jakoukoli vizualizaci designu uživatelského rozhraní. Yahoo! Design Stencil Kit verze 1.0 je k dispozici pro aplikace OmniGraffle, Visio (XML), Adobe Illustrator (PDF a SVG) a Adobe Photoshop (PNG). Jedná se o sadu grafiky v různých formátech, které se používají v různých aplikacích, a pomáhají vám sestavit uživatelské skici.

Stáhnout zde: http://developer.yahoo.com/ypatterns/wireframes/


Geoff Teehan iPhone GUI

Soubor aplikace Photoshop, který má poměrně rozsáhlou knihovnu majetku, některé lze upravovat

Stáhnout zde: http://teehanlax.com/downloads/iPhone_GUI.psd.zip


Nakreslete papír pro mobilní návrháře

PDF nebo Photoshop založené sketchpad pro skenování rozhraní iPhone.

Lze jej stáhnout zde:
http://labs.boulevart.be/index.php/2008/06/05/sketch-paper-for-the-mobile-designer/

A samozřejmě je zde několik dalších.

OK. Takže teď máte nějaký nápad nebo nějaký obsah, mysleli jste na herní plán, vy jste nakreslili rozhraní, které by vypadalo doma na iPhone. Co bude dál? No ... existuje několik přístupů, které můžete využít k získání projektu na iPhone:

Nedělat nic

IPhone má pozoruhodný webový prohlížeč pro mobilní zařízení: Safari. Má několik rukávů a vynaloží maximální úsilí, aby prezentovala libovolnou webovou stránku čitelným způsobem. Takže ... pokud máte webové stránky, které jsou v provozu, můžete se dostat pryč dělat absolutně nic.

Safari je schopen prezentovat téměř libovolnou webovou stránku čitelným způsobem. Uživatel může dvakrát kliknout na libovolnou část webové stránky a Safari se přiblíží do čitelného měřítka a prezentuje tuto stránku.

Věci, kterým je třeba se vyvarovat dodržování předpisů iPhone, jsou:

  • Blikat. V současné době neexistuje žádná podpora Flash pro iPhone
  • Segmenty webu, které se spoléhají na myši. Vzhledem k tomu, že není žádná myš nebo kurzor, událost vznášení se nikdy nespustí, a proto se jakékoli chování, které jste navrhli, nikdy nezobrazí na iPhone.
  • Široké, tuhé rozvržení bez sloupců. iPhone se s nimi dobře nedaří.

Takže pokud váš web / aplikace funguje dobře s aplikací Safari na iPhone bez změn, je to vaše cesta nejmenšího odporu.

Dělej trochu

Dalším krokem je udržet vaše stránky, ale provést několik úprav, takže prohlížení na iPhone bude lepší pro vaše návštěvníky.

Zde je několik jednoduchých tipů a triků, díky nimž bude váš web fungovat dobře pro návštěvníky iPhone.

  • Použijte sloupce . To je docela základní, ale je to obrovský rozdíl. Uživatelé dvakrát kliknou na sloupec a budou moci snadno přiblížit a číst obsah.
  • Uspořádejte doplňující informace tak, aby byly umístěny ve stejném sloupci . Tímto způsobem si uživatel může přečíst celý kus souvisejících materiálů posouváním, aniž by musel chrčit.
  • Nepoužívejte absolutní velikosti písma . Místo toho použijte procentuální podíl.
  • Použijte metatag . To je nejdůležitější koncept v jakékoli webové práci iPhone. Definuje velikost, kterou má být velikost stránky zmenšena, než ji zmenšit, aby se vešla do iPhone. má formát
  • Přečtěte si průvodce Apple pro webové stránky pro iPhone zde: http://developer.apple.com/safari/mobile.php

Vytvořte web pro iPhone

Teď mluvíš! Budete vyvíjet webové stránky specificky pro iPhone. Musíte se dozvědět, co je možné odtud http://developer.apple.com/safari/mobile.php a začněte to dát dohromady.

Cílem je vytvořit webovou aplikaci, která pohodlně žije na iPhone , zachovává vizuální styl a chování, na které jsou uživatelé iPhone zvyklí, a využívá zvláštních funkcí platformy, jako jsou gesta, změny orientace atd.

Nemusíte začít od začátku. Existuje spousta skvělých zdrojů, které poskytují dobrý výchozí bod nebo rámec pro budování vašeho iPhone:

  • iUI : Umožňuje vytvářet navigační nabídky a rozhraní iPhone s minimální znalostí jazyka JavaScript. Poskytuje možnost zvládnout změnu orientace telefonu a zkušenost, která je více podobná iPhone. iUI je knihovna jazyka JavaScript a CSS, která je určena k napodobování vzhledu iPhone na webových stránkách. http://code.google.com/p/iui/
  • Webkit : Safari je webový prohlížeč. Webkit přináší spoustu funkcí, které využívají jedinečné funkce iPhone (databáze přístupná vaší aplikaci, porozumění gestům iPhone, orientaci snímání a mnohem více). Zde si můžete prohlédnout: http://www.westciv.com/iphonetests/
  • Aptana Studio : IDE, který obsahuje spouštěč stránek projektu iPhone. Obsahuje správu orientace telefonu a další dobroty. Dokonce si ukážou vaše stránky na obrazovce iPhone: http://www.aptana.com
  • jQuery plug-in pro iPhone: jQuery je lehká, překvapivě výkonná knihovna jazyka JavaScript. Jonathan Neal vytvořil plugin jQuery pro iPhone, který vám pomůže sestavit webovou aplikaci zaměřenou na iPhone. http://plugins.jquery.com/project/iphone



Použití šablony aplikace iPhone Aptana Studio / zobrazení kódu



Aptana Studio zobrazující náhled iPhone


Různé weby vyvinuté speciálně pro iPhone



Různé weby vyvinuté speciálně pro iPhone


Následující možnosti zahrnují nástroje pro vývojáře společnosti Apple. Pro přístup k nim musíte být registrovaným vývojářem společnosti Apple. Sada nástrojů je kolektivně nazývána Xcode. Xcode obsahuje řadu nástrojů, každý se zabývá jinou částí puzzle:

Registrace se provádí zde:
http://developer.apple.com/

  • Xcode . Toto je ústřední část sady Xcode. Právě tam se vytvářejí, spravují, upravují a spouštějí projekty SDK. Je to velmi výkonný IDE, který má mnoho funkcí, které vám pomohou sladit aplikaci včetně dokončení kódu, refaktorování a odkazů na příslušnou dokumentaci.
  • Rozhraní Builder . Je výkonný grafický editor, ve kterém interaktivně vytváříte uživatelské rozhraní aplikace iPhone SDK.
  • iPhone Simulator . To je používáno Xcode a Dashcode k spuštění aplikací na ploše Mac pro účely testování. Představuje běžící iPhone v okně plochy. Velmi pohodlný a časově úsporný nástroj.
  • Instruments je program, který vám pomůže ladit, profilovat a sledovat váš program. Takto jsou programy SDK laděny a jemně naladěny na výkon.
  • Dashcode . Není opravdu součástí sady Xcode, ale je s ní spojena. Dashcode je vývojové prostředí, které bylo poprvé vytvořeno pro vývoj widgetů palubní desky (což jsou vlastně malé webové aplikace). Ve své současné inkarnaci může vytvářet widgety i webové stránky pro iPhone. Dashcode vygeneruje webové stránky, takže využijete znalosti HTML, JavaScript CSS.

Trasa Dashcode

Dashcode je divné zvíře. Je to součást balíčku Xcode, ale ve skutečnosti neinteraktuje s ostatními komponenty (s výjimkou simulátoru iPhone, který používá pro spuštění projektů, které s ním vyvíjíte).

Dashcode je IDE zaměřený na vytváření webových aplikací pro iPhone . Obsahuje řadu šablon, které můžete použít jako výchozí bod pro vaši aplikaci (aplikaci založenou na navigaci, aplikaci na kartách založenou na kartách apod.) A odebrat ji odtud.

K dispozici je řídící knihovna , kterou můžete použít, přetažením ovládacích prvků na rozhraní a přiřazením vlastností a logiky.

Dashcode ukládá své projekty jako soubor projektu Dashcode a po dokončení projektu exportujete jako web html / javascript / css pro nasazení.

Neexistuje pro velmi komplikované aplikace, které mají spoustu zadávacího kódu, ale pokud máte přímý vlastní nápad. Není nic rychlejšího než Dashcode pro sestavení.

Je k dispozici uživatelská příručka k Dashcode tady


IDE DashCode, poskytující knihovnu ovládacích prvků oblast rozložení a editaci kódu



Náhled stránky vytvořené v DashCode na iPhone simulátoru


Použití všech webkitů, které můžete nabídnout společně s některým z rámců, nebo budování webu pomocí DashCode vám umožní vytvořit něco velmi blízko k aplikaci nativní iPhone, která je citlivá na změny orientace, používá animaci pro přechody a zobrazí widgety UI iPhone. Co vám chybí, je následující:

  • Neexistuje přístup k funkcím, jako jsou služby pro fotografování, nahrávání nebo lokalizaci
  • Nelze se zbavit panelu nástrojů prohlížeče v dolní části stránky
  • Váš web je zobrazen v prohlížeči a ne jako samostatná aplikace
  • A největší nevýhoda: v prodejně aplikací se nedá prodat, takže pokud plánujete vydělat peníze z vašeho obsahu, bude to muset zpracovávat spíše než pomocí modelu obchodu s aplikacemi a získáním expozice.


Použití SDK

Chcete-li získat plný vliv na prodejce aplikací a plně využít všech možností, které nabízí iPhone, musíte použít aplikaci iPhone SDK .

Vytvoření aplikace iPhone SDK odhalí plný potenciál iPhone. Sada SDK poskytuje neuvěřitelně bohatý soubor rámců, z nichž každá odpovídá za určitou oblast funkčnosti.

Velký obrázek je následující: Vytváříte aplikaci ve formátu Xcode, vytvoříte uživatelské rozhraní v nástroji Builder rozhraní a spustíte jej v simulátoru iPhone.

Hlavním rámcem, s nímž se s největší pravděpodobností seznámíte, je Cocoa Touch . Obsahuje mimo jiné rámec UIKit a rámec UI adresáře . Podporuje také okenování, události a správu uživatelského rozhraní a mnoho dalšího.

Je tu spousta těžkého zvedání, která se má provést zde a mnoho informací, které mají být absorbovány, aby využili bohatství, které iPhone poskytuje.

Naštěstí je tady informací, dokumentace, ukázkový kód a úvodní videa k dispozici zde: http://developer.apple.com/iphone/

Hlavní pojmy, které potřebujete zabalit hlavou, jsou:

  • Pro tvorbu aplikace používá základní tok Xcode
  • Dostupné rámce, co zodpovídá za jaký typ funkčnosti
  • Cíl - c. Jazyk používaný k programování v Xcode


Xcode nabízí mnoho šablon projektů, které můžete použít jako výchozí bod pro hlavní kategorie aplikací: Aplikace založená na navigaci, Aplikace panelu Tab atd.

Prvním krokem k zahájení vývoji sady SDK je stažení SDK a jeho instalace. SDK je těžké stahování 1 GB a vyžaduje registraci jako vývojáře Apple.

Druhým krokem je zjistit, co se děje, a získávat své postavení v tomto prostředí. Úvodní videa jsou dobrým místem pro začátek a orientaci.

Najdete je zde:
http://developer.apple.com/iphone/index.action

Xcode. Centrum nervů vývojového toku IDE




Rozhraní Builder. Nástroj, který používáte k vizualizaci rozhraní aplikace iPhone

SDK Hybridy

Tento poslední typ je v podstatě aplikace SDK s kroucením . Části aplikace jsou ve skutečnosti prohlížeče Safari, které zobrazují webové stránky.

Rozdělí vývoj na sekci, která bude zapsána pomocí kódu Xcode a objektivu c a oddílu, který bude načítat informace z webu a zobrazovat je v prohlížeči.

V podstatě Xcode bude použito k vytvoření aplikace spuštěné v iPhone a Dashcode bude použit pro vytvoření webových částí aplikace. Vaše aplikace je kombinací těchto dvou spolupracujících technologií.

Dobrý odkaz pro tento typ aplikace lze nalézt v pokyny pro uživatelské rozhraní

souhrn

Chcete-li to shrnout, podívejte se na nejdůležitější prvky potřebné k vytvoření obsahu pro iPhone:

  • Ponoření : Získejte iPhone nebo iPod Touch a zažijte uživatelské rozhraní. Poznání je to jediný způsob, jak vytvořit obsah, který se hodí.
  • Plánování : Tady se nic moc nedá přidat. Ujistěte se, že váš obsah má účel a víte, co to je.
  • Do nic : Šance jsou vaše stránky fungují na iPhone tak, jak je. Možná nemusíte dělat mnoho.
  • Udělejte trochu : Můžete udělat jen pár kroků, aby vaše stránky hrály v iPhone dobře. Několik změn může znamenat obrovský rozdíl a vaše stránky se mohou cítit jako doma.
  • Vyvíjení webu pro iPhone: Vytvořte stránky, které jsou pro iPhone optimalizované a co nejvíce to vypadá jako nativní aplikace iPhone.
  • Vytvořte stránky s kódem DashCode : Vytvořte stránky specificky pro iPhone pomocí pohodlného a výkonného IDE DashCode IDE.
  • Aplikace s plným foukáním SDK : Pomocí sady Xcode můžete vytvářet nativní aplikace iPhone, které lze odesílat a prodávat v App Store Apple.
  • Aplikace aplikace SDK Hybrid : Aplikace pro iPhone může být vytvořena jako kombinace přirozené aplikace a webové aplikace, kde aplikace SDK obsahuje webové pohledy představující data z webu. To vám umožní používat vaše schopnosti z obou prostředí.

Zdroje


Napsal výhradně pro WDD Etan Rozin. Je návrhářem uživatelského rozhraní a provozuje vlastní webové stránky na adrese: www.rozin.com

Které nástroje používáte pro vývoj iPhone? Sdělte nám své připomínky ...