Category Archives: Visual Studio 2012

Mockupkészítő eszközök

Kevés olyan hasznos dolog van a fejlesztő életében, mint a mockupkészítő eszközök. Ezek olyan szoftverek, amelyek segítségével leskiccelhetjük, hogyan fog kinézni az alkalmazásunk. Bár a mockupok tipikusan fapadosan kinéző drótváz ábrák, mégis számtalan előnyük van:

  • Legalább egyszer mi is végiggondoljuk, hogy milyen funkciókat szeretnénk, és azok hogyan fognak megjelenni a felhasználói felületen. Akár a teljes alkalmazást lerajzolhatjuk, és a hagyományos képfájlokkal ellentétben a mockupkészítő eszközök által biztosított interakcióknak köszönhetően akár ki is próbálhatjuk.
  • Az ábra felett eszmét cserélhetünk másokkal, akár a megrendelővel, akár más tervező/fejlesztő kollégákkal. Amikor mindkét fél látja, amiről beszélnek, sokkal fókuszáltabb és hatékonyabb tud lenni a megbeszélés. Ha valakinek ötlete van, azt sokkal gyorsabban át lehet vezetni egy statikus ábrán, mint egy élő kódon.
  • Az ábra mellé villámgyorsan feljegyezhetjük a legjobb ötleteinket (pl. “A Mentés működjön Ctrl+S-re is.”), ami sokkal gyorsabb, mint dokumentációt írni, arról nem is beszélve, hogy egy rövid feljegyzést sokkal valószínűbb, hogy elolvas az implementációt végző fejlesztő.
  • A mockup alapján szinte mindenki, a grafikus, a sitebuilder, a fejlesztő azonnal el tud kezdeni dolgozni és még a megrendelő is látja, hogy halad a projekt.
  • Egyes eszközök kódvázat is tudnak generálni az ábrából, ami talán még használható kiindulópont is lehet a fejlesztés során.

Összességében azt tapasztaltuk, hogy a mockupok egyértelműbbé teszik mindenki életét, és bár látszólag plusz munkát igényelnek, a félreértések megszűntetésével végül spórolhatunk velük.

Szerintem teljesen mindegy, hogy milyen eszközzel készülnek a mockupok, a lényeg, hogy a rajzolás ne igényeljen több időt, mint majd az implementáció. Ennek fényében én sokáig papíron mockupoltam, de ma már vannak egészen hatékony eszközök.

Balsamiq Mockups

A Balsamiq egy Adobe Air-re épülő, kifejezetten statikus mockup készítésére tervezett alkalmazás. A használata pofonegyszerű, talán ennek köszönhetően vált a legelterjedtebb eszközzé ezen a piacon. A Balsamiq nem ingyenes, de 79 dollárt simán megér, mi is ezt használjuk már évek óta.

Ami tetszik benne:

  • Bármilyen alkalmazást megtervezhetünk benne, legyen az desktop, webes vagy mobil app:

balsamiq-components

  • A Balsamiq már annyira elterjedt, hogy kis keresgéléssel kész template-eket találhatunk a neten, például akár Windows Phone vagy Windows 8 fejlesztéshez.
  • Ahogy a fenti ábrán is látszik, a beépített vezérlők kifejezetten rondák (bár az újabb Balsamiq verzióban már “szép” skint is lehet rájuk húzni), ami azért nagyon praktikus, mert egy megbeszélés során a dizájn nem vonja el a figyelmet a lényegről, ami mockupok esetén a funkció, a layout és a navigáció. Aki találkozott már olyan ügyféllel, aki 2-3 órát képes volt elfilózni azon, hogy egy-egy ikon mennyire felismerhető, az tudja, hogy miért preferálom a ronda mockupot.
  • Az ábrák képesek minimális interakcióra, ugyanis valamennyi vezérlő kattintható és a kattintás hatására képes elnavigálni minket egy másik oldalra. Egy popup ablakot ennek megfelelően úgy rajzolunk, hogy duplikáljuk a teljes ábrát, majd a másolatra rárajzoljuk a felugró ablakot. Ez ugyan plusz munka, de szinte mindent kipróbálhatóvá tesz.
  • A vezérlők újrafelhasználható egységekbe csomagolhatók, így például egy menüt, vagy egy master page-et elég egyszer megrajzolnunk és egy helyen karbantartanunk.
  • A Balsamiq-nak van teljes képernyős vetítő üzemmódja, ami egyeztetéseken nagyon praktikus szokott lenni.
  • Az ábrákat képes PDF dokumentumba exportálni, ráadásul úgy, hogy kattinthatóak maradnak, tehát egy sima PDF olvasóval kipróbálhatóvá válik a mockup.

