perancangan pembuatan perangkat lunak digital signage...
TRANSCRIPT
Perancangan Pembuatan Perangkat Lunak Digital Signageuntuk Layanan Informasi Seputar Kampus Teknik InformatikaITS dengan Menggunakan Media Kontroler Kinect
RAMADHANI TEGAR PERKASA5110100220
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
INSTITUT TEKNOLOGI SEPULUH NOPEMBER
SURABAYA 2014
LatarBelakang
PerumusanMasalah
Perancangan& Analisis
Sistem
Pengujian Kesimpulan& Saran
Latar Belakang
Kebutuhan akan layanan informasi yang bersifatpraktis dan terintegrasi
Penyesuaian sistem dalam memenuhi kebutuhanpenyampaian informasi dalam lingkup kampus TeknikInformatika ITS
Mewujudkan teknologi kampus Teknik Informatika ITS berstandart Internasional dalam hal pelayanan danpengelolaan informasi
SOLUSI
Perumusan Masalah
Rumusan Masalah
• Rumusan masalah yang diangkat dalam Tugas Akhir ini dapat dipaparkan sebagai berikut:
Bagaimana membangun layanan informasi ASP.Net dengan metode MVC yang disesusaikan dengan kebutuhan informasi seputar kampus Teknik Informatika ITS yang dapat diakses secara online
Bagaimana membuat perancangan perangkat lunak terintgrasi yang disesuaikandengan display Digital Signage pada sisi Desktop-Client.
Bagaimana membuat perancangan perangkat lunak yang disesuaikan denganKinect sebagai media kontroler pada sisi Desktop-Client.
Batasan Masalah
• Permasalahan yang dibahas dalam tugas akhir ini memilikibeberapa batasan, di antaranya sebagai berikut:
Berjalan pada sistem operasi windows 8 dan Framework .NET 4.5 serta IDE Visual Studio 2013.
Aplikasi ini dicoba dengan perangkat keras Kinect for Xbox dan Framework Kinect SDK 1.8.
Menggunakan Bahasa C#, WPF, dan ASP.NET serta SQLServer sebagai pengolahandatabase.
Server yang digunakan adalah server lokal yang hanya bisa diakses di lingkungankampus Teknik Informatika ITS.
Perancangan & Analisis Sistem
Arsitektur Sistem
Kasus Penggunaan
System
Admin User
Manajemen screen
Membuat Survey
Melakukan scheduling
Manajemen Akun
Mengisi survey
Perancangan Sistem Aplikasi Web
• Menggunakan MVC Design Pattern.
• Menggunakan salah satu template dari ASP.NET yaitu MVC 5 yang telahdisediakan oleh .NET Framework.
Perancangan Sistem Client-Desktop
• Menggunakan MVVM Design Pattern.
• Menggunakan MainWindow sebagaihalaman halaman protokoler.
• Setiap halaman pada Client-Desktop dibangun oleh userControls.
• Menggunakan ASMX web services dalam pengiriman data.
Perancangan Database (CDM)
Account Player Relationship
Account Image Relationship
PlayerGroup Player Relationship
Account PlayerGroup Relationship
PlayerGroup PlayerGroupSchedule
Screen PlayerGroupSchedule
Account Playlist Relationship
Account Screen Relationship
Account ScreenContent
ScreenContentType ScreenContent Relationship
Account Slideshow Relationship
Account Survey Relationship
Survey SurveyQuestion Relationship
SurveyQuestion SurveyQuestionOption Relationship
Account User relatationshipAccount Video Relationship
Survey AnsweredSurvey Relationship
Account AnsweredSurvey Relationship
Player AnsweredSurvey Relationship
AnsweredSurvey AnsweredSurveyQuestion Relationship
Account
AccountIDAccountNameAccountDescriptionFTPServerFTPUsernameFTPPasswordIsActive
<pi> IntegerVariable characters (128)Variable characters (1024)Variable characters (256)Variable characters (32)Variable characters (32)Boolean
<M>
Identifier_1...
<pi>
Image
ImageIDOriginalFileNameStoredFileNameImageNameTagsIsActive
<pi> IntegerVariable characters (128)Variable characters (128)Variable characters (128)Variable characters (128)Boolean
Identifier_1...
<pi>
Player
PlayerIDPlayerNamePlayerLocationPlayerDescriptionIsActive
<pi> IntegerVariable characters (128)Variable characters (128)Variable characters (128)Boolean
Identifier_1...
<pi>
PlayerGroup
PlayerGroupIDPlayerGroupNamePlayerGroupDescriptionIsActive
<pi> IntegerVariable characters (64)Variable characters (1024)Boolean
<M>
Identifier_1...
<pi>
PlayerGroupSchedule
PlayerGroupScheduleIDDayHourMinute
<pi> IntegerIntegerIntegerInteger
Identifier_1...
<pi>
PlayList
PlayListIDPlayListNameTagsIsActive
<pi> IntegerVariable characters (128)Variable characters (128)Boolean
Identifier_1...
<pi>
Screen
ScreenIDScreenNameScreenDesciptionIsInteractiveIsActive
<pi> IntegerVariable characters (128)Variable characters (1024)BooleanBoolean
Identifier_1...
<pi>
ScreenContent
ScreenConrtentIDScreenContentNameScreenContentTitleCustomField1CustomField2CustomField3CustomField4IsActive
IntegerVariable characters (64)Variable characters (64)Variable characters (256)Variable characters (256)Variable characters (256)Variable characters (256)Boolean
SlideShow
SlideShowIDSlideShowNameTagsIntervalInSecsTransitionTypeIsActive
<pi> IntegerVariable characters (128)Variable characters (128)IntegerVariable characters (30)Boolean
<M>
Identifier_1...
<pi>
Survey
SurveyIDSurveyNameSurveyDescriptionIsApprovedIsActive
<pi> IntegerVariable characters (128)Variable characters (1024)BooleanBoolean
Identifier_1...
<pi>
SurveyQuestion
SurveyQuestionIDSurveyQuestionTextAllowMultiSelectSortOrder
<pi> IntegerVariable characters (1024)BooleanInteger
Identifier_1...
<pi>
SurveyQuestionOption
SurveyQuestionOptionIDSurveyQuestionOptionTextSortOrder
<pi> IntegerVariable characters (1024)Integer
Identifier_1...
<pi>
User
UserIDUsernamePasswordFirstNameLastNameEmailAddressIsAdminIsActive
<pi> IntegerVariable characters (20)Variable characters (20)Variable characters (50)Variable characters (50)Variable characters (200)BooleanBoolean
<M>
Identifier_1...
<pi>
Video
VideoIDOriginalFileNameStoredFileNameVideoNameTagsIsActive
<pi> IntegerVariable characters (128)Variable characters (128)Variable characters (128)Variable characters (128)Boolean
<M>
Identifier_1...
<pi>
ScreenContentType
ScreenContentTypeIDScreenContentTypeName
<pi> IntegerVariable characters (1024)
Identifier_1...
<pi>
AnsweredSurvey
AnsweredSurveyIDCreateDateTime
<pi> IntegerDate & Time
Identifier_1...
<pi>
AnsweredSurveyQuestionOption
AnsweredSurveyQuestionOptionIDIsSelected
IntegerBoolean
Perancangan Database (PDM)
Account
AccountIDAccountNameAccountDescriptionFTPServerFTPUsernameFTPPasswordIsActive...
integervarchar(128)varchar(1024)varchar(256)varchar(32)varchar(32)smallint
<pk>
Image
ImageIDAccountIDOriginalFileNameStoredFileNameImageNameTagsIsActive...
integerintegervarchar(128)varchar(128)varchar(128)varchar(128)smallint
<pk><fk>
Player
PlayerIDPlayerGroupIDAccountIDPlayerNamePlayerLocationPlayerDescriptionIsActive...
integerintegerintegervarchar(128)varchar(128)varchar(128)smallint
<pk><fk2><fk1>
PlayerGroup
PlayerGroupIDAccountIDPlayerGroupNamePlayerGroupDescriptionIsActive...
integerintegervarchar(64)varchar(1024)smallint
<pk><fk>
PlayerGroupSchedule
PlayerGroupScheduleIDPlayerGroupIDScreenIDDayHourMinute...
integerintegerintegerintegerintegerinteger
<pk><fk1><fk2>
PlayList
PlayListIDAccountIDPlayListNameTagsIsActive...
integerintegervarchar(128)varchar(128)smallint
<pk><fk>
Screen
ScreenIDAccountIDScreenNameScreenDesciptionIsInteractiveIsActive...
integerintegervarchar(128)varchar(1024)smallintsmallint
<pk><fk>
ScreenContent
AccountIDScreenContentTypeIDScreenConrtentIDScreenContentNameScreenContentTitleCustomField1CustomField2CustomField3CustomField4IsActive...
integerintegerintegervarchar(64)varchar(64)varchar(256)varchar(256)varchar(256)varchar(256)smallint
<fk1><fk2>
SlideShow
SlideShowIDAccountIDSlideShowNameTagsIntervalInSecsTransitionTypeIsActive...
integerintegervarchar(128)varchar(128)integervarchar(30)smallint
<pk><fk>
Survey
SurveyIDAccountIDSurveyNameSurveyDescriptionIsApprovedIsActive...
integerintegervarchar(128)varchar(1024)smallintsmallint
<pk><fk>
SurveyQuestion
SurveyQuestionIDSurveyIDSurveyQuestionTextAllowMultiSelectSortOrder...
integerintegervarchar(1024)smallintinteger
<pk><fk>
SurveyQuestionOption
SurveyQuestionOptionIDSurveyQuestionIDSurveyQuestionOptionTextSortOrder...
integerintegervarchar(1024)integer
<pk><fk>
User
UserIDAccountIDUsernamePasswordFirstNameLastNameEmailAddressIsAdminIsActive...
integerintegervarchar(20)varchar(20)varchar(50)varchar(50)varchar(200)smallintsmallint
<pk><fk>
Video
VideoIDAccountIDOriginalFileNameStoredFileNameVideoNameTagsIsActive...
integerintegervarchar(128)varchar(128)varchar(128)varchar(128)smallint
<pk><fk>
ScreenContentType
ScreenContentTypeIDScreenContentTypeName
integervarchar(1024)
<pk>
AnsweredSurvey
AnsweredSurveyIDPlayerIDSurveyIDAccountIDCreateDateTime...
integerintegerintegerintegertimestamp
<pk><fk3><fk1><fk2>
AnsweredSurveyQuestionOption
AnsweredSurveyIDAnsweredSurveyQuestionOptionIDIsSelected...
integerintegersmallint
<fk>
Pengujian
Lingkungan Pengujian
• Prosesor : Intel Core i7-3610QM CPU @ 2.30GHz
• Memori : 8.00 GB
• Jenis Device : Laptop
• Sistem Operasi : Windows 8 pro
• IDE : Visual Studio 2013
Hasil Uji Coba Fungsionalitas
• Manajemen akun
Hasil pengujian untuk fungsional manajemen akun, menunjukkan bahwaaplikasi ini mampu melakukan manajemen akun dengan menambahkanya kedatabase hingga menampilkanya.
• Manajemen screen
Hasil pengujian untuk fungsional manajemen screen, menunjukkan bahwaaplikasi ini mampu melakukan manajemen screen dengan melakukan fungsiupload konten image, video, web, maupun slideshow lalu menambahkanya kedatabase hingga menampilkanya ke client-desktop.
• Pengelolaan Survey
Hasil pengujian untuk fungsional pengelolaan survey, menunjukkan bahwaaplikasi ini mampu melakukan pengelolaan survey dengan menambahkanya kedatabase, menampilkan ke client-desktop hingga menampilkan report dalambentuk yang mudah dianalisa.
Hasil Uji Coba Fungsionalitas (1)
• Melakukan scheduling
Hasil pengujian untuk fungsional melakukan scheduling, menunjukkanbahwa aplikasi ini mampu melakukan scheduling denganmenambahkanya ke database dan melakukan pengecekan schedule padaclient-desktop.
• Mengisi survey
Pengujian fitur membuat pengisian survey merupakan pengujianterhadap fungsionalitas pada client-desktop untuk melakukan proses pengisian survey dan mengirimkanya kembali ke server.
Hasil SurveyNo. Pernyataan Pilihan jawaban
Sangatsetuju
Setuju Tidaksetuju
Sangattidaksetuju
1 Menurut saya aplikasi web inimudah digunakan. 90 % 10%
2 Menurut saya, cukup mudahuntuk melakukan manajamenakun pada aplikasi web ini..
80% 20%
3 Menurut saya, cukup mudahuntuk melakukan manajamenscreen pada aplikasi web ini
60% 40%
4 Menurut saya, cukup mudahuntuk membuat survey padaaplikasi web ini
60% 40%
5 Menurut saya, cukup mudahuntuk melakukan scheduling pada aplikasi web ini
30% 70%
6 Menurut saya, tampilan padaaplikasi web mudah dimengertisehingga mudah untukmengoperasikanya.
90% 10%
7 Menurut saya aplikasi Client-Desktop ini mudah digunakan. 60% 40%
8 Menurut saya, tampilan padaaplikasi Client-Desktop mudahdimengerti sehingga mudahuntuk mengoperasikanya.
90% 10%
10 Menurut saya, konten yang adapada tugas akhir ini sangatsesuai dengan kebutuhanTeknik Informatika ITS.
60% 40%
Hasil Survey (1)
• Berdasarkan hasil kuesioner pada, dapat ditarik kesimpulanbahwa aplikasi web pada perangkat lunak Digital Singnage cukupmudah untuk digunakan dioperasikan hal ini dapat dilihat padakuisioner dengan komposisi 90% sangat setuju dan 10% setujusedangkan untuk memnuhi fungsionalitas dengan komposisi64% sangat setuju dan 36% setuju diambil berdasarkan rata-rata pertanyaan 2 sampai 6, sedangkan untuk aplikasi client-desktop pada perangkat lunak Digital Signage membuktikan bahwa jugacukup mudah digunakan serta sesuai fungsionalitas dengankomposisi 75% sangat setuju dan 25% setuju., dan yang terakhirkesesuaian dengan kebutuhan kampus dengan komposisi 60% sangat setuju dan 40% setuju.
Kesimpulan & Saran
Kesimpulan
• Aplikasi pada perangkat lunak Digital Signage ini telah berhasilmelakukan proses pembuatan, pengelolaan, dan manajemenkebutuhan-kebutuhan fungsionalitas seperti manajemen akun, manajemen konten, pengelolaan survey dan analisa report.
• Aplikasi Client-Desktop yang dibangun pada perangkat lunak Digital Signage ini telah terintegrasi dengan fasilitas Kinect SDK sebagaimedia kontroler, sehingga aplikasi lebih interaktif, inovatif, danmenarik.
• Perangkat lunak yang dibangun telah terintegrasi dan dapat diaksessecara online karena telah dirancang berbasis Server-Client dan web services.
• Perangkat lunak yang dibangun telah memenuhi kebutuhan dalam halinformasi maupun proses pengembangan teknologi dalam lingkungankampus Teknik Informatika ITS Surabaya.
Saran
• dapat digunakan oleh seluruh jurusan di ITS denganmenyesuaikan kebutuhan informasi dan keadaan lingkungan.
• Dengan pengembangan lebih lanjut dalam hal analisa darikebutuhan-kebutuhan user yang bisa didapat melalui kuisionersecara terintegrasi.
• Penambahan fungsionalitas dalam hal masukkan yang lebihberagam dan menarik namun tetap compatible denganfungsionalitas utama dari perangkat lunak Digital Signage ini.
• Karena sistem ini bersifat online dan erat kaitanya dengan data dan perpindahanya sehingga dapat dikembangkan pula sistempenunjang lainya seperti dalam sisi performa (Hardware, server, optimasi) maupun dalam sisi kemanan jaringan