Web app

Stato
Discussione chiusa ad ulteriori risposte.
Ordina per data Ordina commenti per reazioni
I

ispanic

Utente Gold
9 Dicembre 2009
453
123
15
263
Vorrei creare una web app, conosco bene il javascript e il php... però ora per la grafica mi sto un po' sbizzarrendo sul pc e quindi con la risoluzione dei pc..
Come posso, per non sprecare tempo inutlmente giochicchiare da subito con la grafica degli smartphone e tablet?
Non sono molto bravo.. su quali risoluzioni lavorano e come posso fare un app che si veda bene (graficamente parlando) sui i tablet di ultima generazione?

Inoltre poi dopo che avrò fatto il sito, graficamente messo bene, per tablet e smarthphone, come posso creare una web app, in modo che una volta scaricata si colleghi al sito prestabilito senza link o altri fattori determinati dal browser... Per fare un esempio una web app come Facebook
 
ispanic ha detto:
Vorrei creare una web app, conosco bene il javascript e il php... però ora per la grafica mi sto un po' sbizzarrendo sul pc e quindi con la risoluzione dei pc..
Come posso, per non sprecare tempo inutlmente giochicchiare da subito con la grafica degli smartphone e tablet?
Non sono molto bravo.. su quali risoluzioni lavorano e come posso fare un app che si veda bene (graficamente parlando) sui i tablet di ultima generazione?
Clicca per espandere...
Uns volta stabilita la grafica per il tuo sito ,puoi importare joomla che e ottimo per i smartfone e tablet.Le risoluzioni -dipende spesso dalla grandezza dello schermo e dalla densita dei colori.Il mio cell ha una risoluzione di 480 x800,lo stesso di un galaxy s3 se non mi sbaglio :
Es: ho scaricato il navigatore igo europe.Le risoluzioni e le mappe sono tutte da controllare :
320x240
480x320
800x480
854x480
960x540
1024x600
1024x768
1280x720
1280x800
1920x1080
Queste sono tutte le risoluzioni dei telefoni e tablet moderni ,da quelli cinesi a quelli originali.Pero penso proprio che se configuri bene un plugin , queste cose li prendera in automatico.
QUOTE="ispanic, post: 4320560, member: 80831"]Inoltre poi dopo che avrò fatto il sito, graficamente messo bene, per tablet e smarthphone, come posso creare una web app, in modo che una volta scaricata si colleghi al sito prestabilito senza link o altri fattori determinati dal browser... Per fare un esempio una web app come Facebook[/QUOTE]
Ti devi creare una app per il sito o importare un plugin ,oltre a essere iscritto a google store.
 
Scusami ma joomla è un cms, io lo voglio fare tutto completamente a mano quindi non penso mi serva...
Inoltre per le risoluzioni avrei pensato di usare le mediaqueries con css o sbaglio?
 
Nono non mi sento offeso, ma vorrei farlo in modo manuale, ma vorrei avere un po' di delucidazioni riguardo alla differenza tra app e sito web, mi spiego:
Dopo aver creato il mio sito come posso creare un'applicazione per smartphone che si colleghi ad esso, senza chiaramente affidarsi ad un browser esterno? Tipo la web app di Facebook per farti capire
 
ispanic ha detto:
Nono non mi sento offeso, ma vorrei farlo in modo manuale, ma vorrei avere un po' di delucidazioni riguardo alla differenza tra app e sito web, mi spiego:
Dopo aver creato il mio sito come posso creare un'applicazione per smartphone che si colleghi ad esso, senza chiaramente affidarsi ad un browser esterno? Tipo la web app di Facebook per farti capire
Clicca per espandere...
Ho capito da inzio quello che vuoi dire.Ecco -esempi come questo ci sono d'appertutto su google.Basta cercare un po.
 
Grazie mille, mentre se non volessi utilizzare nessun software aggiuntivo, ma solo linguaggi per creare una web app quali dovrei usare?
Sicuramente Java per i sistemi Android o sbaglio?
 
