Latest Progress

Assalamu'alaikum and greetings to all....~~

Its been quite long since I'm updating this blog.  I think everyone is busy lately ..

So...for the latest progress...Alhamdulillah, I have able to do the randomization

 with my friend's help. Thus, my attempt for false-positive  and vice versa also 

have completed..(some codes were missing, thats why the validation is not accurate, 

my bad...huhuuu)

Running into the server

Okay, so for now...I am trying to run my prototype system into the server with 

Sammy's help. We are nearly success, but unfortunately, I have some problem 

connecting to the server  using IIS7 and framework .Net 4.0...

I have done this before during practical training, but I still think something is not

 right with this installation..thus, I forgot about it already...hehehe..

I am trying to do it in my room as there is an internet port in my room..meanwhile, I am 

preparing my Chapter 4 and Chapter 5 reports as well (though I need to spare

 some blank spaces for the analysis).

Some mock testing

I have done some mock testing as Ms Hazinah asked me, regarding the grid of the

images. After getsome feedback, my friends said that there are no problem with 

many images to do the testing. Just that they said it might be quite difficult to remember.

Then, I decided to do only 3x3 and 5x5 grid of testing as previously I said to Ms Hazinah

that I want to do 3x3 and 4x4 grid of images because I think the respondent will be bored

to do my testing especially when it comes to 5x5 grid which required  double images from 

3x3 grid. Then I think it is okay with 5x5 grid...:) I cant wait to see how the progress

during the experiment testing and the analysis regarding my prototype.

So thats all for now...I will update the latest info later on on how my experiment testing

works and the rough analysis I can make for the time being.

Thank you very much...please pray for us especially for me and Juliza as we

need to do the testing with quite a numbers of respondent which might be a

constraints for us....Ya Allah, please help us...May our experiment went smoothly as

we expected it to be...

May ALLAH ease all of us...aamiinnn....

Current Progress

Assalamua'laikum and greeting to all. Its been awhile since I updating this blog,huhu..

Of course, I am busy to finalize my project since the Demo2 will be just around the corner.

Below is my current progress :

1. I am still working on images randomization which now is the biggest challenge for me. Up until now, I didn't manage to do the randomization,help!
2. Another problem came out where shoulder surfer and attempts are not updating in database during shoulder surfer login validation though the login validation are working and validate if the user has successful or failed. The database keep showing null.

Oh Allah, please help us...and lend us your strength...

May ALLAH ease all of us...Aammiinnn..

CURRENT PROGRESS

Salam and greetings to all...owh by the way , Happy Islamic New Year to all muslim..:)

Here I would like to share the progress in my project. Up until now, following

statement are my progress and some changes I've made :

1. I have changed the login part where previously I made the set of images sorted where user need to sort the images according to the correct places of the chosen images during registration session before. Instead, I decided to change where users need to arrange all the images into the empty boxes along with the chosen images into the correct places.
2. As for progress, I have  managed to validate the user and limitation of login attempts.
3. As for now, I am still learning and searching on how to randomize the images in the same time the chosen images still appears in the set of images. 

Below is some screen shot on my project progress..

 Figure 1 "Login" Homepage

Figure 2  Drag chosen images and all remaining images

 

Figure 3  User Login Successful

That is all for now..Please pray for us..and also to our sisters and brothers in GAZA..

Rabbi Yassir wa la tu 'Assir..May Allah Ease..aaamiinn..

SOME PROGRESS FOR DATABASE

 Salam and greetings to all...

        Today, I was a bit relief because I managed to settle the database for registration part where previously I'm having problem with during DEMO1.

       With help from my friend, ALHAMDULILLAH...the data were successfully passed into the database but for the time being, I'm just done with Registration part.

     InsyaAllah....I will try again to make sure that all my data will be passed successfully into the database. But for now, still I am having some problem with user verification whereby the problem is from the interfaces itself which I think I need to try to do in another project.

         Okay thats the report for now.. I will update later on if I managed to do the user verification,insyaAllah...Please pray for our success..Wish all of you best of luck in your FYP..

~~ MAY ALLAH EASE ALL OF US...AAMIINN...~~  

 

DEMO 1

Assalamualaikum W.B.T and greetings to all...

Yesterday was the day of DEMO1 for our Final Year Project under Miss Hazinah.

 Earlier, only me, Anthony, Nuradin and Sammy in the meeting room. 

Saiyida, Yahya and Qila were not coming today meanwhile Liza and Quek

arrived few minutes later.

During my presentation, I presented until my latest progress.

Due to some circumstances, I did not managed to pass the data into database.

Therefore, I just able to show to Miss Hazinah how the data will be passed 

through "Web Console" on my web browser.

Below is what Ms.Hazinah suggested me during my demo presentation: 

1. For user verification in Login page, set rules stated that user need to click and sorted the images though any of the random images has already in correct position.
2. For images randomization, uses different images where the set of images were different from the images during registration.
3. Record the images for each attempts.                                                                      

   For the time being, I need to settle down my database for registration and during verification. Thus, if possible do the comparison for user verification.

