際際滷

際際滷Share a Scribd company logo
Setk叩n鱈 s v箪voj叩i
Mobiln鱈 aplikace


Ing. Petr Klime邸, vedouc鱈 t箪mu v箪voje, petr.klimes@firma.seznam.cz
Ing. Martin Bak, program叩tor senior, martin.bak@firma.seznam.cz
Ing. Luk叩邸 Korba, program叩tor iOS, lukas.korba@firma.seznam.cz
Setk叩n鱈 s v箪voj叩i



 Twitter:      @seznamvyvojari
 URL:          http://vyvojari.seznam.cz




www.seznam.cz                               @seznamvyvojari
Setk叩n鱈 s v箪voj叩i
Podpora mobiln鱈m aplikac鱈m
 vyv鱈jen辿 technologie a jejich pou転it鱈 (SMS br叩na, ImageSizer, Detekce,
  WSGIPublisher)
 podpora pro v邸echny mobiln鱈 aplikace (Novinky.cz, Mapy.cz) tzv. Proxy
 podpora pro st叩vaj鱈 a pipravovan辿 nov辿 vektorov辿 mapy.cz (pr叩ce nad
  vektory, k坦dov叩n鱈, komprimace, bareler)


Mobiln鱈 aplikace Mapy.cz
 2D vykreslov叩n鱈 a n叩vaznost na rastrov辿 mapy
 vektory a prostedky k jejich vykreslen鱈  OpenGL ES
 3D pohled na svt (pipravovan辿 nov辿 Mapy.cz)



www.seznam.cz                                                    Petr Klime邸
Co dl叩me na backendu (BE)?
Samostatn辿 syst辿my      Platformy
SMS Br叩na              WSGI Publisher
                        SiteBuilder
Podp哲rn辿 slu転by
ImageSizer             Jazyky
Detekce                C++
Statistiky             Python
+ Adminweby            Javascript
                        ...
Backendy pro aplikace
Novinky.cz             Mnoho dal邸鱈ch knihoven..
Mapy.cz



 www.seznam.cz                               Martin Bak
BE st叩vaj鱈c鱈 aplikace Mapy.cz
Pedev邸鱈m proxy pro
Hled叩n鱈
Pl叩nov叩n鱈 cest
Stahov叩n鱈 dla転dic
...



R哲zn辿 probl辿my
V邸e v rastru
Mnoho verz鱈 aplikac鱈 /
backend哲



 www.seznam.cz                 Martin Bak
BE pro vektorov辿 Mapy.cz
P鱈prava dat
Kreslen叩 run => je poteba mnoho oprav
蔀prava polygon哲:

Ped:                        Po:




 www.seznam.cz                              Martin Bak
BE pro vektorov辿 Mapy.cz
P鱈prava dat
Spojov叩n鱈 budov, les哲, ba転in, ..
Zjednodu邸ov叩n鱈 geometri鱈:



                                    ?




        0m                   4m         12 m
A mnoho dal邸鱈ch 炭prav ...


 www.seznam.cz                             Martin Bak
BE pro vektorov辿 Mapy.cz
Ulo転en鱈 dat - BAREL
Bin叩rn鱈 reprezentace oblasti
Skl叩d叩 se ze subbarel哲:




      hloubka 1   hloubka 2     hloubka 3   hloubka 4




 www.seznam.cz                                      Martin Bak
BE pro vektorov辿 Mapy.cz
Ulo転en鱈 dat - BAREL
V鱈ce zoom哲 v jednom barelu
Komprimace dat a k坦dov叩n鱈 vektor哲 (bod, 叩ra, mnoho炭heln鱈k)
   lBlokov辿

   lFibonacciho

XML Styly  jak se kter箪 vektor vykresl鱈

     0000000 0c1e 2153 9200 002a 224f 3300 001c 1403
     0000010 c700 0017 1bbc 1f00 0015 26d3 5200 0033
     0000020 2fcf eb00 001d 1c64 4900 001e 2761 a000
     0000030 0019 2779 cd00 001d 31ce 3000 0026 1d55
     0000040 3100 0021 11da 4500 0011 2727 5c00 0015
     0000050 198d 5300 001c 1b68 e500 0016 1381 6800
     0000060 0012 1752 3900 0012 1b5b 2800 001c 1d1d
     0000070 6800 0013 11f1 8d00 000a 1e99 5f00 001f
     0000080 157f 8400 0018 144e d700 000f 1378 7e00
     0000090 0016 14ea b900 000f 098c 5a00 0011 1b5c
     00000a0 2e00 001a 1380 cb00 0018 14e5 ad00 0012
     00000b0 0b5c 8500 000a 0b8c 2a00 001a 145b b200
     00000c0 0010 2184 b6ca 9835 edf1 074e ac1f 179b
     00000d0 1c5d 8d83 805c 9941 0870 8557 87be f052
     00000e0 6060 6060 6060 6060 6060 6060 a0a0 a0a0
     00000f0 a0a0 a0a0 a0a0 a0a0 a0a0 0110 0101 abab
     0000100 abab 0101 0001 7f00 0000 01de f300 0000
     0000110 001b 1800 0000 06ba 3300 0000 002a 1d00




 www.seznam.cz                                         Martin Bak
