Share
Vad du ska skapaAtt bli en smart programutvecklare är en bra idé, men om du är en HTML-utvecklare? Kommer du att kunna förverkliga din dröm utan att byta till en helt annan plattform? Måste du överge alla dina HTML-färdigheter och börja om igen? Oroa dig inte. Tizen kommer till din räddning.
Tizen är ett operativsystem för Linux-familjen, som inriktar sig på en rad enheter från smartphones till smarta klockor och mycket mer. Medan Tizen är ett projekt inom Linux Foundation, styrs det av Tizen Association, vars medlemmar inkluderar Samsung, Intel och andra välkända företag inom teknikindustrin.
I denna handledning visar jag dig hur du installerar och konfigurerar Tizen SDK for Wearable och utvecklar ett smart watch-program med IDE. Låt oss börja.
För närvarande finns två typer av SDK: er, Tizen SDK och Tizen SDK for Wearable. Eftersom denna handledning handlar om att utveckla en fristående smart watch app, behöver du Tizen SDK for Wearable.
Du kan ladda ner den från webbplatsen Tizen Developers. Du behöver ladda ner ett lämpligt installera chef som matchar ditt operativsystem och version. Om du föredrar en offlineinstallation till en online, måste du hämta en SDK-bild för. Om ditt operativsystem är Windows 8 eller Windows 8.1 kan du hämta installationsfilerna kategoriserade under Windows 7. De fungerar på Windows 8 och 8.1 bara bra.
Se Tizens detaljerade instruktioner för att läsa om de hårdvaru- och programvarukrav som datorn ska uppfylla.
Du kan installera SDK även om datorn inte uppfyller dessa hårdvarukrav. Om du gör det kommer smart watch emulatorn dock att vara långsam, vilket leder till dålig apptestning. Besök dokumentationen för mer information. Det förklarar hur man aktiverar Virtualiseringsteknik (VT) i din BIOS och Dataexekveringsskydd på Windows.
Om du vill kan du installera Intel HAXM separat. När installationen är klar startar du om datorn.
I den vänstra rutan i IDE finns det två fönster, Project Explorer och Connection Explorer. De Project Explorer visar de projekt som skapats av användaren. De Connection Explorer listar de anslutna enheter som för tillfället finns tillgängliga, emulatorinstanser eller fjärranslutna enheter.
Det tar lite tid att starta emulatorn. Du bör se ett fönster med en startskärm som liknar skärmbilden nedan när den är igång. Emulatorns förekomst ska visas som en post i Connection Explorer.
Dra upp från den nedre mittenpunkten på startskärmen för att gå till skärmen som visar de installerade programmen på enheten eller emulatorn. Eftersom du inte har installerat några appar ännu, bara den inställningar ikonen visas.
Du kan gå tillbaka till föregående skärm eller avsluta en app genom att svepa ner från den övre mitten av skärmen.
I det här exemplet kommer vi att skapa en enkel app för att visa en serietidning. Låt oss titta på varje steg i sin tur.
Låt oss skapa ett nytt projekt i IDE.
HTML, CSS och JavaScript utgör grunden för programmering på Tizen-plattformen. Om du är en HTML-guiden behöver du inte lära dig ett nytt programmeringsspråk för att skriva applikationer för Tizen-plattformen. Du kan använda dina befintliga HTML-, CSS- och JavaScript-färdigheter.
Vi behöver först lägga till två undermappar till mittpgm projekt, komisk och bilder. För att göra detta högerklickar du på mittpgm projektmapp i IDE och välj Ny> Mappa. Undermapparna ska visas i det expanderade mittpgmmapp i IDE.
Hämta källfilerna för detta projekt från GitHub och navigera till bilder undermapp, som innehåller ett antal png-filer. Kopiera png-filerna till bilder undermapp som du skapade för en stund sedan.
Du kan klistra in filer till bilder undermapp i Project Explorer fönster genom att högerklicka på undermappen och välja Klistra från popupmenyn.
Skapa sedan nio HTML-filer med följande filnamn i komisk undermapp genom att högerklicka på komisk undermapp och välja Ny> Fil. Var noga med att inkludera .html förlängning för filerna.
Du borde nu ha nio HTML-filer i komisk mapp.
Låt oss nu redigera koden i index.html. Den här filen är startpunkten för din ansökan. Dubbelklicka index.html för att öppna filen i IDE. Ändra innehållet i tagga med följande:
<<>>
Allt vi gjorde är att lägga till en bild på sidan och två knappar för att navigera till de andra sidorna, eftersom vår komiker kommer att ha tio sidor. När du har gjort dessa ändringar, spara filen genom att välja Arkiv> Spara från menyn.
Om du är ny på HTML och CSS, har Tuts + en enorm samling av utmärkta handledning som hjälper dig att komma igång med grunderna i webbutveckling.
Dubbelklicka sedan på style.css i css undermapp och ändra dess innehåll enligt nedan.
* font-family: Verdana, Lucida Sans, Arial, Helvetica, sans-serif; kropp margin: 0px auto; background-color: # 0a3003; img marginal: 0; vaddering: 0; gräns: 0; bredd: 100%; höjd: auto; display: block; flyta till vänster; .btn display: inline-block; vaddering: 15px 4% 15px 4%; marginal-vänster: 1%; marginal-höger: 1%; marginal-topp: 5px; marginal-botten: 5px; typsnittstorlek: 30px; text-align: center; vertikaljustering: mitt; gräns: 0; färg: #ffffff; bakgrundsfärg: # 4b4237; bredd: 40%; höjd: 80px; text-dekoration: ingen;
Vi har lagt till lite styling för kropp, bilder och navigeringsmenyerna. När du har gjort ändringarna, spara filen.
På samma sätt lägg till kod till alla andra HTML-filer du har skapat. De style.css fil i css undermappen måste vara extern länkad till alla dessa HTML-filer. Om du är säker på detta steg, ladda ner källfilerna från GitHub och kolla källan för förtydligande.
För att testa din app väljer du mittpgm projektmapp och, från menyn, välj Projekt> Byggprojekt att bygga projektet. Se till att emulatorns instans är igång.
Högerklicka på mittpgm mapp och välj Kör som> Tizen Wearable Web Application att köra projektet i emulatorn. Använd pilknapparna i användargränssnittet för att navigera till nästa eller föregående sida. Dra ner från toppen av skärmen för att avsluta appen.
I den här handledningen byggde vi en enkel komisk app med Tizen SDK for Wearable och sprang den på smart watch emulatorn som kommer med IDE. Den riktiga kul börjar när du är redo att installera och köra den på en fysisk enhet.
Du hittar mycket mer information på Samsung och Tizen Developers webbplatser. Vad väntar du på?
Accentsconagua