MAY ALLAH EASE....aamiinn..

Working on Database and UI Design

Up until now, I have tried many codes in order for me to pass the registered images

into the database. I have found and tried two codes so far which:

1. The  first code automatically saves changes when we apply sortable function to the images, it will automatically update the order of the list.   
2. The second codes I have try with 'Save' button where it will only triggered update the new order in the database after we've done sorting the images.   
    
    
   So far, below is the list of new problems rises ape many tries in codes : 
   • When I have sorted between the list , the order of the list remain the same when we reload it once again to next registration session.
   • We need to set functions which only allows users to register only that particular amount of images according to their group for example if the instruction needs user to register 3 images, the I need to make sure that only 3 images are being chosen and apply warning messages which reminding user not to excess the limit.
   • Make sure that control the codes not to saves pictures which not fully placed in the empty spaces. 
    
    
   I think there are another things or problem that I think will come out but for the time being, I will
   try again to resolve the problem that I could. I will update the latest information regarding my project progress later on.
    
    
   Please pray for our success...May Allah ease all of us...aamiinn...:) 
    

The Third Meeting

Salam and greetings to all...Sorry for the late update,huhu..

At last, after struggling and trying as much coding as I can, 

I am enable to update my blog,huhuu...

Last week was a bit chaos for me due to my cold, flu and fever..

And I think you can imagine how the combination will result in, and indeed its

happened to me for three to four days until Eid Adha holiday when I gone back home...

Oh, only God know how I feel at that time..huhuuu...so much work were

unaccomplished..but its ok, I think I should have some rest for a while...

 Okay back to our main topic, the third meeting which was held on 18th October 2012.

As usual, we need to present our progress to our supervisor, and that time all of us are

there to present what we got that time.

Obviously, most of my friends have shows many good progress and they are quite fast

from the schedule which is really good. Anthony have managed to make 'client-server'connection

just I thinks things left to do is to encryption part. Others, Nuradin, Qila, Yahya also have shown

many progress in their projects.

As for me, I was only able to do the functions of drag and drop plus sortable images for

the registration and login. Now, I am still trying to connect and pass the registration part

into the database. Below is what Ms.Hazinah has suggest me to do for the database part :

1. Try and make use of an array to capture and record the position of the images which has been selected by the user.
2. Add counter for trying attempt after login into the prototype.
3. Compare the database from the registration and during login session.

Drag and Drop functions during Registration

For now, I am still searching for codes which will gives me clue on how to settle my problem in database.

Juliza and I did thinking to see lecturers who can help us in database. We also did try our best

to solve our problems together. Please pray for us...

May Allah ease.....aaammiinn...

...:: SECOND MEETING ::...

On the second meeting, we started a bit late because the meeting room was locked

and we need to wait for the technician to get the key.

After the room opened, we started our meeting with progress of our project.

Today, we are having a presentation whereby each of us need to present

our project progress to Miss Hazinah. We started with Abdul Qader. He prepared

a slide for us which he present what he will do and his plan towards his project.

Then, proceed with Nuradin where he prepared quite a lot of progress of his system.

He was doing a system for renewing visa for Somalian students which I think is a good

idea to develop system like what he did which I think it could help them in the future.

As for mine, I just presented regarding my login and sign up session since I 

did not managed to do the sortable and drag and drop function yet for the time being.

Miss Hazinah and the others did give me an opinion and advice towards my project.

Below is what Miss Hazinah suggest me :

1. For sign up module, no need to be too strict about the password chosen by the user, thus give them any passwords they would like to have since they will need to remember two type of password to login into the prototype which is tedious to do so to remember two password in a system.

     2.  For graphical password registration, let the user choose 3 or 5 static images by clicking the images, drag and drop the images into empty grid on right hand side.

    3.   To record the images that have been chosen during registration, make a 2D array and save the coordinate of the grid to save the new position of the images.

I am still working on "Drag n drop" and "sortable" function for my prototype.

It is a bit complicated to think on how to record the images that have been chosen by the 

user into database and retrieve back the data and show it into the interface.

I am still thinking on how to do it instead of using 2D array, why not I uses jquery.

But still, I am working on it and I will tried anything I could and I will try to check sample

of program code using 2D array.

*********************************************************************************

May ALLAH Ease....aaammiiinnn.....

..::The 1st Official Meeting with Miss Hazinah::..

Today at 9.00 am, we had our first meeting with our beloved supervisor, Miss Hazinah..(^^,).

All of my friends under Ms. Hazinah supervision came, except for Quek Quek due to some 

matters that needs to be done..(he is going to buy a laptop actually...hehee..)

Well, though it is a bit quiet since Quek absent, I think we were a bit honored and glad to have

our senior, Sammy to assist us regarding our project. Today's meeting covers as follows :