Néhány tanács azoknak, akik most kezdenek a Balsamiq megismeréséhez:

  • Vásárlás előtt próbáld ki a szoftvert, van belőle trial és böngészőben futtatható próba változat is.
  • Nézd végig a vezérlőket, hiszen nincs bosszantóbb annál, mint amikor az ember megrajzol egy összetettebb UI elemet, azután pedig kiderül, hogy készen is behúzhatta volna az eszköztárról.
  • Mielőtt nagyobb rajzolásba fogsz, keress a neten kész template-eket, például a MockupsToGo oldalán jó adag található.
  • A Balsamiq használata egyszerű, hamar rá lehet érezni, mégis azt javaslom, hogy fusd végig a dokumentációt, megéri. Sőt, ha van 2 órád, végigolvasni is megéri. Az újrafelhasználható komponensek (azaz Symbols) használata talán nem teljesen magától értetődő, de arról is van doksi.
  • A gyorsbillentyűk használata sokat dobhat a tempón.
  • A fájlnevekhez már az elején találj ki egy elnevezési konvenciót. Ez azért fontos, hogy az oldalak közötti linkelés tisztán fájlnév alapján megy (nincs projekt fájl), és ha átnevezel egy fájlt a diszken, nem fognak működni a rá mutató linkek.

Honlap: http://balsamiq.com

Infragistics Indigo Studio

Az Indigo Studio egy pár hete megjelent új eszköz, ami a Balsamiq monopóliumát igyekszik megdönteni az alábbiakkal:

  • Szebb, élethűbb mockupok készíthetők vele (bár szerintem ez nem előny).
  • Képes összetettebb interakciókra és animációkra.
  • Tud Balsamiq fájlt importálni (ez mekkora ötlet ;-).
  • A V1 verzió ingyenes és az is marad, majd csak annak kell fizetni, aki a V2 verziót akarja használni. Ez egy érdekes megoldás arra, hogy egy új termék betörjön a piacra (még érdekesebb lenne, ha a letöltés egyszerűbb lenne).

Az első ismerkedéshez készítettek egy 6 részes videó sorozatot, szerintem azzal érdemes kezdeni.

Mivel futó projektjeinkben nem akarunk váltani, ezért még nem ástam bele magam az Indigo Studio használatába, de majd a következő projekt előtt megnézem. Van már vele valakinek gyakorlati tapasztalata?

Visual Studio 2012

A VS 2012 egyik rejtett szépsége, hogy beépít a PowerPointba egy Storyboarding nevű fület, amely olyan elemeket tartalmaz, amiket akár mockup rajzolásra is használhatunk. Azért “akár”, mert ahogy a neve is mutatja, itt nem kifejezetten a UI a fontos, hanem a felhasználáshoz kapcsolódó sztori.

powerpoint-storyboard-shapes

A panel alján található Find more Storyboard Shapes online link a Visual Studio Gallery Storyboard Shapes kategóriájába visz, ahonnan további rajzelemeket tölthetünk le. Ez a kategória egyelőre nem tartalmaz sok elemet, de azért vannak már használhatók, természetesen némelyik fizetős. Itt van például a Windows8Templates:

Windows8Templates-Storyboard-Shapes-Capture1

A PowerPoint óriási előnye, hogy alig kell tanulni a használatát, ráadásul minden gépen elérhető. Ha bővülne a közösségi kínálat, gyorsan nagyon használhatóvá válna.

Pár bevezető link:

 

Ti szoktatok mockupolni, és ha igen, milyen eszközt használtok mockup elkészítésére?

 

Meghalt a BIDS, éljen az SSDT BI!

Az SQL Server csapat tegnap bejelentette, hogy letölthető a Visual Studiohoz az a kiegészítés, aminek segítségével Reporting, Analysis és Integration Services projekteket készíthetünk a 2012-es verzióban.

ssdt-bi

A korábban Business Intelligence Development Studio néven futó csomag mostantól SQL Server Data Tools – Business Intelligence (SSDT BI) néven érhető el, és mindenféle upgrade/downgrade nélkül képes kezelni a VS 2010-ben készült projekteket, tehát immár nem szükséges csak emiatt telepítenünk a Studio korábbi verzióját.

A bejelentés: http://blogs.msdn.com/b/sqlrsteamblog/archive/2013/03/06/sql-server-data-tools-business-intelligence-for-visual-studio-2012-released-online.aspx

Letöltés (782 MB): http://www.microsoft.com/en-us/download/details.aspx?id=36843

 

Technorati-címkék: ,

Alkalmazásfejlesztés Windows RT tableten

Most, hogy hivatalosan is megjelent a Windows 8 és elérhetővé váltak a Windows RT-t futtató tabletek, végre nem csak az emulátoron próbálhatjuk ki az alkalmazásainkat, hanem valódi hardveren is. Ilyenkor persze azonnal felmerül a kérdés, hogyan kell tableten fejleszteni?

A legelső, amit érdemes tudnunk, hogy a Visual Studio nem fut ARM-os eszközön, hanem csak x86/x64 platformon. Helyette a Remote Tools for Visual Studio 2012-t kell letöltenünk és elindítanunk az eszközön. Ne akadjunk fenn azon, hogy egyáltalán nem tűnik Metrós alkalmazásnak, fog működni.

