Bwlab

Post

Visualizzazione dei post da agosto, 2013

chromeapp - interazione con il browser 2

ora implementiamo la nostra estensione come descritto nel precedente post l'utente effettua click sull'estensione nella nostra applicazione non cambia nulla l'utente effettua un click sul pulsante screenshot nel file popup.html aggiungiamo <!doctype html> <html> <head> <title>Ciao ragazzi!</title> <script src="lib/jquery.min.js"></script> <script src="lib/jQuery-Storage-API/jquery.storageapi.min.js"></script> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head> <body style="padding: 30px"> <div class="container"> <div class="row"> <div class="span4 offset2 well"> <h1>hello world!</h1> <button id="capture">capture</button>

Continua a leggere

chromeapp - interazione con il browser - 1

ora che sappiamo come creare una semplice applicazione su chrome, possiamo introdurre l'interazione con chrome tramite le sue api in questo capitolo creeremo una semplice estensione chrome per effettuare lo screenshot di una pagina web api tutte le api di chrome iniziano con... chrome.* utilizzeremo: chrome.tabs chrome.extension chrome.tab con chrome.tab.* possiamo gestire una serie di azioni ed eventi dei tab di chrome: creare, aggiornare etc.. con chrome.extension.* avremo accesso ad alcune informazioni e file dell'estensione che abiamo creato flusso il flusso di funzionamento è semplice: l'utente effettua un click sull'estensione l'utente effettua un click sul pulsante screenshot chrome effettua l'immagine del tab attivo chrome crea un nuovo tab con l'immagine creata semplice no? :P

Continua a leggere

Pinterest: visual marketing per il commercio elettronico

Mentre Twitter e Facebook fanno concorrenza per offrire dei servizi ai consumatori, Pinterest guadagna strada con servizi orientati all'e-commerce. Pinterest Pinterest offre dei servizi di alta qualità ed eccellenti per attirare l'attenzione verso i tuoi prodotti e il tuo sito Web . All'inizio comunque questo nuovo social network lascia perplessi e confusi anche se è uno strumento facile da utilizzare ed esplorare. Immagina di essere di fronte ad un muro pieno di pannelli di sughero. Immagina di organizzare ogni pannello in categoria di attaccare in questo pannello immagini che ti interessano legate alla categoria. Questo è Pinterest. E ora analizziamolo e scomponiamolo nei suoi elementi: muri, PINS, gusti, commenti e follows. Muri Come gestore di e-commerce pensa ai muri come se fossero differenti categorie del tuo e-commerce. Se vendi vestiti e accessori puoi creare muri per camice per uomini, vestiti da donna, scarpe per bambini etc. Però si può fare anche un pas

Continua a leggere

chrome app - background.html

le pagine background.html sono script che vengono eseguiti in background. i vantaggi delle pagine background.html è che sono in grado di comunicare con ogni scheda e ogni estensione nel tuo browser non importa quante schede o finestre sono aperte, queste pagine possono rilevarne facilmente i cambiamenti in corso inoltre queste pagine possono comunicare facilmente con il browser e vari script contengono anche il comportamento dell'estensione <html> <script> console.log ("Ciao Mondo!"); <script> </ html> un file background.html non è altro che codice Javascript queste pagine sono sempre aperte, sono sempre in esecuzione in modalità nascosta, in background, ciò significa che al momento dell'avvio di Chrome, le pagine di sfondo vengono caricate aggiungiamo la pagina di background aggiungiamo ora al nostro progetto la pagina background.html e inseriamo la logica dell'applicazione pagina opzi

Continua a leggere

chrome app - applicazione delle opzioni

abbiamo creato l'estensione di chrome come pupup e abbiamo creato la pagina delle opzioni di configurazione. ora applichiamo la configurazione alla popup. flusso il flusso è semplice: l'utente fa click sull'estensione l'estensione legge i dati del colore il colore è applicato al background dell'estensione codice al codice della pop-up aggiungiamo le librerie jQuery e Storage API e Bootstrap <!doctype html> <html> <head> <title>Ciao ragazzi!</title> <script src="lib/jquery.min.js"></script> <script src="lib/jQuery-Storage-API/jquery.storageapi.min.js"></script> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head> <body style="padding: 30px"> <div class="container"> <div class="row"> <div class=&

Continua a leggere

chrome app - opzioni estensione

ogni estensione o applicazione per chrome può avere una serie di opzioni che ne personalizza il comportamento vedremo ora come abilitare la gestione delle opzioni per le applicazioni o estensioni chrome che si creano e come personalizzare le pagine html utilizzando librerie come jQuery e BootStrap attivazione pagina opzioni la pagina delle opzioni per un'estensione di chrome si attiva impostando il parametro " options_page " nel file manifest.json con il nome della pagina contenente le nostre opzioni : { ..... "options_page": "options.html" ..... } salvataggio delle opzioni tutte le opzioni di qualsiasi estensione chrome sono salvate nel localstorage del browser , niente di più semplice applicazione riprendendo il nostro progetto chromeapp aggiungiamo al file manifest.json il parametro sopra definito e creiamo il file options.html ecco il flusso esemplificativo della pagine opzioni che andremo a creare: visualizzazi

Continua a leggere

applicazioni per chrome - introduzione

piatto del giorno: applicazioni per chrome google chrome è un browser estremamente versatile, aperto e estendibile le funzionalità di google chrome come firefox possono essere estese con plugin o applicazioni nello sviluppo di una web app di tipo business o un'app per android sarebbe bello offrire un'esperienza utente completa offrendo anche applicazioni ed estensioni su google chrome che sta diventando sempre più una piattaforma desktop completa, pensando poi a chrome os.... così ecco dei brevi post per la creazioni di applicazioni ed estensioni su chrome creazione di YAHWA (yet another hello world application) ingredienti base: file html file manifest.json file icona premessa: tipi di estensione ci sono 4 tipi di estensioni possibili: browser actions : aggiungono un'icona a destra della barra indirizzi (ad.es. per mostrare una popup) page actions : mostrano un'icona all'interno della barra indirizzi desktop notifications : mostrano

Continua a leggere

L'importanza delle parole chiave nell'ecommerce

La determinazione delle parole chiave è una delle prime aree che si deve tener presente nell'implementare un e-commerce. Troppo spesso si sottovaluta questo aspetto molto importante nell'ecommerce. Lo sforzo nel tempo per le conversioni saranno veramente altio e il costo di conversione aumenterà a dismisura. Spesso nella determinazione delle parole chiave ci si concentra sui termini legati ai prodotti utilizzando ricerche generiche. per esempio per un negozio di animali si utilizzano termini come: animali, cane , gatto, accessori per animali, accessori per gatto Essere posizionati su queste parole chiave è importante ma non vengono presi in considerazione altri elementi importanti. Queste parole hanno un buon livello di ricerca? Perché alcune volte pensiamo che la gente cerca le cose in un modo e in realtà utilizzano parole di ricerca completamente diverse da quello che pensiamo. Inoltre anche se si utilizzano queste parole chiave, saremo capaci di raggiungere solo una

Continua a leggere