roomM8 – A feladatok

Az alkalmazás lakótársak életét könnyíti meg, az együttélés ügyes bajos dolgainak követhetőbbé tételével.

A roomM8 négy fő részre oszlik, feladatok, erőforrások, csoportok és számlák. Ezek közül most a feladatokkal fogunk foglalkozni.

A feladatok lehetnek mindennapos tevékenységek, úgy is mint egy takarítás, valamilyen eszköz javíttatása, vagy egy bevásárlás.

Continue reading

roomM8 egy alkalmazás lakótársaknak

Image

roomM8 Windows Phone 8.1 és Windows 8.1 alkalmazás


Kenguru_GIMP

Az alkalmazás logója, leendő csempéje.

Az alkalmazás lakótársak életét könnyíti meg, az együttélés ügyes bajos dolgainak követhetőbbé tételével.

Lehetőségünk lesz feladatok kiosztására egymás között, a számlák befizetésének nyomon követésére, csoportok létrehozására.

Az alkalmazás négy fő részből áll. Ezek a csoportok, a feladatok, az erőforrások, és a számlák.

Roomm8_Visio1


A felhasználóknak lehetőségük van bejelentkezni az alkalmazásba, csoportokat létrehozni.

A bejelentkezéshez nem kell újabb felhasználói fiókot létrehozni, használhatnak már meglévő fiókokat is, például Facebook, Twitter és Microsoft fiókokat.

Az információk tárolása Microsoft Azure Mobile Services-zal lesz megvalósítva.


Az alkalmazás jelenleg erősen work in prorgess állapotban van.

Köszönöm, hogy végigolvastad!
Mészáros Tamás

 

 

 

ADO.NET Entity Framework (4) – change view

Nézzük meg, hogy lehet módosítani az EF-t. Esetünkben elfelejtettünk jelszót rendelni a felhasználóhoz.

Nyissuk meg a felhasznalo.sql-t amit itt írtunk.
Írjunk bele plusz egy sort a T-SQL-be (esetünkben ez a password).
1
Futtassuk le! (F5)
Nézzük meg a modellben a DataMVCConnection.edmx-et.
Itt még nem frissült a felhasználó tábla.
2
Klikkeljünk a  DataMVCConnection.edmx-re, majd update modell from Database:
3
Válasszuk ki, azt a táblát, amelyik módosult (akár mindegyiket, esetünkben a felhasználó).
4
Ekkor megjelenik a jelszó mező is, buildeljük a projektünket:
5
J
elenlegi állásban a viewben még NEM jelenik meg a jelszó!
A legegyszerűbb talán úgy létrehozni újra, hogy mindent törlünk, hiszen még semmit se módosítottunk: (töröljük a felhasznalokat a view mappából és a hozzá tartozó controllert: FelhasznaloesController.cs)
6
Utolsó lépésként újrageneráljuk a controllert és hozzá a view-et ahogy itt tettük.

ADO.NET Entity Framework (3)

Hozzunk létre Viewet az eddig elkészült adatbázisunkhoz.
Adjunk hozzá egy új scaffolded item-et a controllerhez:
1
Válasszuk a 2. lehetőséget:
2
Válasszuk ki a model classt és a data context clast. Először célszerű az utóbbit, majd a model classban legördülő menüből válasszuk azt amit mi hoztunk létre adatbázis szinten az előző bejegyzésekben.
3
Ismételjük meg annyiszor, ahány táblánk van, esetünkben ez 3. Miután elkészültünk az alábbi file-ket szúrta be nekünk a VS:
4
Nézzük meg ezeket interneten. Először gyártsunk hozzá vezető linkeket:
5
Futtassuk a projektunkat egy böngészőben. (F5) Eredményünk:
6
Nézzük meg pl. a készülékek listáját:
7
Az itt megjelenő készülékek és leírásaikat mi írtuk meg itt.
Emlékeztetőül az utasítás ez volt:
MERGE INTO Droid AS Target
USING (VALUES
(1, ‘samsung s4′,’S4-es készulékem’, 1,1,1),
(2, ‘LG Nexus4′,’N4-es készulékem’, 2,1,1)
)
AS Source (ID, Nev, Leiras, UserID,CameraID,GPSID)
ON Target.ID = Source.ID
WHEN NOT MATCHED BY TARGET THEN
INSERT (Nev, Leiras, UserID,CameraID,GPSID)
VALUES (Nev, Leiras, UserID,CameraID,GPSID);

ADO.NET Entity Framework (2)

Feladatunk most hozzunk létre egy üres MVC projektet egy új solutionban vagy az előzőleg elkészült solution(ADO.NET Entity Framework 1 projekt) -hoz adjunk hozzá egy MVC projektet. Én az előző posztban elkészült projekthez adom hozzá a GoogleMaps-os projektomat.

Minden előtt buildeljük a projektunkat.
MCV projektunk modell részéhez adjunk hozzá egy új item-et:
1
Típusa legyen ADO.NET EDM
2
Tovább haladva válasszuk az első-t.
3
Kattintsunk a “New Connection”-ra
4
Az előugró ablakban írjuk be a képen látható server nevét és a database nevét.
5
Ha hibával szállna el: akkor a  szerver nevét az SQL server Object Explorer-ben ellenőrizhetjük:
60
Erre a lépésre nincs szükségünk, ha mindent megcsináltunk az előző poszt alapján, és minden lefutott hiba nélkül.
Ha sikeresen beállítottuk az adatbázis és a szerver nevét OK-ézzuk le az ablakot, ezt kell hogy lássuk:
6
nextre kattintva válasszuk ki a táblázatokat:
7
Finishre kattintva az alábbi eredmény tárul elénk:
8
Eddigi utasításaink az alábbiakat hozta létre a modellben:
9
Most már a kapcsolat is megvan a “külső” adatbázisunk és az az MVC projektünk között.
Most már csak használni kell!

ADO.NET Entity Framework (1)

Hogyan hozzunk létre egy EF adatbázist?
Először telepítsük a package Manager Console-ban:
Install-Package EntityFramework
0
H
ozzunk létre egy új SQL Server Adatbázist:01
Project settings-ben a target platrofmot állítsuk MS azure-ra.
1
Adjunk hozzá egy új táblát:
2
3

T-SQL-ben írjuk meg az sql kódunkat, esetemben:
Én 3db táblát hozok létre ezek így néznek ki:
4
5
végül a két táblát összekötő tábla:
6
Hozzunk létre egy script-et, ami beszúr adatokat a táblában. Ez a script mindig lefordul, ezzel vigyázni kell:
7
Az én scriptem:
8
Futtassuk a projektunkat, végeredmény az előző képen látható kimenet:
build és deploy lefut sikeresen 0 hibával.

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.