Google Map API V3 with MVC4 Razor

Készítettem GPS adatokat megjelenítő weboldalt. Megmutatom, hogyan lehet gyorsan és egyszerűen ugyanezt másnak is elérnie:

-Hozzunk létre egy Visual Studio 2013-al egy új webalkalmazást:
File-> new-> project
0

Válasszuk az MVC-modell-t és pipáljuk ki lent még hozzá a WEB API-t is.
1

Az index.cshtml-be(Views/Manage/index.cshtml) írjuk bele az alábbi kódot:
2

_Layoutba(Views/Shared/_Layout.cshtml) pedig a következőt: 3

Már lehet is futtatni a forráskódunkat! Fordításkor azon View-en nyomjunk fordítást, amit meg szeretnénk tekinteni, esetünkben ez az iindex.
4

Böngészőnk ezt adta eredményül.
Módosítjuk a kódunkat!
_Layout.cshtml-ben:
Initalize()-n belül:
– mapOptions-al definiálom a térkép tulajdonságait:
– center: az a pont amit középpontban látunk
-zoom: nagyítás mértéke
-Létrehozok jelőlőt is, aminek a helyét a LatLng-vel állítom be.
Állítsuk be Szegedet!
6
Létrehozok egy információs szöveget is az adott ponthoz:7

Jelenítsünk meg több gps koordinátát a térképen, úgy hogy megjelöljük őket:8
A végeredményünk:
9

Windows Universal apps

Windows 8 alatt, ha egy alkalmazást több platformra szerettünk volna kiadni, az elég sok munkával és kódduplikációval járt. Voltak ugyan különféle lehetőségek ezek javítására, de többnyire ezek is jelentős hátrányokkal jártak és egyik sem jelentett igazi megoldást. Nemcsak fejlesztői, de felhasználói oldalon is akadtak ebből fakadó kényelmetlenségek, ha ugyanannak az alkalmazásnak több felületre kiadott verzióját is használni szerettük volna. Közös fizetési rendszer híján sok probléma volt egy-egy fizetős tartalom/applikáció elérésével olyan esetekben, ha például mobilon megvettünk, majd tableten is el szerettük volna érni. Ha pedig a programunk különböző platformon futó verziói között szerettünk volna beállításokat szinkronizálni, arra legfeljebb egy külső szolgáltatáson keresztül volt lehetőségünk(pl. skydrive, amihez a felhasználó beleegyezésére is szükség volt). Mindez egy kisebb szakadékot jelentett a mobilon és tableten/pc-n futó szoftverek között.

A Windows 8.1 és a Windows universal apps egy lépéssel közelebb visznek a megoldáshoz, számos újítást és lehetőséget hoztak, amelyek megkönnyítik a Windows 8.1 és Windows phone 8.1-re történő fejlesztést.

Continue reading

Microsoft Azure Mobile Services

Sziasztok, Mészáros Tamás vagyok és első bejegyzésemben az Azure Mobile services-zel (MS) szeretnélek megismertetni benneteket.
A MS lehetőséget biztosít a fejlesztőknek, hogy alkalmazásuk mögé egy stabil, jól skálázható felhő alapú backendet állítsanak .NET, vagy Javascript alapokon. Elérhető a legelterjedtebb platformok mindegyikén, úgy is, mint iOS, Android, Windows és Mac.

Lehetővé teszi a felhasználók biztonságos beléptetését a már meglévő felhasználói fiókjaikkal, például Google, Microsoft, Facebook, vagy Twitter accounttal.
Lehetőség van továbbá személyre szabott push értesítések küldésére a felhasználóknak. Continue reading

MVC model,ASP.NET

Azoknak, akik nem jártasak az MVC model,ASP.NET környezetben:
Az alábbi videó sorozat próbál segíteni nekik:
http://channel9.msdn.com/Series/Introduction-to-ASP-NET-MVC

