Fuady Rosma Hidayat

INDONESIA
Fuady Rosma Hidayat

MVP Visual Studio ALM | Developer Lead ALTROVIS
DEVELOPMENT, ADVANCED
Need Specific App in SharePoint? Custom it!

DEVELOPMENT, ADVANCED | Fuady Rosma Hidayat | MVP Visual Studio ALM
Fuady Rosma Hidayat

Developer Lead & Co-Founder of MVP Visual Studio ALM
Contact Me
fuady@live.com fuady@altrovis.com
Ask Me About
ASP.NET SharePoint 2010 Visual Studio ALM Silverlight (a bit)

founded on 11022011

our works in SharePoint 2010




Before We Start
Need Specific App in SharePoint? CustomCustom it! Application in SharePoint? it!

Requirements
Basic Skills
OOP Data Structure , ASP.NET 3.5 C# 3.0 / VB 9.0 Javascript, AJAX, JQuery Visual Studio 2010 SharePoint Designer 2010 Expression Design 4 OneNote 2010
Tools
Scenarios
Hardcore :D
Visual Studio is installed on the server SharePoint Designer on your machine
Virtual Machine ;)
Windows 7 x64
VirtualBox x64
Active Directory + SQL Server + SharePoint + Visual Studio Required RAM: 6 GB :(
Local Machine :O
Windows 7 x64 + SQL Server + SharePoint + Visual Studio Required RAM: 8GB :(

Let Us Start

Main Stages
Collect Requirement Architect Site Map Design UX Build Site Collection Implement Site Map Load Style Assets Code Happily! :)

Requirement
Small web site for one TechDays event
Speakers with photo Sessions Agenda Gallery of Pictures Testimonial
Metro UI will be great

Site Map
Pages
Home.aspx: FB Like Box, Custom Web Part, Web Part Zone Testimoni.aspx: DISQUSS Galeri.aspx: Custom Web Part Tentang.aspx: Web Part Zone with Content Editor Web Part
Picture Libraries
Speaker Photos Photos
Custom Lists
Speakers: Name, Description, Photo (Lookup to Speaker Photos) Sessions: Title, Description, Speaker (Lookup to Speakers)
Design UX

Build Site Collection

Create Site Collection Activate Anonymous Access Activate Site Collection Feature: SharePoint Server Publishing Infrastructure Activate Site Features: SharePoint Server Publishing Create Navigation: testimoni, galeri, depan

Implement Site Map

Create Home.aspx Create Tentang.aspx Create Testimoni.aspx Create Galeri.aspx Create Picture Library: Speaker Pictures, Load it Create Picture Library: Photos Create List: Speakers, Load it Create List: Sessions, Load it
Load Style Assets

Create folder techdays in Style Library, load it with 1cssreset.css and 2base.css Create folder images in techdays, load it with 4 images Create folder js in techdays, load it with 2 javascripts Import techdays.master

Implement Site Map

Create Home.aspx Create Tentang.aspx Create Testimoni.aspx Create Galeri.aspx Create Picture Library: Speaker Pictures, Load it Create Picture Library: Photos Create List: Speakers, Load it Create List: Sessions, Load it
Code Happily :)
Work on Tentang.aspx
The easiest one 1 Web Part Zone filled with Content Editor Web Part Fill the content in browser
Work on Testimoni.aspx
Use 3rd party widget: DISQUSS
Work on Home.aspx
Complete the codes. There is FB Like Box in it! :O Insert Left & Right Web Part Zones Fill it with Content Editor Web Part Fill the content in browser
SPMetal
Thanks God we have LINQ to SharePoint! :D
cd "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\BIN" SPMetal.exe /web:"http://sp2010/techdays" /code:"C:\Entities\TechDays.cs" -----------------------------------------------------------------------------------MyDataContext db = new MyDataContext(SiteURL); var speakers = from s in db.Speakers select s; SpeakersItem speaker = new SpeakersItem(); speaker.Title = "Fu"; speaker.Description = "MVP Visual Studio ALM"; db.Speakers.InsertOnSubmit(speaker); db.SubmitChanges();
Continue Code Happily :)

Work on Home.aspx
Create Custom Visual Web Part: TechDaysSessions Insert TechDaysSessions web part Finishing Touch
Work on Galeri.aspx
Complete the codes Create Custom Visual Web Part: TechDaysGallery Insert TechDaysGallery web part Finishing Touch

URLs to Remember
CSS Reset
http://meyerweb.com/eric/tools/css/reset
JQuery
http://jquery.com
JQuery Metro UI
http://naghsheh.info/Pivot/Pivot.htm
Starter Master Pages

http://startermasterpages.codeplex.com
Facebook Like Box

http://developers.facebook.com/docs/reference/plugins/like-box
DISQUS http://disqus.com
Thank You! :)
Question?


Fuady Rosma Hidayat - Need Specific App in Share Point, Custom It!

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Fuady Rosma Hidayat - Need Specific App in Share Point, Custom It!

Diunggah oleh

Hak Cipta:

Format Tersedia

INDONESIA

Need Specific App in SharePoint? Custom it!

Need Specific App in SharePoint? Custom it!