ispanic ha detto:
Nono non mi sento offeso, ma vorrei farlo in modo manuale, ma vorrei avere un po' di delucidazioni riguardo alla differenza tra app e sito web, mi spiego:
Dopo aver creato il mio sito come posso creare un'applicazione per smartphone che si colleghi ad esso, senza chiaramente affidarsi ad un browser esterno? Tipo la web app di Facebook per farti capire
Clicca per espandere...
Innanzitutto devi capire la differenza tra app e web app.

Detto molto rozzamente:
- La web app la utilizzi attraverso il browser.
- L'app la installi (ad esempio sullo smartphone) e la utilizzi.

La web app la programmi in "linguaggi web" come ASP e PHP (utilizzando anche SQL eventualmente) o Javscript (per il lato client). L'interfaccia la fai in HTML, CSS e Javascript.

Per quanto riguarda l'app il discorso cambia. Se devo fare un'app per Android il linguaggio più usato è il Java, per iOS è l'Objective-C.
 
  • Mi piace
Reazioni: TheSeeker
A giudicare da come scrivi dubito fortemente che tu conosca bene javascript e PHP. Se fosse così ti sapresti destreggiare su internet, cosa che non mi sembra affatto date le domande che fai. Poi magari per te bene vuol dire saper fare un "Hello World!". Quindi per prima cosa ti consiglio di evitare di dire castronerie assurde.

Per quando riguarda il progetto che intendi fare... non si capisce molto delle intenzioni che hai. Prova a spiegarti meglio e con dei punti chiave per farci capire.

Se vuoi crearti una pagina web con relativa app Android devi avere delle buone skill di programmazione. E secondo me avere un'app per navigare su una pagina web non ha molto senso (almeno che non ti chiami Facebook o relativi). Ti spiego anche il motivo... ogni volta che tu fai una modifica alla tua pagina web integrando qualche funzione, devi fare lo stesso sulla tua app per Android. Questo richiede doppio sforzo produttivo. E fidati che se hai un sito di un certo livello, questo non te lo puoi permettere da solo.

Se tu invece vuoi semplicemente fare delle prove per curiosità, ti consiglio di guardarti la documentazione sul sito developer di android.

Se invece è un progetto serio che ti interessa fare, allora ti consiglio di provare ad imparare ad usare Bootstrap. È un framework molto utile che ti permette di adattare, la tua pagina web, a diverse risoluzioni comprese quelle di smartphone e tablet.
Per farmti capire meglio, prova ad andare a questo indirizzo http://getbootstrap.com/examples/jumbotron/ con il tuo PC, usando il browser che preferisci. Prova poi a diminuire la grandezza della finestra del browser il più piccola possibile. Vedrai che la grafica si sarà adattata alle dimensioni della finestra. Questo accade anche sul telefono.
 
Ti consiglio di controllarti cosa fa questa stringa, e cosa vi è contenuto nel suo array :

$_SERVER['HTTP_USER_AGENT']​

ti consiglio di individuare il sistema con cui ti stai connettendo alla pagina e di caricare parte di CSS specifico per ogni distinzione. Ad esempio riguardanti la dimensione dello schermo.
 
Mai sentito parlare di Responsive Design? Ovvero sviluppare il tuo sito in modo che sia visualizzato bene su ogni tipo di dispositivo, e non è solo una questione di usare percentuali e media queries, ma anche di progettare il tuo sito in modo che l'utente possa realizzare il suo scopo a prescindere dal dispositivo usato.

Poi passiamo all'app, hai tre possibilità, o almeno io ho avuto la possibilità di conoscere solo questo tre:

1. App native: sviluppi la tua app nativa per Android o iOS usando il linguaggio ed i tools che di mettono a disposizione. Principalmente consiste nel prendere i dati dal sito e visualizzarli in un formato leggibile e carino.

2. App cross-platform: esistono librerie (?) come Cordova o interi IDE come Intel XDK che ti permettono di """pacchettizzare""" il tuo sito per distribuirlo come app. Ovviamente il tuo sito non richiede altro che HTML, CSS e JavaScript.

DISCLAIMER:
Quello che segue é a puro scopo ironico ma purtroppo l'ho visto fare e pensare in più circostanze.

3. La prima ma alla buona: la stupidissima idea di creare un app nativa che consista solamente in una webview che riporta al sito, perche alla fine l'app é solo una cosa che gira sui cellulari e che non richiede aprire quel fastidioso browser..