2D
Rasterov辿 enginy  canvas
OpenGL - textury
Ortho camera




 www.seznam.cz              Luk叩邸 Korba
OpenGL
OpenGL ES 1.1  fixn鱈 pipeline
 Nutnost e邸it antialiasing


OpenGL ES 2.0  programovateln叩 pipeline
 Multisampling
 Shadery  verze 1.2, precision




OpenGL
 Nejobecnj邸鱈
 Shadery dle grafick辿 karty



  www.seznam.cz                            Luk叩邸 Korba
OpenGL ES 1.X




www.seznam.cz   Luk叩邸 Korba
OpenGL ES 2.0




www.seznam.cz   Luk叩邸 Korba
3D
Analogie k 3D hr叩m




       3D hry                            Mapy
       HW vykreslov叩n鱈 (DX)                OpenGL ES
       Slo転it辿 datov辿 struktury (BSP-      R-Tree
       Tree, k-d tree, )                   Vektrorov叩 data
       3D modely, textury                  Viewport
       Culling                             vl叩kna
       multiprocesory

 www.seznam.cz                                             Luk叩邸 Korba
R-Tree




www.seznam.cz   Luk叩邸 Korba
Dkujeme za pozornost
Petr Klime邸, Martin Bak, Luk叩邸 Korba

www.seznam.cz

More Related Content

