Home
Accesso / Registrazione
 di 

Creare applicazioni Chrome: ecco la nostra estensione per Chrome [Guida]

Applicazione Chrome dell'Elettronica Open Source

Creare applicazioni per Chrome non è mai stato cosi semplice! Segui la guida e scarica subito gratuitamente la nostra estensione di Google Chrome per un'esperienza di lettura unica. L'Elettronica Open Source è nel Chrome Web Store!

Leggere gli articoli del nostro/vostro Blog su Chrome, con uno schermo wide è un'esperienza davvero interessante. Sogliate i post tramite le categorie laterali leggendo le anteprime e poi scegliete quale articolo approfondire, con un semplice click!

L'applicazione è disponibile gratuitamente per il download dal Google Chrome Web Store
Applicazione Elettronica Open Source
dovete utilizzare il browser di Google, ovviamente (Chrome)
vedi il risultato con l'immagine a ad alta risoluzione dell'applicazione Chrome

Se non avete un sito o un blog, una volta scaricata gratis l'applicazione, probabilmente per voi la lettura può terminare qui. Se invece volete anche voi una applicazione simile... leggete la guida e scaricate i sorgenti facilmente modificabili:
Seguendo la guida del Chrome Web Store

1) Creare il file manifest.json

{
"name": "Elettronica OpenSource",
"description": "Ultimi Articoli Tecnici di Elettronica e Tecnologia",
"version": "1.1",
"app": {
  "urls": ["http://it.emcelettronica.com/eos_app/"],
  "launch": {
      "web_url": "http://it.emcelettronica.com/eos_app/index.php"
    }
  },
"icons": {
   "128": "icon_128.png",
   "48": "icon_48.png",
   "32": "icon_32.png",
   "24": "icon_24.png"
	},
"permissions": [
    "unlimited_storage",
    "notifications"
  ]
}

Modificate le parti in neretto inserendo i dati del vostro sito/blog. In particolare la cartella eos_app corrisponderà (quindi dovrà essere rinominata) con il nome della cartella che avrete creato sul vostro server con dentro tutti i files dell'applicazione. Le 'icons' saranno le icone del vostro sito nelle varie dimensioni.

2) Creare la pagina in html (o PHP) dell'applicazione

<?php
require_once('menu.php');
if(isset($categories[$_GET['c']])){
    $url = $categories[$_GET['c']];
    $c=$_GET['c'];
}
else {
    $url = 'http://feeds.feedburner.com/emcelettronica/it';
    $c='homepage';
}
function curl_get($url)
    {
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_HEADER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
        $xml = curl_exec($ch);
        curl_close($ch); 
        return $xml;
    }
        $xmlfile = curl_get($url);
          $xml = new SimpleXmlElement($xmlfile);
          $item=$xml->channel->item;
?>

Questa è la parte iniziale del file php in grado di generare in automatico la preview degli articoli partendo dal vostro feed rss. Potete anche creare un semplice file html ma avrebbe poco senso un'applicazione statica, tanto vale che il visitatore vada sul vostro sito. Invece tramite php è possibile rendere dinamica la vostra app e quindi permettere di leggere i contenuti appena vengono pubblicati, sfogliando le categorie o tag del vostro feed rss. In questo modo viene fornito un valore aggiunto rispetto alla pagina web, creando una user-experience positiva.

3) Compilare l'applicazione ed inviarla al Chrome Web Store

Ora bisogna creare il pacchetto di file compatibile con il Chrome Web Store, ed a questo il browser Chrome ci è di aiuto. Da Chrome, andate in strumenti -> estensioni -> crea-pacchetto-estensione
tramite 'sfoglia' poi indichiamo la nostra cartella ed il gioco è fatto.
Troveremo nella stessa cartella dove risiede quella che abbiamo indicato, i file crx e pem.

Ora dovrete aprire un account developer (dovete avere un account gmail) e fare l'upload del pacchetto.

Crea subito una fantastica Applicazione Chrome del tuo Blog ed inseriscila nel Chrome Web Store

Tutti i file sorgenti dell'applicazione dell'Elettronica Open Source sono disponibili qui per il download, comprensivi delle routine in grado di decodificare il Feed RSS. Inoltre i file sorgenti php e css vi permetteranno di modificare facilmente il layout ed i colori.   Download Applicazione Chrome Open Source

I file sorgenti contengono anche le indicazioni per inserire il vostro codice ADSENSE nell'applicazione. Ricordo inoltre che le applicazioni possono anche essere messe in vendita nel Google Chrome Web Store

Se vuoi installare ora gratis l'app sul tuo browser Chrome per navigare facilmente all'interno dell'Elettronica Open Source o anche solo per vedere il risultato prima di scaricare i sorgenti, fai click qui.

 

 

Scrivi un commento all'articolo esprimendo la tua opinione sul tema, chiedendo eventuali spiegazioni e/o approfondimenti e contribuendo allo sviluppo dell'argomento proposto. Verranno accettati solo commenti a tema con l'argomento dell'articolo stesso. Commenti NON a tema dovranno essere necessariamente inseriti nel Forum creando un "nuovo argomento di discussione". Per commentare devi accedere al Blog
ritratto di Marco_

Molto bella, complimenti.

Molto bella, complimenti.

ritratto di Emanuele

Thanks

Ci è voluto un po, ma penso il risultato sia ottimo. Soprattuto in termini di praticità (legge il feed rss, quindi si hanno tutte le anteprime dei nuovi articoli) e di layout (in un colpo d'occhio si hanno gli ultimi post di ogni categoria)

ritratto di madcow78

mod estensione

Se io volessi modificare un estensione che già c'è? ad esempio smart zoom?
Se a questa estensione volessi implementare il comando di zoom con il doppio tap con due dita come dovrei fare?
posso chiedere all'autore il codice se me lo da oppure posso aprire il file da solo ed iniziare a studiare la situazione e nel frattempo lo contatto?
si tratterebbe di velocizzare l'esecuzione visto che parte cliccando la voce che crea nel menu con tasto dx.
non so programmare ma non credo sia impossibile aggiungere una funzione del genere, credo saranno poche istruzioni, no?

Login   
 Twitter Facebook LinkedIn Youtube Google RSS

Chi è online

Ci sono attualmente 1 utente e 23 visitatori collegati.

Utenti online

Ultimi Commenti