PS: La discussione sarebbe più in-topic in Programmazione Web.
 
Ogni browser ha un tool per la programmazione, basta premere "F12" e si apre.
Per chrome trovi un tastino a forma di cellulare in alto a sinistra di questo tool, accanto alla lente di ingrandimento che serve per ispezionare gli elementi del DOM.
Comunque premendo su quel pulsante ti si attiva una modalità di visualizzazione della pagina particolare in cui puoi modificare tranquillamente la grandezza e selezionare anche alcuni esempi di dispositivo che trovi nel menu sopra la pagina visualizzata.
In sostanza puoi regolarti con quello per mettere le regole al css.
La visualizzazione della pagina web viene regolata in base alla larghezza della pagina e non in base all'altezza.
Per quanto riguarda i cms lascia stare, il fattore "responsive" dipende unicamente dal tema che se non supporta differenti dispositivi ti fa vedere tutto in modalità desktop e comunque, se devi aggiungere elementi alle pagine, devi definire te i css per ogni dimensione e quindi non vedo cosa possa cambiare. Anzi, se devi modificare un tema già fatto è un casino perchè devi andare a vedere tutte le differenti configurazioni per ogni zona della pagina che l'autore ha pensato.
Spero di averti dato una mano.
 
Voglio darti un consiglio, se hai intenzione di sviluppare una app per il cellulare del tuo sito, integra le web api all'interno del tuo sito, per quanto riguarda le richieste al database. Ti risparmierai diverse righe di codice da scrivere, sia negli script del sito che in quelli della app.
Questo articolo ti aiuterà parecchio (se sei esperto come dici, almeno :p):
http://code.tutsplus.com/tutorials/creating-an-api-centric-web-application--net-23417
 
Tutti sostengono Bootstrap, io per fare l'alternativo (e perchè è quel che uso) ti consiglierei Foundations. Per quanto riguarda la app invece ti consiglierei di lasciar stare il discorso, almeno per il momento. Concentrati sullo sviluppo del sito, che sia responsive e ben posizionato sui motori di ricerca, poi il resto verrà.
 
IlFauno ha detto:
Tutti sostengono Bootstrap, io per fare l'alternativo (e perchè è quel che uso) ti consiglierei Foundations. Per quanto riguarda la app invece ti consiglierei di lasciar stare il discorso, almeno per il momento. Concentrati sullo sviluppo del sito, che sia responsive e ben posizionato sui motori di ricerca, poi il resto verrà.
Clicca per espandere...
Per curiosità, perchè Foundation e non Bootstrap? (pura curiosità)
 
@venticello Principalmente perchè considero Foundation un framework completo, Bootstrap lo vedo più come un kickstarter. Essendo poi uno "sfaticato" trovo i prefab di Foundation molto soddisfacenti e ben documentati. Poi secondo me Bootstrap (è per questo che lo considero un kickstarter) punta a soluzioni veloci (template, ecc.) ma difficilmente customizzabili (se ti trovi la pappa pronta hai meno voglia di lavorarci sopra). Non avendolo mai usato però potrebbero restare solo impressioni.
 
  • Mi piace
Reazioni: TheSeeker e venticello
Stato
Discussione chiusa ad ulteriori risposte.

DISCUSSIONI SIMILI

N
Discussione Altro I migliori Music Player sotto Linux e BSD
  • 0
  • 175
0
175
Linux, Unix e altri OS
nfvblog
M
Domanda Dubbi riguardo programmazione web
  • 5
  • 537
5
537
Web Development
Dazorn
N
Discussione Come ho capitalizzato il mio fallimento al bug bounty di Instagram
  • Chiuso
  • 0
  • 293
0
293
Sicurezza Informatica
Netcat
M
Domanda Rilevazione web scraping con Strumento Automatizzato NordVPN
  • 11
  • 999
11
999
Privacy Online e Anonimato
Leprechaun
N
Guida App in Python che automatizza il download di dati geospaziali da Natural Earth (Windows)
  • 4
  • 439
4
439
Python
Netcat
Top Bottom
Indietro