Hogyan készítsünk prezentációt a telefonról

Hogyan készítsünk prezentációt webes technológiák segítségével?

Mindenki ismeri az irodai szörnyeket Powerpoint és Keynote, de valamilyen oknál fogva néhány ember örömmel dolgozik benne. És tényleg, mit tegyünk, ha nem minden könyvelőnél, hanem egy fejlesztő, vagy csak egy giga, és sokkal kényelmesebb, mint a kódban, mint az irodai csomagokban? Jó hírem van az Ön számára: A prezentáció már régóta készült a böngészőben, de olyan egyszerű és ismerős dolgok írása, mint a HTML, CSS vagy akár egy markdown.

Mindannyiunknak jön, amikor meg kell adnod a gondolatait másoknak. Nem csak, hogy elmondja a anecdotette egy kolléga, nem néz a verset a vihar, és tájékoztatja valami alapvetően fontos, magyarázza a komplex elképzelést, a tapasztalatok megosztását. És ha a legtehetségesebb számunkra ahhoz, hogy menjen a színpadra, és csak légy önmagad, mint a TED résztvevői nem, a többség kell támaszkodni a diákat. Elfelejtettem az első alkalommal a táblán a jelölőkkel, csak emlékszem, csak emlékszem, hogy a jelentés kulcsfontosságú elképzelése a CSS blokk modelljének kulcsfontosságú elképzelésére fordult.

Hogyan működik

A webes technológiák fejlesztése régóta vezetett minket a dokumentumokból – ahol az egyetlen szórakoztatás volt a kék linkek séta. Ma a HTML, a CSS és a JavaScript használatával nemcsak alkalmazást készíthet, hanem egy teljes körű operációs rendszert is írhat, mint a Firefox OS esetében.

Hogyan kell alkalmazni a prezentációkat? Csak írjon be egy prezentációt HTML, Marcdown vagy akár YAML formátumban, a böngésző eredményét futtatja, menjen a teljes képernyős módba, és indítsa el a történetet. Az ilyen prezentációk tökéletesen hallgatják a konzolokat, lehetővé teszik az átmenetek animálásához, képek és videók beillesztése, a szokásos szöveg és listák mellett.

Opera show

Opera show – a prezentációk létrehozásának első formátuma a böngészőben. Megpróbálhatja a prezentáció generátorát a Chokes Vouma-ban. OSF dokumentáció is rendelkezésre áll.

A legkorábbi kísérlet arra, hogy a prezentációkat a böngészőben közvetlenül az Opera Show rendszer, amely az év fényét látta. A rendszer azon a tényen alapult, hogy az opera böngésző átkapcsolja a képernyőmédiát a teljes képernyős módba való áttéréskor. Ennek köszönhetően új stílusokat lehetett hozzáadni a cikkhez, a csúszdákon, és váltani a csúszkák és a csúszkák között .

A HAB fájl csak teljes képernyős módban lesz csatlakoztatva. Ráadásul az Opera megjelenítési formátum egyetlen JavaScript-vonal nélkül dolgozott, hogy a stílusokat vagy a diákat váltjon, mutassa be az összes CSS teljesítményt és egy bit böngésző mágiát. És ez nem véletlen: a formátum fő ideológusa volt az Opera szoftver műszaki igazgatója és a CSS Hokon Viur Lee feltalálója.

S5

S5-cross-böngésző Az Opera-i ötletek megjelenítése Eric Meyer, egy példa egy bemutatóra. “S5”, mert az egész öt betű teljes nevében: egyszerű szabványok alapú diavetítő rendszer.

Néhány évvel később, egy másik Patriarch CSS ERIC MEYER bővített Opera bemutatója, és megjelentette a bemutató motor első verzióját. Az az elképzelés, kapcsolási böngésző a bemutató módot teljes képernyős módban által javasolt Opera, nem talál támogatásra más böngésző, így a S5 Meyer használt rendszer JavaScript váltani a bemutató stílusok.

Az S5 rendszer az ablak méretétől függően kilépett a dia betűkészleteinek (a CSS Media környezetek használatával), amely lehetővé tette, hogy a listák és egyéb elemek köré mozoghasson egy csúszkán belül, felajánlotta a tervező csatlakoztatására szolgáló rendszert.

A jövőben az S5 rendszert átírták a jquery és az úgynevezett S6-nak, aztán írtak egy csúszógenerátort a Wiki-jelölésből Ruby nevű S9-ben. De ezek és az S5-en alapuló egyéb projektek nem kaptak fejlődést és népszerűséget.

Nyugodt és robbanás

Miután megjelenik az S5 rendszer, a böngészőkben dolgozó előadások történetében van. Akár mindenki az irodai csomagokra költözött, függetlenül attól, hogy a böngészők lehetősége hiányzik-e valami valóban lenyűgözőnek.

És csak akkor, ha CSS3 kéznél HTML5 kezdték diadalmenet a bolygón, egy igazi kambriumi robbanás történt: a motorok előadások a böngésző kezdtek megjelenni egyesével – a legegyszerűbb szerzői vállalati.

CSSS

