Eccoci ad un altro appuntamento di Programmare una webApp per iPhone, la lezione di oggi sarà abbastanza impegnativa perchè tratteremo l’argomento più importante: come presentare il nostro contenuto.

Per contenuto intendo la parte centrale dalla nostra pagina, quella compresa tra la top bar ed il footer per intenderci.

Il Contenuto

Innanzitutto il codice di questa sezione va racchiuso tra i seguenti tag:

<div id=”content”></div>

e fin qui penso non ci sia nessun problema, ora andiamo a vedere cosa abbiamo a disposizione.

Titoli in Grigio

Il primo elemento che andiamo ad analizzare è questo tag:

<span class=”graytitle”>Qui il vostro titolo</span>

che semplicemente mostrerà un titolo personalizzato di colore grigio. Io personalmente lo trovo molto utile sopra ad una tabella(che vedremo più avanti). Ecco qui un esempio:

Le scritte “Stadio” e “Trofei” sono state ottenute così.

I Page items

E’ l’elemento più importante, e viene utilizzato come “raccoglitore” per inglobare altri elementi più semplici.

Crea infatti un gruppo di elementi che poi gestiamo come vogliamo, il tag è il seguente:

<ul class=”pageitem”></ul>

Possiamo avere quanti pageitem vogliamo all’interno della nostra pagina, l’importante è che sia presente almeno uno, ecco un’immagine per far capire ancora meglio cosa intendo:

In quest’immagine ho evidenziato ogni “pageitem” di rosso e li ho numerati, sono quindi presenti 4 “pageitem”.

All’interno di ognuno possiamo inserire diversi elementi, vediamo quali sono e le loro caratteristiche.

Textboxes

E’ semplicemente un blocco di testo nel quale possiamo scrivere quello che vogliamo, va inserito all’interno di un “pageitem” (come spiegato sopra) per vederlo apparire correttamente.

Il tag per richiamarlo è il seguente:

<li class=”textbox”></li>

e all’interno possiamo scrivere del semplice testo inserendo questo codice:

<p>Testo</p>

Oppure del testo in blu come titolo, in questo caso scriveremo:

<span class=”header”>Titolo</span>

Facciamo un piccolo riassunto:

Vogliamo una pagina con un titolo in grigio, sotto a questo un singolo gruppo di elementi (un solo “pageitem”) che all’interno abbia del testo con un titolo (una semplice “textbox”), ecco il codice che andremo a scrivere:

<div id=”content”>

<span class=”graytitle”>Titolo Grigio</span>

<ul class=”pageitem”>

<li class=”textbox”>

<span class=”header”>Titolo Blu all’interno della casella di testo</span>

<p>Il vostro testo</p>

</li>

</ul>

</div>

Per oggi è tutto, nella prossima lezione parlerò di menus e liste. Al prossimo Post!

e perchè attualmente non comprerei un iPhone 3GS o iPod touch 3G.

A volte ripenso a quando presi in mano per la prima volta un iPod Touch, montava su il firmware 1.4 e grazie a Zibri da quando lo presi in mano a quando fu jailbroken passarono 2 orette (condite da panico da brik con scritte stile terminale che non andavano via dallo schermo).

La Apple per diverso tempo non si è curata particolarmente alla questione, e questa è una tra le più pesanti critiche fatte alla Società, ma si sà, come la Sony ha incominciato a guadagnare forte sulla Play Station 1 dopo che si diffusero i viodeogiochi masterizzati, in egual modo la Apple traeva profitto dalla situazione.

Che il Jailbreak non sia semplicemente installare ipa lo so bene, è ben di più, è il completo accesso al dispositivo, la possibilita di “giocare” in SSH, di utilizzare applicazioni che alla Apple non piacciono (vedi Winterboard, Backrounder, iMobileCinema e simili).

Ma diciamo la verità, senza dati alla mano, sono convinto che buona parte degli utenti che “sbloccano” il proprio device è attratta (se non motivata) dall’Installous.

Dicevo sopra che la Apple per diverso tempo non si è preoccupata eccessivamente della questione, ma ora qualcosa sembra cambiare, ed ha rilasciato un nuovo firmware a prima vista inutile.

In realtà questo firmware ha uno scopo preciso, ostacolare il jailbreak dei nuovi dispositivi (iPhone 3GS e iPod touch 3G).

Questi nuovi dispositivi (che hanno una nuova versione di iBoot) infatti, necessitano di una connessione con il server della Apple ogni volta che si vuole aggiornare o ripristinare un firmware, nel server viene trovata una firma digitale che permette l’operazione di aggiornamento/ripristino.