1. Submit our PSM2 timeline to Ms Hazinah.
2. List down what we need to do for the whole semester (i.e 25% progress on DEMO 1, 50-70%  progress for DEMO 2 and fully completed on DEMO 3)
3. When we need to submit all those drafts.
4. Planning for next week meeting.

After short briefing regarding the PSM2 schedule, Juliza and I having a short discussion with Sammy regarding our project due to we have quite the same method of graphical password authentication.Sammy just finished her undergraduate program and successfully get an excellent grade for her PSM2 recently.


As for my project, I asked Sammy the basic idea on how she recorded the images chosen during the registration session each time a user hover the mouse and save it into database..
These thing give me a headache to think and freak me out because I don't get
how to make the module during registration functioning.


After the discussion, I hope that there's some light shining to guide me in completing
me and my friends projects. I pray and hope that all of us which under Ms Hazinah
supervision will success with flying colors in this semester especially with our final year project
and I really wish that all of us will make Ms Hazinah proud and happy with our projects.
Hopefully everything will go smoothly till the day of our presentation..Aamiinnn....:)
Till then, that's all for now..Got to start make UI design now..


~~ Wassalam....~~

PSM 2 Timeline

PSM 2 Timeline

Below is the timeline or schedule for my PSM2 :-

Found another example.

*** Assalamualaikum and hello to all...***

The whole week starting last week is a bit busy for me and my family because we have guests visited our house. Just for information, my parents relatives are quite big and mostly they will come visit us in Raya Eve each year. And yes, I am a bit exhausted for the whole week especially 

in weekend and I think I'm gonna collapse...(@.@)

Therefore, this is what I have managed to search during free time. But first of all, let me

brief a little bit about what I've got. This time, I found I think a quite simple example

of drag and drop function which using HTML 5.

---------------------------------------------------------------------------------------------------------------

Below is the example codes to CREATE THE IMAGE BLOCKS....

---------------------------------------------------------------------------------------------------------------

And how to DRAG IMAGE BLOCK....

Unfortunately, after read for several times and asking my senior, we found that using HTML 5

is not quite suitable for my project which needs to connect the images data into the database server. 

Thus, HTML 5 is only applied and suit perfectly for UI (User Interface only) which means it 

only apply to the outer design interface. Maybe I am wrong, but for the time being, I didn't find how I can connect my data images into the database server. Maybe I  should try to find if there is a way that can help me to connect the data into database.

<<<MAY ALLAH EASE>>>

"Rabbi Yassir Wala Tu’assir.."

Maksudnya : Wahai tuhanku permudahkanlah dan janganlah kau susahkan.

**Another Example of Drag and Drop Coding**

~~Assalamualaikum and greeting to all...~

Today, I continue searching for another codes which close to what I searching for. And yet, nothing much for today, instead I found drag and drop coding using jQuery. Below I attach the URL and the User Interface.

http://www.codeproject.com/Articles/366857/Jigsaw-Puzzle-Game-in-HTML5

And below is the code function for drag and drop 

Above example is the javascript file that provides the ability to sort lists using drag and drop.
In order to make the drag and drop functioning, jQuery framework need to be installed.
Therefore, I need to download the jQuery framework into my computer. Thus, I need to search
 a lot more about jQuery as this is the first time I'm trying to do drag and drop
in javascript format. I hope I can find ones which will help me in my project...


*****MAY ALLAH EASE*****

~~ My findings for drag and drop coding ~~

Assalamualaikum w.b.t and greetings to all,

Today, after quite a long time, I decided to share what I have got from my findings after searching for sample coding as references for my project. After quite long time searching, I found that most of coding for drag and drop function are using jQuery UI. 

Below is the links which I have been gone through :

• http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/

• http://www.elated.com/res/File/articles/development/javascript/jquery/drag-and-drop-with-jquery-your-essential-guide/card-game.html  (**Notes : This is the one which help me to start with)

Drag and Drop Card Game

                                                               

Thus, I did  found one sample of real jigsaw puzzle game which using AJAX drag and drop (ASP.NET 2.0 AJAX Futures November CTP). Below is the URL and image.

•  http://megasoft78.somee.com/JigsawPuzzleGame/Puzzle.aspx 

Jigsaw Puzzle Game

                                                                

I did search others jQuery UI samples, but unfortunately it is a bit complicated to implement. I need to search for something simple and easy to be implement, thus fit accordingly to my project title and the objectives.

As for the time being, I think both of above method manage to give me some idea but still, both sample above not helping me much in my projects. Thus, I need to find more sample which can guide me in less complicated way, as this is the first time I am doing coding for drag and drop function. 

I need something simple to guide me to start with and achieved my project scheme and objectives. I really hope I can find something which is the best can help me in my project because right now I think my head is spinning and I saw stars are blinking on top of my head...huhuu. @.@

 "Oh Allah, please lend me Your strength and gives me ideas(ilham) and may Allah ease for me in order to complete me and my fellow friends project successfully in the end of the semester.. Aaaminn...."