CSSSS-Slide System LII LII CSS max. A teljes név CSS-alapú diavetítés rendszerben, mint az S5-ben, sok levél S.

Az évben Lia Vero elkezdte felmászni az Olympus webfejlesztését a prezentációtól a front-trendek konferenciáján, amelyre speciálisan írta a CSS-ot. Az előadás annyira tetszett a közvéleményt, hogy Lia éjszakán lett a legnépszerűbb szónok szakmai konferenciák, valamint a CSSS motor-án közzétett GitHub.

A CSSS örökli az S5 ötletét a CSS-képességek maximális használatáról a bemutatásra, azonban a LII motor JavaScript-összetevője új szintre emelkedik. A JavaScript bővítményeket a motorra írták: az egyik a kód és több kód szerkesztése a diákon. A pluginok második csoportja megengedte LII-t, hogy megosztja az ovációkat, élénk szerkeszteni a példák kódját a csúszkából a csúszkán. Most nem csak a képernyőn készült képek, hanem a kísérletek élő felülete.

Mint más motorok a hullámok előadásaihoz, a CSS-k csak a legújabb verziókkal kompatibilisek a böngészők legújabb verzióival, a LII motor első ideje csak a kedvenc Firefox böngészőjének éjszakai szerelvényeiben dolgozott. De, mint Lia írja, a technikai környezet konferenciákon mindig feltételezi akár összekötő saját számítógép, illetve az aktuális verzió böngészők egyikének.

Hab

Hab-prezentáció Hakki El Hattaba, amely vonzza az egyszerűségét, a 3D effekteket és a speciális online szolgáltatást a Hab bemutatók létrehozásához

Az ügy egy év alatt volt, a Hakim svéd fejlesztője, El Hattab jelentést készített az SVG-ről a helyi konferenciára, így a CSS 3D-s képességekkel játszott, amely egy egyszerű motort épített rájuk. Túl egyszerűnek hívta: CSS 3D diavetítés. A háromdimenziós hatást és a kétszintű navigációt annyira szerette a nyilvánosság számára, hogy a motort az új név alatt alakították ki, nemcsak új név, hanem más komoly dolgok, például dokumentáció, közösségi támogatás és a tároló GitHubról, de nem vesztette el az eredeti egyszerűség: a sötét területen egy rave közepén, fehér betűkkel a központban, és lenyűgöző 3D ível. De Khakim nem nyugtatta meg ezt, és egy egész szolgáltatást nyújtott, amely lehetővé teszi, hogy bemutatja a HAB-motor bemutatását, és tárolja őket az oldalon.

Ennek a motornak egyik érdekes funkciója, hogy képes a diák tartalmát a markdown formátumban írni. A speciális szkript a szöveget a HTML-ben a nyáron átalakítja.

Hab

Hab-motor előadások Barteque Kereskedelem 3D ível, a fejlődő Prezi „felület ötletek” nyílt technológiák közvetlenül a böngészőben.

A HAB Bartec Shopki motor bemutatása provokatív módon kezdődik: bizonyítja az unalmas fehér csúszkát, és kérdezzen egy kérdést “, és hogy nem fáradt a monoton prezentációkból?”- Egy csúszda, második, harmadik … és itt, amikor a negyedikre költözik, minden megváltozik. Találsz magad egy nagy felületen, ahol a bemutatót alkotó ötleteket trükkösen vágják le, és a következő átmenetet egy bonyolult span kíséri, amelyből a szellem rögzíti.

Az évben a HAB motor megjelent az évben a szolgáltatás “felszíne”, hogy létrehozza a Prezi prezentációit, új technológiával elérhető a böngészőkben elérhető új technológiával, az animációval és a 3D-s képességekkel a CSS-hez, és ha a Prezi egy kereskedelmi szolgáltatás zárt flash platformon, majd HAB – Ez egy nyitott könyvtár működik közvetlenül a böngészőben nélkül plug-inek és díjcsomag.

Google sablonok

A Google I / O sablonja egy vállalati motor a Google-ból származó prezentációkhoz, gondosan dolgozott stílusokkal, külön ablakkal a hangszóró jegyzeteihez. Jól alkalmas műszaki jelentésekre. A sablon korábbi verziója kevésbé vállalatnak tűnik.

Ha továbbra is úgy gondolja, hogy a böngészőben szereplő prezentáció az egyetlen olyan technológusok, akik versenyeznek egymással a lelkesedéssel és az új technológiák iránti szeretetben, akkor tévednek. A világ egyik legnagyobb vállalata, amely a Google Dokumentumok formájában a böngészőinkben teljes körű iránti irodát hozott, hosszú kísérletezte a prezentációs motorokat. És ha a tömeges felhasználói kiderült lehetőséget teremt és mutat egy bemutatót a Google Docs közvetlenül a böngészőben, akkor a Google alkalmazott technológia több változatát saját motorok beszédek Google Developer Day és a Google I / O konferencia.