A videó anyag elején csak MVC-ról általánosan beszél. Amit érdemes azoknak is megnézni, akik nem .NET környezetben akarnak programozni. A sorozatban folyamatosan egymásra épülnek az anyagok. Kicsit zavaró, hogy nem mutatnak mindent amit csinálnak, de szerencsére kis idő ráfordítással kitalálható mit csináltak.

Negyedik részben kitérnek arra, hogy feltöltik az anyagokat githubra, amikkel otthonról is könnyen lehet követni az előadást, valamint jó alapot adnak a további gyakorláshoz.
Elérhetősége:
https://github.com/jongalloway/MVA-Introduction-to-ASPNET-MVC

Az előadók próbálnak lassan érthetően, egymást kiegészítve segíteni. Ami sikerül is.

Érdemes feliratkozni a Microsoft Virtual Academy-re, ahol újabb kurzusokról tájékozódhatunk.
Talán sikerorientáltabb, ha a regisztrálunk az MVA-ra és innen nézzük meg az anyagot:http://www.microsoftvirtualacademy.com/training-courses/introduction-to-asp-net-mvc
ekkor a haladásunkat a weboldal jelzi %-osan.

A „sorozat” angolul van, szerencsére be lehet kapcsolni hozzá a CC-t, amivel olvashatjuk is azt, amit éppen mond szóban.

Tartalomjegyzék:
Mod 01: Basics of MVC and the Moving Parts

Mod 02: Creating and Configuring Models

Mod 03: The Power of Visual Studio

Mod 04: Deep Dive into Controllers

Mod 05: Deep Dive into Views

Mod 06: Introduction to Bootstrap

Mod 07: Introduction to Authentication in MVC

Mod 08: Supplement Your Knowledge

A videókhoz írtam pár kiegészítő információt:

1.rész

Bevezetés, property gyors létrehozása.
Minden követhető, példákat videóval együtt lehet csinálni.

2.rész

Hibásan próbálnak létrehozni controllert, sajnos amikor a hibát kijavítják azt nem mutatják. Nekem sikerült rájönni mi a hiba úgy, hogy tovább néztem a tanagyagot.. Minden Controller létrehozása előtt futtatni érdemes a buildet! Miután rájöttem, hogy mi volt a hiba eddig újabb hiba készüld a bemutató filmben, amit nekik se sikerült megoldaniuk.

3.rész

Nekünk alig kell valamit írnunk, hiszen a Visual Studio megoldja/ megírja helyettünk a kódot. Tényleg! Eleinte nem akartam elhinni, de mindent legenerál. A videóból többet megtudhatunk
Okos kapcsolat a böngésző és a view(cshtml) között.

Minden problémámnak vége:
https://github.com/jongalloway/MVA-Introduction-to-ASPNET-MVC
Ezen az oldalon meg lehet tekinteni a forráskódokat.

4.rész

Kód nélküli részletes előadás és magyarázat a controllerről.

5.rész

Sok elmélet és magyarázás mellé kaptunk pár weboldal címet, ahol érdemes nézelődni.
ViewModel:
http://rachelappel.com/use-viewmodels-to-manage-data-amp-organize-code-in-asp.net-mvc-applications
egy másik fórum:
http://blog.geektrainer.com/

6.rész

http://jameschambers.com/2014/06/day-1-the-mvc-5-starter-project/
Néhány bootstrap:
http://bootswatch.com/
https://wrapbootstrap.com/
AngularJS:
http://channel9.msdn.com/Events/Build/2014/3-644
7.rész

Egy részletes leírás, mi is hangzik el pontosan az anyagban, kiegészítve google és twitter login-nal:
http://www.asp.net/mvc/tutorials/mvc-5/create-an-aspnet-mvc-5-app-with-facebook-and-google-oauth2-and-openid-sign-on
SSL-ről:
http://www.troyhunt.com/2011/01/ssl-is-not-about-encryption.html

8.rész
MVA oldala, milyen következő kurzusok lesznek.