Share
Ce veți creaA deveni un dezvoltator inteligent de aplicații de ceas este o idee grozavă, dar dacă ești un dezvoltator HTML? Veți putea să vă realizați visul fără a trece la o platformă complet diferită? Trebuie să vă abandonați toate abilitățile HTML și să începeți din nou? Nu-ți face griji. Tizen vine la salvarea ta.
Tizen este un sistem de operare al familiei Linux, care vizează o gamă largă de dispozitive de la smartphone la ceasuri inteligente și multe altele. În timp ce Tizen este un proiect în cadrul Fundației Linux, este ghidat de Asociația Tizen, al cărei membri includ Samsung, Intel și alte companii bine cunoscute în industria tehnologiei.
În acest tutorial, vă voi arăta cum să instalați și să configurați Tizen SDK pentru Wearable și să dezvoltați o aplicație inteligentă de ceas cu IDE. Să începem.
În prezent, sunt disponibile două tipuri de SDK, Tizen SDK și Tizen SDK pentru uzură. Din moment ce acest tutorial este despre dezvoltarea unei aplicații de ceas inteligente, de la Tizen SDK pentru Wearable.
Puteți să o descărcați de pe site-ul Tizen Developers. Trebuie să descărcați o versiune corespunzătoare instala managerul care se potrivește sistemului dvs. de operare și versiunii. Dacă preferați o instalare offline pentru cea online, trebuie să descărcați un Imaginea SDK de asemenea. Dacă sistemul dvs. de operare este Windows 8 sau Windows 8.1, puteți descărca fișierele de instalare clasificate sub Windows 7. Acestea vor funcționa pe Windows 8 și 8.1 foarte bine.
Consultați instrucțiunile detaliate ale Tizen pentru a citi despre cerințele hardware și software pe care ar trebui să le îndeplinească computerul.
Puteți instala SDK-ul chiar dacă computerul nu îndeplinește aceste cerințe hardware. Cu toate acestea, dacă faceți acest lucru, emulatorul de ceas inteligent va fi lent, ceea ce va duce la o testare slabă a aplicațiilor. Vizitați documentația pentru mai multe detalii. Aceasta explică modul de activare Tehnologia virtualizării (VT) în BIOS și Prevenire executare date pe Windows.
Dacă doriți, puteți instala Intel HAXM separat. După ce ați terminat instalarea, reporniți computerul.
În panoul din stânga al IDE există două ferestre, Proiect Explorer și Conexiune Explorer. Proiect Explorer arată proiectele create de utilizator. Conexiune Explorer listează dispozitivele conectate disponibile în prezent, instanțele emulatorului sau dispozitivele la distanță.
Va dura ceva timp pentru a lansa emulatorul. Ar trebui să vedeți o fereastră cu un ecran de pornire asemănător capturii de ecran de mai jos, atunci când este în desfășurare. Exemplu de emulator ar trebui să apară ca o intrare în Conexiune Explorer.
Glisați în sus de la punctul de mijloc inferior al ecranului de pornire pentru a accesa ecranul care afișează aplicațiile instalate pe dispozitiv sau emulator. Din moment ce nu ați instalat încă nicio aplicație, doar Setări pictograma este afișată.
Puteți să vă întoarceți la ecranul anterior sau să renunțați la o aplicație prin deplasarea în jos din partea de sus a ecranului.
În acest exemplu, vom crea o aplicație simplă pentru a afișa o benzi desenate. Să ne uităm la fiecare pas pe rând.
Să creăm un nou proiect în IDE.
HTML, CSS și JavaScript formează baza pentru programarea pe platforma Tizen. Dacă sunteți un expert HTML, atunci nu trebuie să învățați un nou limbaj de programare pentru a scrie aplicații pentru platforma Tizen. Puteți utiliza abilitățile existente în HTML, CSS și JavaScript.
Trebuie mai întâi să adăugăm două subdosare la AplicațiaMea proiect, comic și imagini. Pentru a face acest lucru, faceți clic dreapta pe AplicațiaMea proiect în IDE și selectați Nou> Dosar. Subfolderele ar trebui să apară în lista extinsă AplicațiaMeafolder în IDE.
Descărcați fișierele sursă pentru acest proiect de la GitHub și navigați la imagini subfolder, care conține un număr de fișiere png. Copiați fișierele png la imagini subfolderul pe care l-ați creat acum un moment.
Aveți posibilitatea să lipiți fișiere pe imagini subfolder în Proiect Explorer făcând clic dreapta pe subfolder și selectând Pastă din meniul pop-up.
Apoi, creați nouă fișiere HTML cu următoarele nume de fișiere în comic subfolder, făcând clic dreapta pe comic subfolder și selectare Nou> Fișier. Asigurați-vă că includeți .html extensie pentru fișiere.
Ar trebui să aveți acum nouă fișiere HTML în comic subfolder.
Acum, editați codul în index.html. Acest fișier este punctul de intrare al aplicației dvs. Dublu click index.html pentru a deschide fișierul în IDE. Modificați conținutul eticheta cu următoarele:
<<>>
Tot ce am făcut este să adăugați o imagine la pagină și două butoane pentru a naviga spre celelalte pagini, deoarece comedia noastră va avea zece pagini. Odată ce ați făcut aceste modificări, salvați fișierul selectând Fișier> Salvare din meniu.
Dacă sunteți nou în HTML și CSS, Tuts + are o colecție imensă de tutoriale excelente care vă vor ajuta să obțineți viteza cu elementele de bază ale dezvoltării web.
Apoi, faceți dublu clic style.css în css subfolder și modificați conținutul acestuia, după cum se arată mai jos.
* font-familie: Verdana, Lucida Sans, Arial, Helvetica, sans-serif; corp margine: 0px auto; background-color: # 0a3003; img margine: 0; umplutura: 0; frontieră: 0; lățime: 100%; înălțime: auto; afișare: bloc; plutește la stânga; .btn display: inline-block; umplutura: 15px 4% 15px 4%; margin-stânga: 1%; marginea-dreapta: 1%; margin-top: 5px; margin-bottom: 5px; font-size: 30px; text-align: centru; vertical-aliniere: mijloc; frontieră: 0; culoare: #ffffff; fundal-culoare: # 4b4237; lățime: 40%; înălțime: 80px; text-decoration: nici unul;
Am adăugat un stil pentru corp, imagini și meniuri de navigare. Odată ce ați făcut modificările, salvați fișierul.
În mod similar, adăugați codul tuturor celorlalte fișiere HTML pe care le-ați creat. style.css fișier în css subfolderul trebuie să fie conectat extern la toate aceste fișiere HTML. Dacă sunteți sigur de acest pas, descărcați fișierele sursă de la GitHub și examinați sursa pentru clarificare.
Pentru a testa aplicația, selectați AplicațiaMea și selectați din meniu Proiect> Proiect construit pentru a construi proiectul. Asigurați-vă că instanța emulatorului este în funcțiune.
Faceți clic dreapta pe AplicațiaMea și selectați Executați ca aplicație Web Tizen Wearable pentru a rula proiectul în emulator. Utilizați butoanele săgeată din interfața de utilizare pentru a naviga la pagina următoare sau anterioară. Glisați în jos din partea de sus a ecranului pentru a părăsi aplicația.
În acest tutorial, am construit o aplicație simplă de benzi desenate cu Tizen SDK for Wearable și am rulat-o pe emulatorul inteligent de ceas care vine împreună cu IDE-ul. Distracția reală începe când sunteți gata să instalați și să o rulați pe un dispozitiv fizic.
Puteți găsi o mulțime de informații suplimentare pe site-urile Samsung și Tizen Developers. Ce mai astepti?
Accentsconagua