A Google Prezentációs motor “Corporate” motorjának legfrissebb verziója volt a sablon, amely a Google I / O Key Conference beszédeire készült, ez a sablon lehetővé teszi az összes elképzelhető tartalomtípus használatát: az egyszerű szövegből és kódfragmentumokból összetett asztalokhoz és PAI-diagramokhoz. Még egy külön böngészőablakot is visszavonhat a második monitorhoz, és megjegyzéseket kaphat rajta a diák és a következő diákok áttekintéséhez, közvetlenül a felnőtt asztali rendszerekben.

Lírai digression

Ez az idő a személyes tapasztalatok megosztására szolgál. A végződő szolgája elolvasta első jelentését a RIT konferencián, és az Adobe Illustrator-ban készült: hatalmas dokumentum volt a pixeleken, amely néhány percet nyitott meg, kegyetlenül lelassult és végül PDF-ben nyomtatott. Illusztrátor szükséges volt vallni a leginkább kényelmetlen eszközt, hogy hozzon létre prezentációkat, amelyeket valaha használtam. Itt szünetre kell szünetelned.

Aztán volt egy kísérlet, hogy használat PowerPoint sablonok, ahonnan a fogak csökkent, rövidlátó intriguity a Keynote (Apple, elvégre nem tud rossz, így miután az összes?). És a végén jöttem egyszerű gondolat: ha én vagyok a technikus, és mondd el a technológia, arról, hogy hatalmas erő és potenciál, aztán meg kell használható eszközöket, amelyek ellentmondanak a saját ötletek.

Információ

Web Standards Days egy ingyenes konferenciát frontend technológiák amely birtokában van a közösségi „Web Standards” Minszk, Kijev, Szentpétervár, Moszkva és más városokban.

Az év során a “Webes szabványok” közösség tartott Minszkben a webes szabványok első konferenciáját, amelyen beszéltem a webes betűtípusokról szóló jelentéssel, és közvetlenül a böngészőből dolgozott. A kísérlet sikeresnek bizonyult, bár ez a prezentáció az opera show rendszeren dolgozott, érthető, csak az opera böngészőben. Két év telt el, mielőtt ez a motor valami olyan érdekes volt, amely meg akarta osztani másokkal.

Zuhany

Tusolja a prezentációs motort dia megtekintési móddal, a motortól elválasztott témákkal és széles körű böngészővel. A név a szavak játéka: A logó megmutatja a zuhanyzót, de a “zuhany” is “az, aki megmutatja”.

Az év során ugyanazon a Rita, a jelentésem “elrendezés”, és először a közönség új zuhany bemutató motorja bizonyította. A motor fő chipje két mód volt: egy dialistával, a második bemutatóval. A zuhany alapvetően osztja a motort és a témákat a diákok számára, így a téma használatával a bemutatás az elismerésen túl lehet változtatni.

A zuhanyzóval együtt a szalag és a fényes téma két témája, amely, bár kevésbé hatékonyan működnek, mint a Hab-os, de hozza létre azokat a feltételeket, amelyekben rossz bemutatóvá válik: a dia szövege nem sokat kényelmes a szöveghez. illeszkedjen a dia teljes méretéhez. Határon böngésző itt, ellentétben sok más motor, a magasban: témák egyszerűen nem használja képességeit, hogy nem támogatja a legújabb stabil verzió a népszerű böngészők.

A Shower már látható a Froners Konferencián, a Yandex-fejlesztők, az osztálytársak, a gonosz marsok és sok más bemutatásaiban. De ez egy vallomás számomra, mivel a szerző a Hokon Vium Lee teljesítménye volt, a Szerző Opera Show, az SXSW konferencia hódolásánál használta a jelentését.

Következtetés

A konferenciák népszerűségének növekedése, nem csak nagy, hanem kis, nem kereskedelmi jellegű, új funkciókkal gazdagították a tesztszerszámot. A Monstation Office csomagok nem adják fel pozícióikat, de egyértelműen látták, hogy a böngésző bemutatók népszerűsége növekszik, különösen a műszaki jelentésekért.

A modern technológiák, a könnyű felállításának motorok igényeinek, függetlenségét a platform és alapvetően új megközelítéseket bemutató make böngésző előadások a központ által a megjelenése friss ötleteket, amelyek megtalálják a helyüket a hagyományos programok.

És ha végül nem bérelt, és érdekel a webes technológiák, kísérletezés, és próbálkozzon valami új, akkor ne hagyja ki a lehetőséget, hogy próbálja ki a böngésző előadásait. És jobban írja meg saját motorját – az egész világ irigységére.

Www

A Wikipedia egy egész cikk webalapú diavetítéssel rendelkezik, áttekintve a böngészőben működő összes prezentációs rendszert. Külön figyelmet érdemel a Luis Lazaris cikkét, és áttekintést nyújt az öt legjobb HTML prezentációról a webhelypointon.

Az első alkalommal, amikor a “Hacker” folyóiratban megjelent 05 /
Szerző: Vadim Makeev, Evangélista Opera, Pepestsbey

A HAB-n kívüli kiadvány

Feliratkozás a “hacker”

PS megoszthatja a tudást és az érdekes ötleteket írásban] [? Tudasd velem :). Fizetünk díjakat, de nem lehet a fő motiváció.