Odpoledne s vyvojari - mobilni aplikace

  • 1. Setk叩n鱈 s v箪voj叩i Mobiln鱈 aplikace Ing. Petr Klime邸, vedouc鱈 t箪mu v箪voje, petr.klimes@firma.seznam.cz Ing. Martin Bak, program叩tor senior, martin.bak@firma.seznam.cz Ing. Luk叩邸 Korba, program叩tor iOS, lukas.korba@firma.seznam.cz
  • 2. Setk叩n鱈 s v箪voj叩i Twitter: @seznamvyvojari URL: http://vyvojari.seznam.cz www.seznam.cz @seznamvyvojari
  • 3. Setk叩n鱈 s v箪voj叩i Podpora mobiln鱈m aplikac鱈m vyv鱈jen辿 technologie a jejich pou転it鱈 (SMS br叩na, ImageSizer, Detekce, WSGIPublisher) podpora pro v邸echny mobiln鱈 aplikace (Novinky.cz, Mapy.cz) tzv. Proxy podpora pro st叩vaj鱈 a pipravovan辿 nov辿 vektorov辿 mapy.cz (pr叩ce nad vektory, k坦dov叩n鱈, komprimace, bareler) Mobiln鱈 aplikace Mapy.cz 2D vykreslov叩n鱈 a n叩vaznost na rastrov辿 mapy vektory a prostedky k jejich vykreslen鱈 OpenGL ES 3D pohled na svt (pipravovan辿 nov辿 Mapy.cz) www.seznam.cz Petr Klime邸
  • 4. Co dl叩me na backendu (BE)? Samostatn辿 syst辿my Platformy SMS Br叩na WSGI Publisher SiteBuilder Podp哲rn辿 slu転by ImageSizer Jazyky Detekce C++ Statistiky Python + Adminweby Javascript ... Backendy pro aplikace Novinky.cz Mnoho dal邸鱈ch knihoven.. Mapy.cz www.seznam.cz Martin Bak
  • 5. BE st叩vaj鱈c鱈 aplikace Mapy.cz Pedev邸鱈m proxy pro Hled叩n鱈 Pl叩nov叩n鱈 cest Stahov叩n鱈 dla転dic ... R哲zn辿 probl辿my V邸e v rastru Mnoho verz鱈 aplikac鱈 / backend哲 www.seznam.cz Martin Bak
  • 6. BE pro vektorov辿 Mapy.cz P鱈prava dat Kreslen叩 run => je poteba mnoho oprav 蔀prava polygon哲: Ped: Po: www.seznam.cz Martin Bak
  • 7. BE pro vektorov辿 Mapy.cz P鱈prava dat Spojov叩n鱈 budov, les哲, ba転in, .. Zjednodu邸ov叩n鱈 geometri鱈: ? 0m 4m 12 m A mnoho dal邸鱈ch 炭prav ... www.seznam.cz Martin Bak
  • 8. BE pro vektorov辿 Mapy.cz Ulo転en鱈 dat - BAREL Bin叩rn鱈 reprezentace oblasti Skl叩d叩 se ze subbarel哲: hloubka 1 hloubka 2 hloubka 3 hloubka 4 www.seznam.cz Martin Bak
  • 9. BE pro vektorov辿 Mapy.cz Ulo転en鱈 dat - BAREL V鱈ce zoom哲 v jednom barelu Komprimace dat a k坦dov叩n鱈 vektor哲 (bod, 叩ra, mnoho炭heln鱈k) lBlokov辿 lFibonacciho XML Styly jak se kter箪 vektor vykresl鱈 0000000 0c1e 2153 9200 002a 224f 3300 001c 1403 0000010 c700 0017 1bbc 1f00 0015 26d3 5200 0033 0000020 2fcf eb00 001d 1c64 4900 001e 2761 a000 0000030 0019 2779 cd00 001d 31ce 3000 0026 1d55 0000040 3100 0021 11da 4500 0011 2727 5c00 0015 0000050 198d 5300 001c 1b68 e500 0016 1381 6800 0000060 0012 1752 3900 0012 1b5b 2800 001c 1d1d 0000070 6800 0013 11f1 8d00 000a 1e99 5f00 001f 0000080 157f 8400 0018 144e d700 000f 1378 7e00 0000090 0016 14ea b900 000f 098c 5a00 0011 1b5c 00000a0 2e00 001a 1380 cb00 0018 14e5 ad00 0012 00000b0 0b5c 8500 000a 0b8c 2a00 001a 145b b200 00000c0 0010 2184 b6ca 9835 edf1 074e ac1f 179b 00000d0 1c5d 8d83 805c 9941 0870 8557 87be f052 00000e0 6060 6060 6060 6060 6060 6060 a0a0 a0a0 00000f0 a0a0 a0a0 a0a0 a0a0 a0a0 0110 0101 abab 0000100 abab 0101 0001 7f00 0000 01de f300 0000 0000110 001b 1800 0000 06ba 3300 0000 002a 1d00 www.seznam.cz Martin Bak
  • 10. 2D Rasterov辿 enginy canvas OpenGL - textury Ortho camera www.seznam.cz Luk叩邸 Korba
  • 11. OpenGL OpenGL ES 1.1 fixn鱈 pipeline Nutnost e邸it antialiasing OpenGL ES 2.0 programovateln叩 pipeline Multisampling Shadery verze 1.2, precision OpenGL Nejobecnj邸鱈 Shadery dle grafick辿 karty www.seznam.cz Luk叩邸 Korba
  • 12. OpenGL ES 1.X www.seznam.cz Luk叩邸 Korba
  • 13. OpenGL ES 2.0 www.seznam.cz Luk叩邸 Korba
  • 14. 3D Analogie k 3D hr叩m 3D hry Mapy HW vykreslov叩n鱈 (DX) OpenGL ES Slo転it辿 datov辿 struktury (BSP- R-Tree Tree, k-d tree, ) Vektrorov叩 data 3D modely, textury Viewport Culling vl叩kna multiprocesory www.seznam.cz Luk叩邸 Korba
  • 15. R-Tree www.seznam.cz Luk叩邸 Korba
  • 16. Dkujeme za pozornost Petr Klime邸, Martin Bak, Luk叩邸 Korba www.seznam.cz

Editor's Notes

  • #2: T箪m o dev鱈tilidechnaaplikac鱈chtzv. frontend,jeden tester, tyilid辿pracuj鱈c鱈backendu.
  • #3: S辿riesetk叩n鱈, kter辿prob鱈h叩 od z叩鱈. Interval ccajedoums鱈n.Zab箪v叩me se v箪vojemaplikac鱈 pro mobiln鱈za鱈zen鱈. (Tv program, Novinky, Mapy) T箪m 10 lid鱈, dvanaka転douplatformu.