Dopo il rilascio del firmware 3.1.3 la Apple ha deciso di rimuovere la firma per il 3.1.2 e quindi tutti gli i possessori di questi nuovi dispositivi una volta fatto l’upgrade al 3.1.3 non potranno più tornare indietro al 3.1.2.

Ecco quindi la situazione: un utente con 3GS ha il firmware 3.1.2 con jailbreak, poi per vari motivi (rallentamenti, problemi con applicazioni da cydia,casini vari) decide ti ripristinare il firmware per risolvere tutto.

Se decide di ripristinare il 3.1.2 tutto bene, ma se aggiorna al 3.1.3 cosa succede?

Non potendo ripristinare il 3.1.2 è costretto ad aggiornare al 3.1.3 e cosa succede?

Si ritrova un iPhone che non potrà essere jailbroken. Attualmente il jailbreak per 3.1.3 non esiste per questi dispositivi, e non può più tornare al 3.1.2 per sbloccarlo.

E brava Apple! Ci sei riuscita!

Ed è qui che entra in gioco Saurik!

Prima ho semplicemente detto che questi dispositivi per poter aggiornare/ripristinare il firmware si collegano con il Server Apple, il quale da il via libera all’operazione desiderata. A grandi linee è cosi, ma vediamo di approfondire:

Durante la certificazione entrano in gioco 3 file: il iBSS, il iBEC ed l’ ECID, i primi due sono file temporanei e quindi non influiscono sull’operazione, l’ ECID viene invece generato durante il collegamento con il Sever della Apple.

Come detto sopra la Apple non fornisce più il file ECID per i firmware precedenti al 3.1.3, quindi l’unica operazione permessa è l’upgrade al nuovo firmware.

Ma Saurik è davvero uno con un cervello fine, ha difatti costruito un server che si sostituisce a quello della Apple.

Aprendo Cydia si ha la possibilità di salvare il proprio ECID sul server di Saurik, successivamente sarà presente su cydia il messaggio “ECID SHSH on file” che conferma il salvataggio.

Ora dopo le opportune modifiche ad iTunes (che non riporto nell’articolo, ma potete trovare qui), quest’ultimo interrogherà il server di Saurik invece di quello originale, e trovando la firma digitale permetterà anche di tornare a firmware precedenti.

E’ dunque questa la situazione, almeno finchè il geniaccio non smuoverà un pò le acque!

Un consiglio? Non aggiornate.

Eccoci al secondo appuntamento con la rubrica “Programmare una webApp per iPhone”! Oggi ripasseremo un po di html che ci servirà nelle lezioni successive.

Ogni file html ha diversi tag, vediamo quali sono i principali e che funzione hanno.

Head

<html>
<head>
<title>Titolo della pagina</title>
</head>

Dove vengono specificate le caratteristiche speciale della pagina.

Body

Il body è il la parte della pagina che conterrà tutto quello che vogliamo visualizzare, come immagini, testi, collegamenti e quant’altro.

Una pagina web ha quindi tipicamente questa struttura:

<html>
<head>
<title>Titolo della pagina</title>
</head>
<body>
Contenuto
</body>
</html>

Grassetto e Corsivo

Pre rendere un testo in grassetto è sufficiente includerlo tra il seguente tag:

<b>Text</b>

Mentre per renderlo in corsivo occorre usare quest’alto tag:

<i>Text</i>

Creare un link

Come capirete meglio nelle prossime guide ogni progetto è fatto da diverse pagine, per creare un collegamento ad una pagina si usa il seguente tag:

<a href=”nomepagina.html”>Testo/Immagine</a>

Inserire Immagini

Per inserire un’immagine in una pagina web ecco il codice che viene utilizzato

<img src=”nomeimmagine.jpg” alt=”Descrizione immagine” />

Andare a capo

Può capitare che si ha la necessità di andare a capo in un testo abbastanza lungo e il tag che viene utilizzato è

<br/>

Per esempio: “Voglio andare a <br/> capo” risulterà essere

Voglio andare a

capo

Centrare gli oggetti

Per centrare gli oggetti (testo/immagini…) basta inserire l’oggetto tra questo tag:

<p style=”text-align:center”>OGGETTO</p>

per capire meglio, il codice soprà corrisponde a

OGGETTO

Commenti

I commenti sono dei testi che verranno completamente ignorati dal browser ma che risultano utili ai programmatori in quanto permettono di appuntarsi qualcosa, oppure per spiegare cosa fa un determinato pezzo di codice

<!—–Questo è un commento—–>

Facciamo un po di chiarezza: questa è la sintassi dell’html in generale, quindi tutti i siti web utilizzano questi tag.

Nelle prossime lezioni scriveremo del codice proprio per iPhone e vedremo come sia possibile creare menù, tabelle ed altro.

