Daniele Campogiani » Programmazione http://www.danielecampogiani.com Produttore e consumatore di Informazioni Thu, 12 Jan 2012 14:21:09 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Programmare una webApp per iPhone #4 – Il Contenuto http://www.danielecampogiani.com/2010/04/programmare-una-webapp-per-iphone-4-%e2%80%93-il-contenuto/ http://www.danielecampogiani.com/2010/04/programmare-una-webapp-per-iphone-4-%e2%80%93-il-contenuto/#comments Tue, 06 Apr 2010 13:29:10 +0000 Daniele Campogiani http://www.danielecampogiani.com/?p=1375 {lang: 'it'}

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!

]]> http://www.danielecampogiani.com/2010/04/programmare-una-webapp-per-iphone-4-%e2%80%93-il-contenuto/feed/ 12 Programmare una webApp per iPhone #1 – Sintassi HTML http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-1-%e2%80%93-sintassi-html/ http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-1-%e2%80%93-sintassi-html/#comments Thu, 28 Jan 2010 13:26:57 +0000 Daniele Campogiani http://www.danielecampogiani.com/?p=1067 {lang: 'it'}

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.

]]> http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-1-%e2%80%93-sintassi-html/feed/ 3 Programmare una webApp per iPhone #0 – Introduzione http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-0-introduzione/ http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-0-introduzione/#comments Sat, 23 Jan 2010 13:54:14 +0000 Daniele Campogiani http://www.danielecampogiani.com/?p=1058 {lang: 'it'}

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?

]]> http://www.danielecampogiani.com/2010/01/programmare-una-webapp-per-iphone-0-introduzione/feed/ 14 Imparare a programmare per iPhone, le slide del MitAPP #2 http://www.danielecampogiani.com/2009/01/imparare-a-programmare-per-iphone-le-slide-del-mitapp-2/ http://www.danielecampogiani.com/2009/01/imparare-a-programmare-per-iphone-le-slide-del-mitapp-2/#comments Fri, 02 Jan 2009 14:00:02 +0000 Daniele Campogiani http://www.dcampogiani.altervista.org/?p=930 {lang: 'it'}

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)