Térjünk vissza a Visual Studiohoz és az alkalmazás indításakor válasszuk a Remote Machine opciót:

remote-machine

Innentől kezdve szinte elrontani sem lehet: varázsló, távoli gép megadása, tűzfal nyitása, fejlesztői licenc igénylése stb.

Hasonlóan egyszerűen működik a távoli tesztelés és a profilozás is, melyekről bővebben Jason Zander cikkében olvashatunk.

 

Technorati-címkék: ,,

tfspreview.com

A Team Foundation Servernek létezik egy előfizetéses, felhőben (naná, hogy Azure-on) hosztolt változata, a Team Foundation Service. Mivel a szolgáltatás jelenleg preview fázisban van, ezért egyelőre teljesen ingyenes, azaz nulla forintért kapunk hozzáférést egy TFS-hez. Nem csak source controlról van szó, hanem a TFS-sel járó minden földi jóról. Aki nem hiszi, járjon utána a http://tfspreview.com oldalon.

tfspreview

Én már a legelső, nem nyilvános preview óta használom, és nekem nagyon bejött. Semmi perc alatt, böngészőből elkészítem az új projektet, és máris lehet hozzá kapcsolódni. Még egyfős projektek esetén is megéri és jobban hiszek benne, mint a saját gépemre telepített SVN-ben. Így jobban belegondolva, talán nem is túlzás az alábbi üzenet Mosolygó arc

love this

 

Visual Studio 2012 HTML szerkesztő hiba magyar billentyűzetkiosztásnál

A Visual Studio 2012 RTM HTML szerkesztőjében van egy nagyon bosszantó hiba: amikor bezárunk egy nyitó címkét, nem szúródik be automatikusan a záró címke. A legszebb az egészben – azon kívül, hogy ez már sok verzió óta kifogástalanul működött –, hogy ez a hiba magyar (és még néhány környező országbeli) billentyűzetkiosztással jelentkezik, angolnál nem.

A javítás már készül, de addig is van megoldás, az alábbi videóban meg is mutatom, hogyan lehet orvosolni a problémát.

720p, teljes képernyős nézet ajánlott

 

Technorati-címkék: ,,,

Visual Studio 2012 Feedback Tool

A Visual Studioval kapcsolatos véleményünket és visszajelzéseinket alapvetően három csatornán keresztül juttathatjuk el a fejlesztő csapathoz: az MSDN fórumokon, a UserVoice oldalon és a Connecten keresztül. A hibákat a Connectre célszerű  fellőni, mert ott a teljes életciklusukat végig lehet követni, de sajnos elég macera ott kitölteni minden olyan mezőt és mellékelni minden olyan kiegészítő információt és adatot, ami a fejlesztőket segítheti a hiba kijavításában.

Ezen a kényelmetlenségen kíván segíteni a Visual Studio 2012 Feedback Tool. Ez az eszköz ingyenesen tölthető le a Visual Studio Gallery-ből egy egészen kicsi .vsix fájl formájában. Telepítés után beépül a Visual Studio 2012 (csak 2012 és csak RTM!) Help menüjébe Report a Bug néven:

VS 2012 Feedback Tool a Help menüben

Elindítás után először is be kell jelentkeznünk egy a Connect által már ismert Live ID-val, majd egy rövid varázslóval pillanatok alatt jelenthetjük a hibát. A Visual Studioval és a környezettel kapcsolatos összes információt automatikusan összegyűjti az eszköz:

Visual Studio 2012 Feedback Tool

Ha már egyszer elindítottuk, ott marad a tálcán, bármikor könnyen előcsalhatjuk:

VS 2012 Feedback Tool a tálcán

Ennyire fontos a Microsoftnak, hogy minden hibáról tudjon.

 

Technorati-címkék:

Visual Studio 2012 telepítő hiba: The cabinet file is corrupt

Érdekes hibába futottam bele a Visual Studio 2012 RTM telepítésekor. Kihasználtam a Windows 8-nak azt a remek szolgáltatását, hogy ISO fájlokat közvetlenül Windows Explorerből fel lehet csatolni, majd a szokásos módon elindítottam a telepítőt:

vs2012-mount-iso

A telepítő dolgozott is egy darabig, de az eredmény egy sikertelen telepítés lett, a Core Components telepítése elhalt. Ez van a logban:

ExecuteError: Package (vs_professionalcore) failed: Error Message Id: 1335

ErrorMessage: Error 1335.The cabinet file ‘cab3.cab’ required for this installation is corrupt and cannot be used. This could indicate a network error, an error reading from the CD-ROM, or a problem with this package.

Végül a hagyományos megoldást választottam, Daemon Tools-szal mountoltam fel a lemezképet és a telepítő csont nélkül lefutott.

Nyitottam az esetnek egy bugot a Connecten, itt szavazz rá, ha nálad is előjön a hiba:

Visual Studio setup fails if the ISO is mounted with Windows Explorer

 

Technorati-címkék: ,