Questo articolo potrebbe risultare noioso e senza nulla di “pratico” ma vi assicuro che in futuro lo troverete davvero utile ogni qual volta che avrete un dubbio del tipo: “qual’è il tag che devo utilizzare qui?” vi basterà leggere questo post per trovare una risposta.

Innauguro con questo articolo una serie di guide che hanno come obiettivo finale la realizzazione di una semplice webApp.

Perchè una webApp?

Quando iniziai a “smanettare” con il mio iPod Touch, cercai online guide sulla programmazione per iPhone, e mi trovai spiazzato, non avevo mai studiato programmazione ad oggetti, e non possedevo un Mac, entrambi requisiti necessari per programmare per iPhone.

Così pensai ad uno stratagemma per riuscire lo stesso nel mio intento: creare una webApp.

I frutti del mio studio e della mia curiosità hanno poi preso forma e nome: DCmC, applicazione presente su cydia  e hostata da iSpazio.

Tutta l’applicazione è infatti scritta in html e php, quindi ho potuto svolgere tutto il lavoro, senza dover imparare l’objective C e senza possedere un Mac.

Quindi riassumendo perchè una webApp?

• Possibilità di usare Windows
• Nessuna conoscenza della programmazione ad oggetti richiesta
• Unico requisito è la conoscenza base dell’html (e per applicazioni più complesse del php)

Ma ecco anche qualche aspetto negativo:

• Non è possibile interagire con l’hardware (quindi accelerometro e simili)

Tutte queste guide utilizzeranno iWebKit, uno stumento che rende semplicissimo programmare webApp per iPhone.

Tutto quello che dovrete scrivere sono solo rige di codice html.

Quindi come primo passo scaricate l’ultima versione di iWebKit (al momento è la 4.6.2) e salvatela nel vostro computer.

Dalla prossima guida scriveremo le prime righe di codice, intanto che ne pensate di questo nuovo progetto sul mio blog?

E’ diverso tempo che non mi trovo davanti a queste pagine per scrivere qualcosa di interessante, ma questa sera ho fatto una riflessione che vorrei condividere con voi.

Innanzitutto mi scuso per l’assenza (ma probabilmete presto capirete perchè ultimamente ho meno tempo per scrivere articoli), ma cominciamo subito.

Tutti sapete cos’è un file .IPA immagino, ma per chi non lo sappia ancora questi sono file che permettono di installare applicazioni dell’AppStore crackate.

Niente di particolare, esiste da anni la pirateria, canzoni, programmi per PC, programmi per Mac fino ai dispositivi portatili.

Ma le ipa sono qualcosa di pazzesco, un’applicazione si cracka in pochi minuti e si installa in ancora meno tempo!

Naturalmente ciò è fattibile solo per chi possiede un dispositivo con Jailbreak, ma orami buona parte degli utenti che lo effettuano lo fanno proprio per poter installare appicazioni carckate.

Ma come funziona la crack delle applicazioni?

Viene rimosso il signature dal ipa e poi nel file info.plist viene scritto signeridentity = native application. Infatti un’applicazione senza signerIdentity non potrebbe essere eseguita e quindi viene fatta passare come applicazione nativa (tipo Messaggi o Calendario per intenderci).

Un programmatore quindi riesce a capire se l’applicazione è stata crackata o meno (l’ho fatta molto semplice, in realtà è un pò poù complicata ma i passaggi logici sono questi).

Quindi se l’applicazione è stata crackata necessariamente l’iPhone è Jailbroken.

Ma cosa si può fare con un iPhone jailbroken? Praticamente Tutto!

Quindi dopo aver verificato se l’app è stata crackata il programmatore puo eseguire un metodo che danneggi l’iPhone incriminato, potrebbe semplicemente spegnerlo, cancellare un file, copiare la rubrica, le mail e tutto quello che vuole.

Unico ostacolo potrebbe essere l’AppStore, (e qui vado a deduzioni perchè non so benissimo come funzioni).

La apple comunque non ha il codice sorgente, può solo eseguire l’app, quindi non dovrebbe accorgersi di questi metodi “vendicatori” e approvare l’applicazione.

Cosa ne pensate?

P.S. ho scritto tutto di getto, quindi se c’è qualche errore tecnico vi prego di segnalarmelo nei commenti.

A breve (incrociando le dita) riuscirò ad esordire in cydia con una mi app (della quale non ho anticipato tanto, ma gli screen parlano da soli… )

Ma ho un dubbio, per la SplashScreen meglio qualcosa di professionale (immagine sopra) o qualcosa di più simpatico (immagine sotto)?

Fatemi sapere cosa ne pensate..

Come vi avevo promesso, eccovi qui la seconda (di tre) parte del corso di programmazione per iPhone tenuto dal MittAPP (vi ricordo che il corso è in lingua inglese)