, introduktion til smart - app udvikling med tizen,,,,, 36,,,,,,,,, 4,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,,,,, hvad du gerne vil være at skabe,,,,,,, blive klog på app "er en god idé, men hvad hvis du er en html entreprenør?vil du være i stand til at indse at din drøm, uden at skifte til en helt anden platform?er du nødt til at opgive alle dine html færdigheder og starte forfra igen?må ikke bekymre dig.tizen kommer for at redde dig, tizen er et styresystem til linux - familien, som er rettet mod en række anordninger fra smartphones intelligent ure og meget mere.mens tizen er et projekt, som linux - fonden, der er styret af de tizen sammenslutning, hvis medlemmer omfatter samsung, intel, og andre velkendte virksomheder i industri.,,, i denne forelæsning, vil jeg vise dig, hvordan at installere og få den tizen sdk for bærbare og udvikle en smart ur anvendelse med ide.lad os komme i gang.,,, 1. installere & konfigureringen sdk, trin 1: tizen sdk eller tizen sdk til bærbare?,, som i øjeblikket to typer sdks er til rådighed, tizen sdk og tizen sdk til bærbare.da det drejer sig om at udvikle en selvstændig smart resten på app, hvad du har brug for, er tizen sdk til bærbare.,, du kan downloade fra tizen udviklere websted.du er nødt til at downloade en passende, installere manager, der passer til dit operativsystem og version.hvis du foretrækker offline anlæg til en online, er du nødt til at downloade en, sdk billede også.hvis din virksomhed er vinduer 8 eller vinduer 8.1, du kan downloade de installationsfiler klassificeret i henhold til windows 7.de vil arbejde på vinduer. 8 og 8.1 fint.,, trin 2: krav, henvise til tizen detaljerede instruktioner til at læse om den hardware og software, krav, din computer skal opfylde.,, kan du installere sdk, selv hvis din computer ikke opfylder de krav til hardware.men hvis du gør, smart ur emulator vil være langsom, hvilket resulterer i dårlig app test.besøg af den dokumentation, for flere oplysninger.det forklarer, hvordan man kunne virtualization teknologi (vt) i dit bios - og data henrettelse forebyggelse, vinduer, trin 3: installere sdk, drive, installere manager, , du har downloadet tidligere.dette er en. exe fil med en filnavn, som tizen-wearable-sdk-2.2.159_windows64.exe, afhængigt af deres operativsystem og version., klik, avancerede, til at gå til den næste skærm. på skærmen, check, sdk image, radio knap og navigere til zip - fil, der indeholder passende sdk image.bemærk, at jeg går ud fra, at du foretrækker en offline anlæg, og de har allerede hentet den nødvendige sdk billede til jeres udvikling maskine., udvælge, sdk image, zip fil og klik, åben, i dialogen kasse. en af sdk image, budskab ud.klik, okay, efter at udvinding, klik, og kørekort aftale, vindue ud. gå ind for, at kørekort og klik,.,,, konfiguration vindue, vil være den næste.jeg anbefaler, at alle se rubrik kontrolleres og klikke , næste. da, installere manager, anmodes der om en placering af anlæg, angive deres valg ved at vælge en vej, og at , installere.,, hvis du allerede har indrettet dit bios korrekt, intel hardware fremskyndet gennemførelse - manager, (oplysninger haxm) også vil automatisk blive installeret i løbet af denne proces. , hvis ikke, så hold op med at anlægget proces og få den film, så det kan lade intel haxm, , skal være installeret. glem ikke, at data henrettelse, forebyggelse, , hvis deres operativsystem er vinduer. genoptage anlæg.,, hvis du ønsker, kan du installere , oplysninger haxm , særskilt. , når anlægget er færdig, starte din computer. configuri, trin 4:ng den ide,, kigge den mappe, du har installeret sdk og navigere den ide, subfolder. løber eksekverbar fil ved navn, ide,. efter et par minutter, et vindue, skal anføres, om en placering af, arbejdsrum , for at redde, hvad du får. angive en sti af deres valg til lokalisering og klik, okay.efter den konfiguration, ide, bør anføres.,, løntrin 5: karakteristika for den ide, på den venstre side af den ide, der er to vinduer, , projektet udforsker og forbindelse opdagelsesrejsende.det projekt explorer, viser de projekter, der er skabt af brugeren.den forbindelse explorer, indeholder en liste over tilsluttede enheder, der i øjeblikket er til rådighed, emulator tilfælde eller fjerntliggende anordninger.,,,,, trin 6: at skabe en emulator instans i forbindelse , opdagelsesrejsende, klik på , emulator manager, ikon, den yderste venstre blå knap., klik , ja i , brugerkonto kontrol , vindue, der findes.dette vil bringe den , emulator manager , vindue., klik , tilføje nye, og give den et navn emulator f.eks. når du klik , bekræfte, , den nye emulator instans vil blive skabt. tryk på den blå knap med en pil i emulator ikon at iværksætte emulator.,, det vil tage tid at iværksætte emulator.du skulle se et vindue med en begyndende skærm svarende til nedenstående skærmbillede, når det er oppe og køre. den emulator instans bør anføres som en indførsel i den forbindelse explorer,.,, kør op fra bunden midt punkt for start - skærm på skærmen, der viser den installerede apps på anordningen eller emulator. , da du ikke har installeret nogen endnu, kun , indstillinger , ikon vises.,, du kan gå tilbage til den tidligere skærm eller stoppe en app ved at hugge ned fra toppen midt på skærmen.,,,,,, 2.udvikling af en enkelt tegneserie - app, i dette eksempel, er vi ved at skabe en enkel app udviser en tegneserie.Let's look at each step in turn.,,Step 1: Creating a New Project,,Let's create a new project in the IDE.,,Go to ,File > New > Tizen Wearable Web Project,.,In the window that appears, select ,Basic > Basic application, and set the ,Project name, to ,myapp,.,Tick the ,Use default location ,check box or browse to a different location of your choice, and click ,Finish,.,Your new project, ,myapp,, should appear in the ,Project Explorer,.,,, ,Click the small arrow on the left of ,myapp, to expand the project structure.,You should see an ,index.html,,,, ,file, a ,css, subfolder, a ,js, subfolder, and a few other files and folders.,,,,,HTML, CSS, and JavaScript form the basis for programming on the Tizen platform. hvis du er en html troldmand, så du behøver ikke at lære en ny programmering sprog til at skrive ansøgninger om tizen platform.du kan bruge din eksisterende: forskning og javascript færdigheder.,,, trin 2: tilføjelse af filer, aktiver og ressourcer, er det nødvendigt først at tilføje to subfolders til, myapp, projekt, sjove, og , billeder. til at gøre dette, right-click den , myapp, projekt mappe den ide og udvælge, nye > mappe.den subfolders bør anføres i den udvidede, myapp,, , folder i ide.,, downloade kilde filer til dette projekt fra github og sejle til, billeder, subfolder, som indeholder en række men heller ikke dér er menneskene sikre filer. kopiere men heller ikke dér er menneskene sikre filer til, billeder, subfolder du skabte for et øjeblik siden., kan du pasta filer til , billeder, subfolder i projektet udforsker, vindue ved ikke at trykke på subfolder og udvælgelse af , pasta, fra pop - up - menu, næste, skaber ni html filer med følgende filnavne i , sjove, subfolder ved ikke at trykke på , tegneserie, subfolder og udvælgelse af , nye > fil. sørge for at medtage,.: forlængelse af filerne.,,, page1. html,,, page2. html,,,,,,,,,,,,,, side9. html,,, du nu har ni html filer i, sjove, subfolder.,, trin 3: forøgelse af kode, lad os nu redigere kode i , index.html,.denne sag er angivelsen af deres ansøgning. double click , index.html, at åbne filen på den ide. ,, at ændre indholdet af , < afsnit >, tag til , < afsnit > anden race < /titel >,.Next, change the contents of the ,<body>, tag with the following:,,<body> <div> <div><img src="images/coverpage.png" alt="Cover Page" /></div> \t<div><a href="#" class="btn" ><<</a><a href="comic/page1.html" \tclass="btn" >>></a></div> </div> </body>,,All we did, is add an image to the page and two buttons to navigate to the other pages since our comic will have ten pages. når du har foretaget disse ændringer, medmindre sagen ved at udvælge, fil > bortset fra menuen.,,, hvis du er ny i html og css, tuts + har en stor samling af fremragende tutorials, som vil hjælpe dig med at komme på omgangshøjde med resten af nettet, næste, double-click udvikling. , stil. css, i, css, subfolder og ændre dens indhold, som vist nedenfor., * (font familie: verdana, lucida sans, ariel, helvetica, uden serif;} organ {margen: 0px auto; baggrund farve:�a3003;} img {margen: 0; polstring. 0; grænse: 0; bredde: 100%, højde: auto; display: blok; flyde: venstre} btn (display: i overensstemmelse med blok; polstring: 15px 4% 15px 4% margen: 1% margen: 1% margen top: 5px; margin-bottom: 5px; skriftstørrelsen: 30px; tekst tilpasse: center; vertikale linje: i midten, grænse: 0; farve:&#ffffff; baggrund farve:b4237; bredde: 40%, højde: 80px; tekst): ingen;}, har vi tilføjet nogle på vej til krop, billeder og sejlads menuer.når du har foretaget de ændringer, medmindre den fil, ligeledes tilføje kode til alle andre html filer, du har skabt.det, style.css, fil i , css, subfolder skal være eksternt sammen med alle disse html filer.hvis du bemærker, sikker på, om dette skridt, så downloade kilden filer fra github og undersøge den kilde til præcisering.,, trin 4: afprøvning af app, teste din app, udvælge , myapp, projekt - mappe, og fra menuen, vælge ,,, - projektet > bygge projekt ,,, til at bygge projektet. sikre emulator instans er oppe og køre.,, højre klik den , myapp ,,, servietter og udvælge , løb så > tizen bærbare webapplikationen til projektet i emulator. brug pilen knapper i bruger grænseflade til at sejle til den næste eller på foregående side. ud fra toppen af skærmen op app.,,,,, konklusion i denne forelæsning, vi byggede en simpel tegneserie app med tizen sdk for bærbare og kørte på smart ur emulator that kommer dog med den ide.det sjove begynder, når du er klar til at installere og drive det på en fysisk anordning, kan du finde en masse yderligere oplysninger om samsung og tizen udviklere websteder.hvad venter du på?,
